INFORALLFRIENDS: Tips Trik Blog

Cara Membuat Logo Header Online

<b><a href="http://inforallfriends.blogspot.com/" target="_blank">INFORALLFRIENDS</a></b> - Selamat pagi brothers, kali ini saya akan memberikan <a href="http://inforallfriends.blogspot.com/search/label/Tips%20Dan%20Trik" target="_blank">Tips</a> <b>Cara Membuat Logo Header Secara Online.</b> Alasan membuat logo secara online ini adalah untuk mempermudah anda dalam membuat logo Website atau Blog. Membuat logo sendiri pun pasti harus memiliki bakat Editing, dan memiliki bakat desain, <a href="http://inforallfriends.blogspot.com/search/label/Software%20Komputer" target="_blank">Software</a> paling utama adalah <b>Photoshop.</b><br />
Jika kalian membutuhkan Photoshop, saya akan memberikan Softwarenya, Download <a href="http://inforallfriends.blogspot.com/2014/03/download-photoshop-portable.html" target="_blank">Photoshop CS6 Portable</a>.<br />
<br />
Dan kali ini saya akan memberikan cara praktisnya, untuk <b>Membuat Logo Secara Online.</b><br />
Ada beberapa situs yang dapat anda kinjungi untuk membuat logo anda secara gratis misalnya disini adalah <a href="http://cooltext.com/" target="_blank">Cooltext.com</a>, disitus ini bukan hanya membuat logo tapi berbagai macam jenis tulisan juga dapat anda buat disini.<br />
Lihat ScreenShot-nya.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-fh83kGwVEQ4/U1B7P9ngW1I/AAAAAAAABfE/Dz_dwE-An-4/s1600/Screenshot+(29).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="membuat logo online" border="0" height="179" src="http://4.bp.blogspot.com/-fh83kGwVEQ4/U1B7P9ngW1I/AAAAAAAABfE/Dz_dwE-An-4/s1600/Screenshot+(29).png" title="Cooltext" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Cooltext</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
<br />
Ok brothers, bagi kalian yang ingin mencoba membuat logo disini selahkan kunjungi situsnya <a href="http://cooltext.com/" target="_blank">Cooltext.com</a>.<br />
<br />
Masih banyak lagi <b>Situs membuat Logo Online. </b>Contohnya:<br />
<br />
<ul>
<li><a href="http://www.flamingtext.com/" target="_blank">Flamingtext</a></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://4.bp.blogspot.com/-NYy3XXfXnuA/U1B8u4Id91I/AAAAAAAABfQ/HuXfy7VkAAM/s1600/ft-dragon-white.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Text Generator" border="0" src="http://4.bp.blogspot.com/-NYy3XXfXnuA/U1B8u4Id91I/AAAAAAAABfQ/HuXfy7VkAAM/s1600/ft-dragon-white.gif" title="Flamingtext" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><a href="http://www.simwebsol.com/ImageTool/Default.aspx" target="_blank">SimWebSol</a></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-cHDfJCCnXkM/U1B9RhhhFxI/AAAAAAAABfY/A0khX9UzSJg/s1600/simwebsol-logo-generator.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Logo Generator" border="0" height="50" src="http://3.bp.blogspot.com/-cHDfJCCnXkM/U1B9RhhhFxI/AAAAAAAABfY/A0khX9UzSJg/s1600/simwebsol-logo-generator.png" title="Simwebsol" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><a href="http://www.logomaker.com/" target="_blank">Logomaker</a></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-yCIHNPaO078/U1B9rJlVNCI/AAAAAAAABfg/bNwgfC8yjNY/s1600/logomakerByHP.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Logo Header Online" border="0" src="http://3.bp.blogspot.com/-yCIHNPaO078/U1B9rJlVNCI/AAAAAAAABfg/bNwgfC8yjNY/s1600/logomakerByHP.png" title="LogoMaker" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><a href="http://www.freeflashlogos.com/" target="_blank">FreeFlashLogos</a></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-7bClNvMwfCk/U1B-DjrWH6I/AAAAAAAABfo/Cllg_iXPd4w/s1600/logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Logo" border="0" src="http://3.bp.blogspot.com/-7bClNvMwfCk/U1B-DjrWH6I/AAAAAAAABfo/Cllg_iXPd4w/s1600/logo.jpg" title="FreeFlashLogos" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li><a href="http://www.logosnap.com/" target="_blank">Logosnap</a></li>
</ul>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-phiVGJHNYrI/U1B-W0lFmcI/AAAAAAAABfw/CfhpTMD_JD4/s1600/logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Logosnap" border="0" src="http://3.bp.blogspot.com/-phiVGJHNYrI/U1B-W0lFmcI/AAAAAAAABfw/CfhpTMD_JD4/s1600/logo.png" title="Logosnap" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Semoga bermanfaat brothers.....</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<hr />
<h3>
Keyword: Cara Membuat Logo Header Online, Situs Membuat Logo Online Gratis, Text dan Logo Creator</h3>

Cara Membuat Logo Header Online

INFORALLFRIENDS - Selamat pagi brothers, kali ini saya akan memberikan Tips Cara Membuat Logo Header Secara Online. Alasan membuat logo ...

Cara Membuat About Me atau Halaman Profil Pada Blog

<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-UD_75xvURYQ/U0r_lIDW_nI/AAAAAAAABaQ/I_faBN8DAbc/s1600/Screenshot+(28).png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="About Me" border="0" height="148" src="http://1.bp.blogspot.com/-UD_75xvURYQ/U0r_lIDW_nI/AAAAAAAABaQ/I_faBN8DAbc/s1600/Screenshot+(28).png" title="About Me" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">About Me</td></tr>
</tbody></table>
<div style="text-align: center;">
<b><span style="font-family: Arial, Helvetica, sans-serif;"><a href="http://about.me/Agung.IDS" target="_blank">LIVE DEMO</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<b><a href="http://inforallfriends.blogspot.com/" target="_blank">INFORALLFRIENDS</a></b> - Selamat pagi brothers. Kali ini saya akan memberikan Cara Membuat About Me atau Halaman Profil Blog. Banyak sekali manfaat untuk para blogger untuk memasang About Me di setiap blognya.<br />
<br />
<i>Berikut Manfaat-nya Memasang About Me di Blog:</i><br />
<br />
1. Pengunjung Mengenal Anda Dengan Cepat.<br />
Ketika pengunjung membaca halaman about blog anda, maka akan bisa menangkap apa yang ada dalam diri anda secara keseluruhan secara singkat.<br />
<br />
2. Pengunjung Menjadi Pembaca Setia Blog Anda.<br />
Bila anda menambahkan beberapa sentuhan kecil pada halaman about,  maka blog anda bisa menarik beberapa pengunjung menjadi pembaca setia yang akan datang kembali ke blog anda.<br />
<br />
3. Pengunjung Menyukai Blog Anda.<br />
Halaman about terbukti membantu pengunjung menyukai website atau blog anda. Apalagi jika apa yang anda tulis di halaman web/blog sesuai dengan materi yang pembaca inginkan.<br />
<br />
4. Menambah kepercayaan dan kredibilitas anda di mata pembaca.<br />
Bila anda menampilkan informasi yang tepat di halaman about, maka pengunjung bisa menjadi percaya dan menganggap anda sebagai seseorang yang kredibel di bidangnya.<br />
<br />
Sekarang langsung saja buat halaman profil anda di situs <a href="http://about.me/" target="_blank">About.me</a>, Situs tersebut menyediakan layanan untuk anda membuat Halaman Profil/About secara gratis :<br />
<br />
<ol>
<li>Pertama kunjungi <a href="http://about.me/" target="_blank">About.Me</a></li>
<li>Lakukan pendaftaran dengan mengisikan Nama, Email, URL halaman about, dll.</li>
<li>Kemudian klik Daftar.</li>
<li>Setting halaman About Me, dan memperindah Tampilan About Me milik anda dengan fitur-fitur yang disediakan.</li>
<li>Jika sudah selesai, copy URL <a href="http://about.me/Agung.IDS" target="_blank">About Me</a>. Dan pasang pada blog anda.</li>
<li>Enjoy Brothers.</li>
</ol>
<br />
Pada halaman Profil, lengkapi dengan akun-akun jejaring sosial. Anda bebas berkreasi menambahkan akun-akun jejaring sosial sesuka anda sendiri.<br />
<br />
Semoga Bermanfaat Brothers
<br />
<hr />
<h3>
Keyword : Cara Memasang About Me Di Blog, Cara Supaya Blog Terkenal, Manfaat About Me, Cara Membuat Halaman Profil Blog</h3>

Cara Membuat About Me atau Halaman Profil Pada Blog

About Me LIVE DEMO INFORALLFRIENDS - Selamat pagi brothers. Kali ini saya akan memberikan Cara Membuat About Me atau Halaman Profi...

Cara Download File Dari Tusfiles

<center>
<h2>
Cara Download File Dari Tusfiles</h2>
</center>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-bHNVBbckhhI/U0pxZZU6qcI/AAAAAAAABZ8/oVtrkovxSJI/s1600/images.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara download file dari tusfiles" border="0" src="http://1.bp.blogspot.com/-bHNVBbckhhI/U0pxZZU6qcI/AAAAAAAABZ8/oVtrkovxSJI/s1600/images.jpg" title="Tusfiles" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tusfiles</td></tr>
</tbody></table>
<b><a href="http://inforallfriends.blogspot.com/" target="_blank">INFORALLFRIENDS</a></b> - Situs ini memang Favorit dan Familiar sekali bagi para netter untuk berbagi file-file yang akan di bagikan kepada orang lain. Selain kapasitasnya yang besar hingga 100 GB (gratis tanpa pungutan biaya sepeser pun) dan tidak harus menunggu waktu yang sangat lama seperti kebanyakan situs-situs sejenis.<br />
Contohnya : 4shared, indowebster dan sebagainya. Jadi bagi para downloader yang ingin medownload di tusfiles tidak perlu menunggu waktu mundur yang lama karena ini langsung download.<br />
<hr />
<strong>Permasalahan Mendownload di Tusfiles :</strong><br />
<ul>
<li>Hal yang pertama pasti bingung dengan tombol download yang ada dua? Benar
bukan? Jangan terkecoh dengan hal seperti itu maka teliti lah dalam memilih.</li>
<li>Halaman berpindah atau teralih kesitus lain..</li>
<li>File download berubah menjadi berekstensi ".exe".</li>
</ul>
<hr />
<strong>Cara Mengatasinya/mendownload File Dari Tusfiles :</strong><br />
<strong><br /></strong>
<br />
<div align="center">
Lihat Gambar Di Bawah Ini</div>
<div align="center">
<img alt="Cara Download File Dari Tusfiles2" src="http://agungrust.heck.in/files/screenshot-11.png" title="Tusfiles" /></div>
<ul>
<li>Pertama-tama hapus tanda centang yang bertuliskan <em>"Use our download manager and get recommended downloads"</em> seperti di gambar yang bernomor 1 sebelum anda klik tombol downloadnya.</li>
<li>Sesudah di hilangkan Ceklis pada "Use our download manager and get recommended downloads". Pilih tombol <strong>"Direct download link"</strong>. Seperti yang ada di gambar bernomor 2.</li>
<li>Lalu file anda akan ter download, selesai.</li>
</ul>
Cukup mudah bukan?<br />
Semoga bermanfaat Brothers<br />
<h3>
Keyword : Cara Download File Via Tusfiles, Cara Supaya Download Tidak Menjadi Exe, Masalah Download Di Tusfiles, Tips Tusfiles, Tips dan Trik</h3>

Cara Download File Dari Tusfiles

Cara Download File Dari Tusfiles Tusfiles INFORALLFRIENDS - Situs ini memang Favorit dan Familiar sekali bagi para netter untuk ber...

Cara Supaya Blog Berada Di Urutan Posisi Pertama Google

<h2>
Cara Supaya Blog Berada Di Posisi Pertama Google</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-FXL3CevRAMo/UylXFdLTwfI/AAAAAAAAApw/n0FJ0sGSM5g/s1600/Cara+Baru+Artikel+Menempati+Posisi+1+Google%5B8%5D.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-FXL3CevRAMo/UylXFdLTwfI/AAAAAAAAApw/n0FJ0sGSM5g/s1600/Cara+Baru+Artikel+Menempati+Posisi+1+Google%5B8%5D.jpg" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<b><a href="http://inforallfriends.blogspot.com/" target="_blank">INFORALLFRIENDS.BLOGSPOT.COM</a></b> - Kali ini postingan saya berupa <a href="http://inforallfriends.blogspot.com/search/label/Tips%20Trik%20Blog" target="_blank">Tips Trik Blog</a>, <strong>bagaimana cara agar blog berada pada urutan pertama di keyword google</strong>.<br />
Pasti sobat ingin kan supaya <strong>blog menempatkan posisi awal dari search engine</strong>?<br />
Supaya <strong>blog ramai dikunjungi visitor</strong> kita memang harus berusaha supaya <strong>blog kita menduduki peringkat pertama di google</strong><br />
Langsung saja berikut <a href="http://inforallfriends.blogspot.com/search/label/Tips%20Dan%20Trik" target="_blank">Trik</a> <strong>cara supaya blog berada paling atas di search engine</strong><br />
<br />
<ul>
<li><strong><span style="color: green;">1</span>. Judul dan Isi Artikel</strong></li>
</ul>
<span style="text-decoration: underline;">Cara supaya blog berada pada posisi pertama search engine</span> sangat berpengaruh pada <span style="color: red;">Judul dan Isi Artikel</span>.<br />
Judul dan Isi Artikel sangat berpengaruh sebagai <strong>keyword</strong> jika orang lain ingin mencari tentang apa yang mereka cari di Google.<br /> Gunakan Judul yang SEO, yang mudah untuk di cari atau yang sering banyak di cari di google.<br />
dan <strong>bagaimana cara postingan kita berada paling atas</strong>? Kita pun harus berfikir matang-matang untuk mengisi Judul dan Isi Artikel. Kata-kata harus baku dan tidak boleh di singkat-singkat. Karna Google tidak suka dengan kata-kata atau kalimat yang di singkat-singkat dan tidak baku.<br />
<br />
<ul>
<li><strong><span style="color: green;">2</span>. Nama Blog atau Situs</strong></li>
</ul>
<span style="color: red;">Nama Blog atau Situs</span>. Nama Blog sangat berpengaruh sekali dalam <span style="text-decoration: underline;">pencarian google</span>, saya sarankan lebih baik buat nama yang simple, pendek dan mudah di ingat, yang bisa menggambarkan dan mendekripsikan seluruh isi Blog atau tema tentang blog anda.<br />
Nama yang tidak terlalu panjang dan simple dapat berpengaruh juga supaya orang lain mudah mengingat Blog atau Situs kita, dan dengan itu orang lain jika merasa nyaman dengan blog anda, maka dia akan terus mengunjungi blog kita.<br />
<br />
<ul>
<li><strong><span style="color: green;">3</span>. Lakukan Back Link</strong></li>
</ul>
Lakukan Back Link, gunakan back link yang berkualitas yang mampu mendorong atau membawa Blog anda dengan perantara dari Situs-situs yang berkualitas. dan ini akan sangat membantu sekali untuk <span style="text-decoration: underline;">meningkatkan posisi dalam hasil pencarian google</span>.<br />
Back Link juga bisa dengan cara mengunjungi Blog orang lain, dengan berkomentar untuk meninggalkan jejak di Blog orang lain. Sering berkomentar di Blog yang berkualitas dan ramai pengunjung, supaya blog kita bisa di lihat oleh orang banyak. Sering-seringlah melakukan Back Link ke situs atau blog lain yang ramai pengunjung supaya orang lain dapat berkunjung balik ke Blog atau Situs anda.<br />
<br />
<ul>
<li><strong><span style="color: green;">4</span>. Hindari Copy Paste</strong></li>
</ul>
Jangan pernah sesekali anda <span style="color: red;">Copas (Copy Paste)</span>, atau mungkin menyalin postingan dari Blog atau Situs orang lain, karna sangat di larang oleh Google. Meskipun anda mencopy lalu mengeditnya, google pun akan tahu dan postingan atau bisa jadi Blog anda tidak terindex oleh google. Maka hindari melakukan Copy Paste.<br />
<br />
<ul>
<li><strong><span style="color: green;">5</span>. Verifikasi Blog Ke Webmaster Google</strong></li>
</ul>
<span style="color: red;">Verifikasi Blog Anda Ke Google</span>. Ini langkah pertama bagi anda yang mempunyai Blog. Sangat wajib bagi anda untuk memverifikasi blog anda ke Webmaster Google. Untuk memverifikasinya silahkan klik <a href="http://www.google.com/url?q=http://www.google.com/webmasters/&sa=U&ei=l7VeUubZJsGuiQK39oCoCA&ved=0CBsQFjAA&sig2=fw1r-TcTO67PV0GhQtnR6w&usg=AFQjCNFS5mPGY4NtvvgoHf9f8uilvyGE7A" target="_blank">Disini</a>. Dan ikuti langkah-langkahnya.<br />
<br />
<ul>
<li><strong><span style="color: green;">6</span>. Submit URL/Artikel Blog</strong></li>
</ul>
Submit url artikel blogmu di google webmaster. Untuk mensubmit klik <a href="http://https//www.google.com/webmasters/tools/submit-url?hl=in&mesd=eyJtdCI6IlJFUVVFU1RfRVJST1IiLCJjdCI6MTM1NzgxMjU3NDczOSwicHMiOltdfQ%3D%3D" target="_blank">Disini</a>. Usahakan lakukan setiap anda selesai membuat postingan atau artikel, supaya artikel blog anda <span style="text-decoration: underline;">cepat terindex dengan search engine google</span><br />
<br />
<ul>
<li><strong><span style="color: green;">7</span>. Tentukan Keyword Anda</strong></li>
</ul>
Buat keyword anda di dalam postingan atau artikel, sesuai tema isi postingan anda dan judul, ucapkan berulang-ulang keyword anda, dan tidak boleh sama, usahakan tidak sama tetapi tetap sesuai dengan isi postingan anda.
<span style="color: red;">PERINGATAN!!!</span> : Keyword tidak boleh melebihi 3x.<br />Gunakan pengulangan kalimat yang berhubungan dengan judul postingan kita, minimal 2x atau 3x. Terserah anda ingin meletakkan di paragraf yang mana saja. Buat pengulangan kalimat yang berkaitan dengan judul postingan kita.<br />
<br />
<ul>
<li><strong><span style="color: green;">8</span>. Tingkatkan Traffic Blog Anda</strong></li>
</ul>
Tingkatkan traffic blog anda di <a href="http://gudangfans.com/" target="_blank">www.gudangfans.com</a><br />
setelah mendaftar, kumpulkan koin sebanyak-banyaknya karena koin tersebut nantinya akan ditukarkan untuk mempromosikan blog anda.<br />
<hr />
Sekian postingan saya tentang cara <strong>bagaimana cara blog kita berada di posisi pertama google</strong><br />
<br />
Semoga <a href="http://inforallfriends.blogspot.com/search/label/Tips%20Dan%20Trik" target="_blank">Trik</a> ini bermanfaat untuk anda, dan semoga blog anda terindex oleh google.

Cara Supaya Blog Berada Di Urutan Posisi Pertama Google

Cara Supaya Blog Berada Di Posisi Pertama Google INFORALLFRIENDS.BLOGSPOT.COM - Kali ini postingan saya berupa Tips Trik Blog , bag...

Membuat Widget Social Keren: Metro UI

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-d4kY5AIrgw4/Uye6Khg-AgI/AAAAAAAAAn4/xvQ9lBMYuJA/s1600/social+profil+widget+keren_thumb%5B18%5D.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Widget Inforallfriends" border="0" height="165" src="http://2.bp.blogspot.com/-d4kY5AIrgw4/Uye6Khg-AgI/AAAAAAAAAn4/xvQ9lBMYuJA/s1600/social+profil+widget+keren_thumb%5B18%5D.jpg" title="Widget Social: Metro UI" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><u>↖Demo Seperti Diatas↗</u></td></tr>
</tbody></table>
<br />
<br />
<b><a href="http://inforallfriends.blogspot.com/" target="_blank">INFORALLFRIENDS.BLOGSPOT.COM</a></b> - Banyak sekali widget-widget yang ada untuk Blog, kali ini saya akan memberikan cara membuat widget <b>Profil Sosial Networking</b> menarik dengan Colored Style. Widget ini dinamai <u>Metro UI</u> oleh designernya <a href="https://plus.google.com/103741144523748761550" target="_blank">Vinay Prajapati</a>.<br />
<br />
<h3>
Fitur</h3>
<div>
<ol>
<li>Meliputi 7 jejaring social yang paling sering digunakan</li>
<li>Efek hover dan desain yang elegan</li>
<li>Sangat rapi dan bersih</li>
<li>Tidak ada JavaScript, No Jquery, murni dengan CSS</li>
</ol>
<h3>
CARA MENAMBAHKAN WIDGET INI KE BLOG</h3>
</div>
<div>
<div>
Untuk menginstall widget ini ke blog sangat mudah, baik blog anda dengan flatfrom blogger, wordpress atau layanan blogging lainnya dimana style CSS dan HTML diterima pada widget atau template. Anda hanya perlu menambahkan kode gadget/widget pada bagian HTML/JavaScript.</div>
<div>
<u>Step by step for blogger</u></div>
</div>
<div>
<ul>
<li>Pada dasbor ▶ Masuk menu Tata Letak ▶ Tambah Gadget ▶ Pilih HTML/JavaScript</li>
<li>Copy dan paste kode berikut pada kolom konten :</li>
</ul>
<div>
<br /></div>
</div>
<style type="text/css">
textarea.systemarea {
font-size: 14px;
font-family: Arial, Tahoma, Helvetica;
border: 0px solid transparent;
outline: none;
border: 5px solid;
border-color: #ccc #aaa #aaa #ccc;
border-radius: 12px;
moz-border-radius: 12px;
webkit-border-radius: 12px;  
background: #eee;
box-shadow: -1px -1px 1px #533801, 1px 1px 1px #533801, 1px 1px 10px #555;
moz-box-shadow: -1px -1px 1px #000, 1px 1px 1px #000, 1px 1px 10px #000;
webkit-box-shadow: -1px -1px 1px #000, 2px 1px 1px #000, 1px 1px 10px #000;
text-shadow: 0px -1px 0px #999;
padding: 5px 5px 2px;
color: black;
margin: 15px 5px;
o-transition: all 1s ease-out;
moz-transition: all 1s ease-out;
webkit-transition: all 1s ease-out;
}
textarea.systemarea:hover {
border-color: #ff0000 #ff0000 #ff0000 #ff0000;
border-radius: 8px;
moz-border-radius: 8px;
webkit-border-radius: 8px;  
background: #000;
color: gray;
text-shadow: 0px 0px 0px;
box-shadow: -1px -1px 1px #00ff00, 1px 1px 1px #00ff00, 1px 1px 20px #00ff00;
moz-box-shadow: -1px -1px 1px #ff0000, 1px 1px 1px #ff0000, 1px 1px 20px #ff0000;
webkit-box-shadow: -1px -1px 1px #000000, 1px 1px 1px #000000, 1px 1px 20px #000000;
}</style>
<textarea class="systemarea" cols="79" rows="48"><div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/agungrust rel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/agungrust></a></li>
<li><a class="gp" href="https://plus.google.com/agungyuliyanto25"></a></li>
<li><a class="pi" href=http://pinterest.com/agungrust rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/agungrust rel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/agungrust></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/agungrust rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>

Kustomisasi : Ganti link profil saya "agungrust" & "agungyuliyanto25" dengan link profil milik anda.

Simpan dan lihat hasilnya diblog anda.

Demikian tutorial kali ini, cara membuat social profile widget pada blog. Semoga bermanfaat.

Membuat Widget Social Keren: Metro UI

↖Demo Seperti Diatas↗ INFORALLFRIENDS.BLOGSPOT.COM - Banyak sekali widget-widget yang ada untuk Blog, kali ini saya akan memberikan c...