32 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="http://4.bp.blogspot.com/_5yyQgf23Pco/S1s8okpUT5I/AAAAAAAABOM/fuBLSjr9DSE/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="http://2.bp.blogspot.com/_5yyQgf23Pco/S1tV2WqrIwI/AAAAAAAABSM/heYp1bfuKNY/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.


ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين

Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Tips Trik Blogging

32 komentar :

  1. makasih tutorialnya mba...

    BalasHapus
  2. @ Nova: Selamat pertamanya. he2
    @ Narti: makasih jg apresiasinya ukh

    BalasHapus
  3. Tutorial mantap...
    makasih banyak, mohon maaf baru sempat mampir.

    BalasHapus
  4. @ Seti@wan Dirgant@Ra: Wah disinggung, harusnya anaa yg pinta maaf blm bisa blogwalking!!!

    BalasHapus
  5. What really works as a blogger? that essentially what the hell?

    BalasHapus
  6. wah mantab nih modifikasinya, sementara blog q g tak pasang

    BalasHapus
  7. @ Go green: Terimakasih apresiasinya

    BalasHapus
  8. wah postingan baru..ilmunyapun baru makasih sob tutorialnya.salam sukses selalu

    BalasHapus
  9. wah postingan baru..ilmunyapun baru makasih sob tutorialnya.salam sukses selalu

    BalasHapus
  10. ni ada bisnis baru lagi.... cuma klik trus tgu 1 mnit trus dpat $10 x minimal 5 iklan perhari.
    mau??? jlan2 aja ke blognya erick. trus dafta di posting "mudah Saja".
    dijamin sukses.... ak dah dapat $12000 lebih

    BalasHapus
  11. @ Master: terimakasih apresiasinya.

    @ Erick: terimakasih infonya

    BalasHapus
  12. terimakasih telah berbagi tipsnya mbak anna :)

    A: "masih sma to?"
    Q: "iyo mbak lagi sibuk sibuknya nih"

    salam blogger :D

    BalasHapus
  13. @ Local Download: Terimakasih apresiasinya

    Smg sukses UANx

    BalasHapus
  14. Ee.. lhah! siipz! akhirnya adda juga yg mosting. :)
    langsung ke TKP yach!
    lam kenaaaal..

    BalasHapus
  15. salam,
    menarik tips ini, berulang-ulang saya baca dan coba. saya pasang diblog saya yang satu lagi.

    terima kasih ya, semoga terus kreatif dan sukses

    BalasHapus
  16. terima kasih dan semoga sukses menyertai anda

    BalasHapus
  17. @ all: terimakasih apresiasinya

    BalasHapus
  18. bagus mas..sangat bermanfaat buat pembacanya ;)

    BalasHapus
  19. @ Dev: Terimakasih apresiasinya

    BalasHapus
  20. wah,cihuy.. mantaff, btw kok jadi pink blognya

    BalasHapus
  21. Dari awal mmg pink, kmrn hanya promosi template

    BalasHapus
  22. Thakng sob dah b a ntu ana tuk edit my blog tambah terus ya
    sukses

    BalasHapus
  23. K bisa tolong ajarin bkin widget feedburner seperti yg kk pasang di bwah posting g tpi aq pgen dalam bntuk widget aj k, help me please k aq udh cpek ubek2 google bwt cri widget ini

    BalasHapus
  24. K bisa tolong ajarin bkin widget feedburner seperti yg kk pasang di bwah posting g tpi aq pgen dalam bntuk widget aj k, help me please k aq udh cpek ubek2 google bwt cri widget ini

    BalasHapus
  25. Salam.
    Gimana hendak membuat kotak yg bertulis:

    "Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blog Indahnya Berbagi"

    dibawahnya setiap pohon? tunjuk ajar

    BalasHapus
  26. Salam.
    Gimana hendak membuat kotak yg bertulis:

    "Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Blog Indahnya Berbagi"

    dibawahnya setiap pohon? tunjuk ajar

    BalasHapus
  27. @ Anonim: wa'alaikumussalam. baik insyaAllah akn sy posting tutorial membuat formulir berlangganan dibawah posting seperti di blog sy ini.

    BalasHapus
  28. kakang.......
    kq suka warna cewk yah??hehehe...
    maaf jgn tersinggung kang
    cm mo nanya doank...
    klo mo diletakkan dibawah posting dijajarkan dengan related posting gimana ya???

    BalasHapus
  29. cara cari id feedburner gmn???

    BalasHapus
  30. wah mantap gan.. izin sedot..

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain.

NB:Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
Konversi Kode di Sini!