» » » Modifikasi Formulir Berlangganan Posting

Modifikasi Formulir Berlangganan Posting

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

modifikasi formulir berlangganan postingmodifikasi formulir berlangganan postin 

modifikasi formulir berlangganan postingmodifikasi formulir berlangganan postin

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/Indahnya-Berbagi title="Full RSS Feed"></a>

<img alt="Full RSS Feed" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJNBNv1LV4EPtEgsky69lseoX5L6bkmkQMkev4CjzauDMNpzouST6SoCNx_zQ9ns2LqI8LBr9MAjLyfV41wr__DYZHi4Jp4Wm4NTK_c20mwUVfeqzgD_T7H7UxIhbWF2lfENzkM7B1XTg/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/AVvXsEiP1Dur8wZ8S1FoevpgXR4BlD8_DFBT6dMyC_8TAVzzeFn9aTntWyaXdM1AjX18Rz96wHTkOuQ4iSyoW0jhu1nFjXwplcKXh6hBWZNs-o_fzpLHk7Az7F3LpxoJz2Zi63UiVJQnow3MP1k/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 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.

Terimakasih.
0 Komentar untuk "Modifikasi Formulir Berlangganan Posting"