Advertisement

Cara Membuat Widget Sosial Media Di Sidebar Blog

Cara Membuat Widget Sosial Media Di Sidebar Blog

Masih seputar Tutorial tentang cara memperindah tampilan blog serta melanjutkann tulisan sebelumnya tentang membuat widget sosial media melayang, kali ini aku akan coba share cara membuat widget sosial media di sidebar blog. Seperti yang sudah sering kita jumpai beberapa sosial media tersebut seperti Google+, Facebook, Twitter, Rss dan News Letter. Hal ini berguna untuk memudahkan para pengunjung blog memfollow blog kita.

Sebelum aku lanjutkan pada tata cara pembuatannya, admin ingin sedikit berpesan sekaligus mengajak sobat semua untuk memfollow web CERITA NGEBLOG ini, silahkan sobat follow blog ini baik itu melalui Google+,Facebook atau juga berlangganan artikel melalui email news letter, guna mendapatkann update terbaru dari blog ini. Mari kita saling memfollow kawan.! (he...he...he..he...) baiklah,sekarang mari kita lanjutkan pada tata cara pembuatan widget sosial media pada sidebar blog.

  • Untuk membuat widget sosial media yang nantinya terpasang dalam sidebar blog, pertama dan yang harus sobat lakukan adalah Login kedalam dasbor blog anda.!

  • Kemudian pilih Tata letak dan lanjutkan dengan memilih/menambahkan gadget ( add a gadget)

  • Pilih HTML lalu copy kode yang ada dibawah ini dan pastekan kedalam gadget HTML tadi.

<div style="background: none; border: none; float: right; padding: 2px;">
<center>
<table border="0" cellpadding="1" style="width: 300px;"><tbody>
<tr>
<td align="center"><div class="social" style="padding: 0pt 0pt 0pt 5px;">
<table><tbody>
<tr><td><a href="http://feeds.feedburner.com/ID%20FEEDBURNER%20SOBAT" target="_blank" title="rss"><img alt="rssfeed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh57iQsTcn7z0tO9CGmCN82XMVVYvbu6VlA1eL8konqyNQq8P2M7sg0XFV2Yw3Wr0Jkqz8WQyQ6Wuj1rfcrhsFFmqjwmSFaDidTuTv6I-gc69QDhTHUocognIrqI99FRuS2dyqqCPHJt9w/s40/rss.png" title="rss" /></a> </td>
<td><a href="http://twitter.com/IDTWITTWERSOBAT" target="_blank" title="Follow on twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0P6tiMAc9DjLK_Yx8GI4HxQ0aTFh9GP4vtXQtVr0o7V6dPcoKfgeqP4GzLtKRlu7F93O5w3JM5UekiooRCpV0wsFPBeTJ6v6MX7iHz90ypZ8-r6hmQtv78FlDHwPVzFUV5r7gEZmuMY/s40/twitter.png" title="Follow on twitter" /></a> </td>
<td><a href="http://www.facebook.com/ALAMATFANPAGEANDA" target="_blank" title=" Like me on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLfQUVsGMnuDyiiwfp2QhyphenhyphenfkfR1A0iAHvptEGzZCUdAY6o7guPfxgZitkGrjykPRleYitUtoKiknJhRXdSH_0-4EgPHVZ8dA-bSNre5Fvz3KFqCzc5nEKzkk7SgCyCF9EPsDVtdHN208/s40/facebook.png" title=" Like me on Facebook" /></a> </td>
<td><a href="https://plus.google.com/IDGOOGLE+ANDA" target="_blank" title="Follow on G+"><img alt="blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9m0GzQd50VkXzgEldsZrrNHUZaALt6Mnc0iViW9QTjzX2qVkt5LbChxfAIfKGSOvwnLcIkKAhpQl3-_umutSOmi-hQmP-ArBZqscrPMUS2g2oONuIqzGlUodhtAvOExPkuz6Exg4sRuE/s1600/g+.png" title="Follow on G+" /></a>
</td>
<td><a href="http://feedburner.google.com/fb/a/mailverify?uri=ID%20FEEDBURNERSOBAT" target="_blank" title="newsletters"><img alt="email" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJISXW_5s3kSLy-qrBpkyTlp3EM6-zEstUGW6zjy_7FCDOlYajD7uGBIG7Te53zlRMkge8Cusr5qcq_cWcYaEkUaiSuLlX1nUwSysZMwyyANnYhhrx0KfYwEE0HKXbuOCgqxGthHp_3sU/s40/mail.png" title="newsletters" /></a> </td></tr>
</tbody></table>
</div>
<br /></td>
</tr>
</tbody></table>
</center>
</div>

Cara Membuat Widget Sosial Media Di Sidebar Blog
Keterangan: jika ingin merubah lebarnya, silahkan anda ganti nilai pengaturan lebar widget. Lanjutkann dengan memasukan alamat sosial media sobat masing-masing.

  • Terakhir pilih simpan gadget dan selesai.!

Maka akan di dapat sebuah widget sosial media yang tersimpan dalam sidebar blog, dan penampakannya akan terlihat seperti pada gambar dibawah ini.


Cara Membuat Widget Sosial Media Di Sidebar Blog

Ok, akhir kata aku cukupkan sampai disini saja tentang cara membuat widget sosial media di sidebar blog. Selamat mencoba dan jangan lupa follow blog ini Eaaa...

Bye-bye..... 

NB: jika sobat ingin membuat tombol sosial media melayang (sticky) silahkan buka link berikut CARA MEMBUAT TOMBOL SOSIAL MEDIA MELAYANG DIKANAN BLOG

Post a Comment

5 Comments

Silahkan meninggalkan komentarnya.!
*(Mohon untuk tidak mencantumkan link hidup)