Tampilan Artikel Berlangganan Feedburner

Karena tampilan artikel berlangganan ini sudah menyatu dengan icon jejaring social dan bookmark yaitu facebook, twitter, delicious dan stumble. Sebagai contoh bisa dilihat pada gambar berikut ini atau juga bisa Anda lihat dibagian sidebar blog ini :

Pengen nyoba??? Terus bagaimana cara memasangnya? Oke, ini dia caranya...

1. Login ke akun blogger Anda

2. Masuk Tata Letak >> Tambah gadget >> Pilih HTML/Javascripy

3. Masukkan kode dibawah ini : 

<h2 class='title'>Berlangganan</h2>
<div class='widget-content'>
<div class='section' id='third'><div class='widget html' id='html5'>
<div class='widget-content'>

<div style="font-size:15px;"><strong>Anda Suka Gesek-Gosok?</strong></div>
<div style="margin-bottom:3px; font-size: 12px;">Temukan Gesek-Gosok Di:</div>

<div style="margin-bottom:3px;border-bottom:1px dotted #bbddbb; padding-bottom:2px">
<a href="http://www.facebook.com/RiyanDork" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMPUqHLDgL7Ocna4-DUpBEp8JzEEQiY9hWPgqILUNqYeH_rnkkjYUiv-NUV0dpn-Pbe_YGtVCxdVQIp-C0yO86lnLUXfvDNyBWNjVyphHFuS-tkSQmc0rD441rtizBqHy3PvilMc09AC8/s400/facebook.png" /></a>
<a href="http://twitter.com/RiyanNaxIT" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEVEAUNmtXz7snHECQ2sgciExajzHkDIluwMI7v19nkG0TtKO-GEqQ3yaFgQlhP4vBer90YOBtGr_aHyXE02oJRX1iU9_iQhvSBLzgaY7OtV6v9DwZuWpBL_spab8agTKP6x215cO7TFM/s400/Twitter.png" /></a>
<a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm0T_VvIM26ad06hy-pKQcPc_HCXdHYEzGUEPxYNo74Fa0iEf4adO1gdScv016S1DPpdmaImzAU3jsx1Yt8rw5wc_eTKe-sYF4JXnMgBoNwHvJAGIfCv8IOmgLlrLn1S0HlHgr_KiTJ2U/s400/Delicious.png" /></a>
<a href="#" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcwbZDqeCBL4y8tx3P8P_j6suTo0XK5qF_ss-Apzkp4oIVO04_PsN36FxZ8njQEGZ_jrqwGnop36axzcWj94aog7b4z1baxHg5FAih74lqIVnPVOuX2x3R-bGdIQZeMt5kt1JaA0sz-2c/s400/Stumbleupon.png" /></a>
</div>

<div style="font-size:15px;margin-bottom:2px;"><strong>Ingin Dapat Artikel Terbaru?</strong></div>

<div style="font-size:12px;">
<a href="http://gesek-gosok.blogspot.com/feeds/posts/default" target="_blank"><img style="margin:0px 5px 3px 0px;" alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ca4ldYmaa3ywWlVSp_1zzkF-3_TRA3nsOnPnFXvbR452FqSPcQH8f5f2iVQxsJVdsvDg_aqWdoIY5Ykoyg2ihinRzYZayoRls_za_Z9ATuQ3695X8RDHrAox-uqsS2K963HlDdsimA8/s400/rss2.png" align="left" /></a>

Klik <a href="http://gesek-gosok.blogspot.com/feeds/posts/default" target="_blank">disini</a> untuk berlangganan melalui RSS atau terima artikel di email anda dengan cara mengisi form berikut:
</div>

<form action="http://feedburner.google.com/fb/a/mailverify?uri=gesek-gosok" target="popupwindow" method="post" onsubmit="window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=gesek-gosok&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true">
<input id="subbox" onfocus="if (this.value == &quot;Masukkan alamat email anda...&quot;) {this.value = &quot;&quot;;}" value="Masukkan alamat email anda..." name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Masukkan alamat email anda...&quot;;}" type="text" />
<input value="http://feeds.feedburner.com/gesek-gosok" name="url" type="hidden" />
<input value="vanmovic" name="title" type="hidden" />
<input id="subbutton" value="GO" type="submit" /></form>

4. Keterangan :

• Untuk yang berwarna biru bisa Anda ubah dengan kata-kata Anda sendiri
• Ganti kode yang berwarna merah dengan ID Facebook Anda
• Ganti kode yang berwarna hijau dengan ID Twitter Anda
• Ganti kode yang berwarna merah muda dengan data-data Feedburner Anda 

5.   Setelah selesai, bisa Anda Simpan.

Semoga bermanfaat!!!!

Artikel Terkait:

Categories: Tutorial Blogger