Menambahkan Widget RSS/Feed dan Twitter Ke Blog

Waktu itu sih saya sudah pernah membagikan bagaimana caranya daftar feedburner. Kali ini saya akan membagikan cara membuat widget subscribe serta follow twitter dalam satu kotak, yah kira2 tampilannya seperti gambar diatas.

1. Masuk ke Blogger.com

2. Klik Rancangan --> Edit HTML dan Cari kode </head> . Setelah itu, kamu copas kode dibawah ini dan letakan kode yang sudah di copas tadi dibawah kode </head>.

<style type='text/css'>
#hsection{border:4px solid #D3D3D3;background-color:#e9e9e9;}#hsection:hover{border:4px solid #BABABA;background-color:#e9e9e9;}
#sectionmy .sectionmy2 h2.subscription { border:0; margin:0; padding:6px 0 0 55px; height:42px; font-size:16px;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;font-weight:bold; }
#sectionmy .sectionmy2 h2.rss { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivHGvzPskWVhOeLbxp3-Bv339gkLiT6KOSD6qAYz0uBhEsNqLESZsXBGHjjcBS0zqtl_4KcLhZieTb1cSFVfXlC8TW1DV-HZc9WuMwFx1t0HLfFawVi2vkgvdj9H3xPGUjpUTY5WbjgZVe/) no-repeat top left; }
#sectionmy .sectionmy2 h2.email { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLXrs3KFdWpKTrpLzMH-V3-50vfx8BYXdRtdlRHWz6W-tOfqYHZOdAf2eFinmvHXpShcDsNhgc6fKOq24XCH6TnQM9Te4sru70tFZkejY2qeRVyfg242KslyZQnWeCkBQoNi5OB1Td6mik/) no-repeat top left; }
#sectionmy .sectionmy2 h2.twitter { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR_PLhyl7MJf5zmclXRYH0_G4J9t_ottwjd9CI7oAY3nNRzHnl8UZmd_4eRemdmw2XFhClgfbjTFizoefZJlAm50IqE7LrhY3u_EgsepK750X2RJA-0cYZVM8pBr4w4Di6O72ToDbEfzGq/) no-repeat top left; }
#sectionmy .sectionmy2 .subscription a { color:#252e28; text-decoration:none; }
</style>

NOTE : Simpan gambar2 di bawah di dalam file hosting kamu sendiri.

4. Simpan template, lalu klik lagi Rancangan --> Elemen Laman --> Tambah Gadget --> HTML/Javascript. dan masukan kode Javascript dibawah ini :

<div id="hsection"><div id="sectionmy"><div class="sectionmy2">
<h2 class="subscription rss"><a href="ALAMAT-RSS-KAMU">SUBSCRIBE VIA RSS</a></h2>
<h2 class="subscription email"><a href="ALAMAT-FEEDBURNER-KAMU">SUBSCRIBE VIA EMAIL</a></h2>
<h2 class="subscription twitter"><a href="ALAMAT-TWITTER-KAMU">FOLLOW ON TWITTER</a></h2>
</div></div></div>

NOTE : 1. Ganti tulisan yang berwarna biru dengan alamat url feedburner kamu, alamat rss kamu, serta  

                 alamat twitter kamu.

             2. Ganti tulisan yang berwarna hijau dengan kata2 yang kamu suka.

6. Simpan Template dan lihatlah hasilnya :D

Postingan Terkait:

Posted in: Blogger,Widget