Modifikasi Formulir Berlangganan Posting

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


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 ]]></b:skin> 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/_deejayHan_ title="Full RSS Feed"></a>
<img alt="Full RSS Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhun0Fh260BytGSBKvYYHDNtISbaWqUMMcnhi3SvP-PaQV7VFfb4gJgssZuLr8URb6q6eq9YH_BWT6sw1gTPWVkmAO-ZOzK3bFb5LzPbiMSyNZrow4wNA7VceObYbP_Qp7T7QV-Fh_nh4c/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://feeds.feedburner.com/_deejayHan_ title="E-Mail Delivery"></a>
<img alt="E-Mail Delivery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9H1B66_csPUCAT06RAnAWdH-nrxHURQf7V693ON2biQMkPwPuzhDWAKKtr1XdFpfbS3AVkC_NNgHdaVifGHFNCMs0nEdjNEp2HArd39U3tKdAsNPIvd3cPLVb9d-gm5XMWRCb9KbtFnM/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.

Semoga bermanfaat.
Sumber gambar Google Us . 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.
Terimakasih.

Description: Modifikasi Formulir Berlangganan Posting 
Rating: 4.5 4.5