Twitter Delicious Facebook Digg Stumbleupon Favorites More

Cara Memodifikasi Feed Burner Pada Blogger

17:56 Muhammad Haidar Anas

Banyak trik membuat modifikasi berlangganan postingan via fedd atau email, satu diantaranya seperti screenshot berikut:

modifikasi formulir berlangganan posting
modifikasi formulir berlangganan posting

Ingin mencoba membuat formulir berlangganan postingan seperti itu? Ikuti Tutorial berikut :
  • Langkah Pertama tentu dalam keadaan login ke account blogger sobat. Pada Blogger Dashboard >> Klik Layout >> Edit HTML kemudian cari kode berikut ]]> pada template sobat, setelah ketemu letakkan kode berikut sebelum kode tadi:

/*** Awal dari Formulir Berlangganan Posting ***/
#subscribe {
list-style: none;
margin: 0px;
}
#subscribe li {
padding: 10px;
position: relative;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
height: 64px;
}
#subscribe li h4 {
margin: 0 0 0 45px;
font-size: 24px;
line-height: 26px;
color: #333333;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
display: block;
clear: none;
border: none;
}
#subscribe li p {
margin: 0 0 0 45px;
font-size: 13px;
letter-spacing: -0.02em;
clear: none;
}
#subscribe li img {
float: left;
position: relative;
padding: 0px;
margin: 0px 10px 0px 0px;
}
#subscribe li a.linkblock {
background: none;
border: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 50;
}
#subscribe li:hover {
background-color: #F5F5F5;
}
/*** Akhir dari Formulir Berlangganan Posting***/

Simpan template.
  • Langkah ke dua klik elemen halaman>> tambah gadget>> pilih HTML>> copy dan paste kode berikut pada kolom konten:


<ul id="subscribe">

<li> <a class="linkblock" href=http://feeds.feedburner.com/Indahnya-Berbagi title="Full RSS Feed"></a>

<img alt="Full RSS Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5r7Ka38bWtJRVK2N_19E85XxLpgCw_GnnwiCpZLj1hhm4cahDEc2Wfhh-392ecJz7ZeBLApPUfAUlcFam7V_ewAEF4nQ4OpRddiT-MAcBla2vnGz1IB0Pulx3H-0I8FI2sYEwThXAPA/s320/rss_feed.png"/> <h4>Full RSS Feed</h4> <p>Subscribe to our RSS Feed with full posts for your enjoyment.</p> </li>

<li> <a class="linkblock" href=http://feedburner.google.com/fb/a/mailverify?uri=Indahnya-Berbagi title="E-Mail Delivery"></a>

<img alt="E-Mail Delivery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0fzDHDsq9KMy_IFADPLJI42d7tcjIC1e4lcEfqR0sPyUjiyrwOtHLqt7T0nZuQrG7hTxhDEsdW2D7E2FaVRN3goujsFrSzCoFXuRWMXUOoTPk8Put8gUKgH3BwrB0RHSN8UnY6iji6H8/s320/email.png"/> <h4>E-Mail Delivery</h4> <p>We will send full blog posts to your inbox each time new posts plublished.</p> </li> </ul>


Jangan lupa tuk mengganti id feedburner saya dengan id feed milik sobat, untuk image feed dan mail juga bisa sobat ganti sesuai selera.
  • Simpan dan simpan lagi. Lihat hasilnya pada blog sobat.
Sumber gambar Disini, Disini, dan Disini. Semua dari blog saya, dua image dari template yang masih dalam proses desain. Klu sempat berkunjung pada link-link tersebut, saya mohon saran dan kritik membangun dari sobat semua.


SELAMAT MENCOBA

Posted in
Posted by Muhammad Haidar Anas
') }else{document.write('') } }