Cara Merubah Formulir Berlangganan Postingan Via Feed

Cara Merubah / Modifikasi Formulir Berlangganan Postingan Blog | Pada postingan kali ini Blog Rudy Hartono akan share bagaimana cara untuk membuat formulir berlanggan Feed / Email. Sebenarnya bentuk dari form kotak berlanggan tersebut banyak macamnya, tapi saya akan share seperti terlihat pada gambar di bawah ini :

Modifikasi Formulir Berlangganan

Berikut langkah untuk cara membuat formulir berlanggan via feed atau email :
1. Log in ke Blogger
2. Rancangan
3. Edit HTML
4  Lalu cari kode ]]></b:skin>
5. Kalau sudah, copy kode di bawah ini dan paste di atas kode ]]></b:skin>

/*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*/
6. Selesai, simpan template anda
7. Berikutnya, seperti biasa yaitu pilih Elemen Halaman => Add Gadget => HTML/Javascript
8. Copy kode di bawah ini dan masukkan ke dalam HTML/Javascript

<ul id="subscribe">
<li> <a class="linkblock" href=http://feeds.feedburner.com/BlogRudyHartono title="Full RSS Feed"></a>
<img alt="Full RSS Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZB8ReEzeqnIW04YNLjF7OghI-QyHjHPphA8hFoXSHeM9XZogWXBlz9voJpuSWEJTVxGnuoCMmvhikzFmzo4mv_42-aImNhFVz4xabWP5qHdzTCrfBmzaymAvueqU8TX3mWpd9V69xfk4/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/BlogRudyHartono title="E-Mail Delivery"></a>
<img alt="E-Mail Delivery" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvFMI7CM7trm2f99xWOGT-VuC02mE-orstZ0DFwahHQ51v4IKaMB2clk1EcQEUkYGWXopXApld1gTPsga4uwlozMA2vH0NSpn3JIQAJnteO22qLrSWj_pviP6nw5W8RxRarHnje4RczAY/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>

Keterangan :
Ganti warna merah dengan url feedburner anda.

Semoga artikel tentang modifikasi formulir berlanggan postingan via feed atau email ini bisa bermanfaat untuk anda semua, happy blogging

Comments