Widget Berlangganan Simpel Di Sidebar

Sekarang, Para Blogger sudah sering membuat akun seperti twitter ataupun Feedburner agar pengunjung bisa berlangganan dengan blog mereka. Baru-baru ini saya menemukan widget yang cantik buatmu untuk ditambahkan di sidebar.

Berikut ini langkah-langkah menambahkannya:

Langkah 1: seperti biasa kita masuk ke Blogger, Lalu klik pada menu "Template"

(Back-up dulu templatemu)

Langkah 2: Klik pada Edit Html dan cari kode ]]></b:skin> (gunakan Ctrl+F)

Langkah 3: Dan ganti kode ]]></b:skin> menjadi kode css dibawah ini:

#subscribebox{list-style:none; margin:0px}
#subscribebox li{padding:10px 5px; position:relative; margin-top:0; margin-right:0; margin-bottom:5px; margin-left:0; height:64px; opacity:0.75; -moz-opacity:0.75}
#subscribebox li:hover{ background-color:#f4f4f4; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; opacity:1; -moz-opacity:1; -webkit-transition:opacity 1s ease-out}
#subscribebox li img{float:left; position:relative; padding:0px; margin:0px 10px 0px 0px}
#subscribebox li h4{margin:-6px 0 3px 83px; font-size:15px; line-height:26px; color:#8B3E2F; text-shadow:1px 1px 0px #fff; font-family:Helvetica,Arial,Verdana; font-weight:bold; clear:none}
#subscribebox li p{margin:0 0 0 0; font-family:Trebuchet MS,sans-serif; font-size:13px; letter-spacing:-0.02em; clear:none; text-indent:0px}
#subscribebox li a.link{background:none; border:none; top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:50}
]]></b:skin>

Langkah 4: Lalu klik "Simpan Template" dan "tutup"

Langkah 5: Kemudian pergi ke Tata Letak, dan klik "tambah gadget"

Langkah 6: Didalam pilihan gadget yang muncul, Pilih kode "Html/Javascript" kemudian pastekan kode html dibawah ini:

<ul id="subscribebox">
<li>
<a class="link" href="http://feeds.feedburner.com/Nama Feed Kamu" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4XXvYcQL3Q2_QXdZqUo4slws65c5TNUW3uNi6adGwTqw_ByPTlAcYdcALYvw-QIyXxe9fkrcJGccS14ZTl5IRu7c_gP40JD4J9wyxGwKLsYb-9fGUVyM2SJUNhq8kxwx5vwmdbbSfu30/s1600/rss_48.png" alt="RSS Feeds" />
<h4>RSS Feed</h4>
<p>Berlangganan via RSS Feed</p>
</li>
<li>
<a class="link" href="http://feedburner.google.com/fb/a/mailverify?uri=Nama Feed Kamu&loc=en_US" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0RqzkActUNw27WJuzbxBklWPidnwGGfgsoixH4x-pAa1f790g9W1Tt5o4HdrST9e9s3oSNiJuuIUd7thyphenhyphenOgTFoMB4Udnc1Er5SQQmaZtPe2bGEzcjqxsO2waZAzDOO5pxVjX9-3lFfTs/s1600/mail_forward_48.png" alt="RSS E-Mail Delivery" />
<h4>Ikuti via Email</h4>
<p>Berlangganan dengan email untuk update posting ke Email kamu</p>
</li>
<li>
<a class="link" href="http:twitter.com/alamattwitter" target="_blank"></a>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-a8YJIYxhMJ6owj-xbuJBVfg3jlBfnNN7ckVgdpQaonVsW77ZAnFJe0pbfqzAOg9jW_xU4PxYIMNA4sfGRoLmBB_80flrdiWTq46YFjYRcT_857D3ORh7ycfKHy3RztIX0SdFYr7P1FA/s1600/twitter_48.png" alt="Ikuti Kami via Twitter" />
<h4>Twitter</h4>
<p>ikut kami ditwitter dan berlangganan dengan update terbaru</p>
</li>
</ul>

Peringatan:
Untuk mengubah link, telitilah kode diatas dan gantikan dengan link yang kamu pilih,

• Warna Biru: nama dari feed di feedburner
• Warna Merah: alamat twitter

bila bermasalah silahkan dikomentari.

(kredit: Bloggermint)

Kategori: widget