Cara Membuat Widget Berlangganan Artikel Pada Blog

Cara Membuat Widget Berlangganan Artikel Pada Blog
Cara Membuat Widget Berlangganan Artikel Pada Blog - Sobat blooger, setelah tadi saya membuat artikel mengenai Cara Mengetahui ID Feedburner, kali ini saya akan membuat artikel mengenai Cara Membuat Widget Berlangganan Artikel Pada Blog. Untuk memasang widget ini pada blog sobat, sobat blogger wajib memiliki ID Feedburner, karena widget ini memerlukan ID Feedburner sobat.


Dalam postingan kali ini saya akan menjelaskan bagaimana cara menambahkan widget kotak berlangganan RSS dengan ikon social media. Saya berharap dengan membuat postingan widget ini sobat dapat menyukainnya. Dengan menggunakan widget ini, pengunjung dapat berlangganan artikel pada blog sobat. Jadi, ini dapat membantu pengunjung blog sobat untuk mendapatkan update artikel terbaru melalui email. Saya menggunakan CSS dan HTML untuk widget ini, jadi sobat blogger yang ingin menggunakan widget ini, tidak perlu repot-repot edit HTML template sobat. Cukup dengan menambahkan gedget HTML/Javascript.

Jika sobat ingin memasang widget ini pada blog sobat, silahkan ikuti langkah-langkah berikut.


  • Login ke akun blog sobat.
  • Pilih Tata Letak =>> Tambahkan Gedget / Add Gedget.
  • Pilih HTML/Javascript.
  • Copy kode dibawah ini, kemudian Paste pada kotak HTML/Javascript.


<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
 .sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
 .sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
 .sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
 .sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
 .sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
 .sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
 #footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
    <br/>
<a class="social-icons" href="https://facebook.com/pages/Mari-Berbagi/621944211167293"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Facebook_zps68f4035b.png" /></a>
<a class="social-icons" href="https://twitter.com/Rozzby"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Twitter_zps433926c5.png" /></a>
<a class="social-icons" href="https://plus.google.com/u/0/107359511677117739258/"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-Googleplus_zps8404ed17.png" /></a>
<a class="social-icons" href="http://feeds.feedburner.com/blogspot/MPGFW"><img src="http://i1319.photobucket.com/albums/t668/Rozzby24/Mariberbagi244-RSS_zpsc0214ee8.png" /></a>
<p>Subscribe To Our Email Newsletter & Receive Updates Free</p>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/MPGFW" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/MPGFW', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="blogspot/MPGFW" />
<input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address here"/>
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form>
</div></div></div>


  • Ganti kode yang berwarna Biru dengan URL Facebook/Fanspage sobat.
  • Ganti kode yang berwarna Merah dengan URL Twitter sobat.
  • Ganti kode yang berwarna Orange dengan URL Google Plus sobat.
  • Ganti kode yang berwarna Ungu dengan URL Feedburner sobat.
  • Ganti kode yang berwarna Hijau dengan ID Feedburner sobat.
  • Simpan HTML/Javascript.



Demikian artikel mengenai Cara Membuat Widget Berlangganan Artikel Pada Blog. Semoga artikel ini dapat berguna dan bermanfaat untuk sobat blogger yang membutuhkan. Salam Blogger

Ditulis Oleh : Rosby Pranajaya M. Nandjan ~ Mari Berbagi

Mari Berbagi Sobat sedang membaca artikel tentang Cara Membuat Widget Berlangganan Artikel Pada Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya


Silahkan masukan Email sobat untuk mendapatkan update artikel terbaru di blog ini :

Delivered by FeedBurner




69 komentar:

  1. kalau mau buat widgetnya seperti widget yang dipakai agan itu caranya gimana? Supaya lebih simple aja, thank you dan salam kenal

    BalasHapus
    Balasan
    1. If you finding more crack softwares free download, check it now ----- SoFt4CoOl

      Hapus
    2. keren gan semakin lebih rapih tampilan blognya

      Hapus
  2. kok sobat sendiri gag pasang widgetnya ya? :D

    BalasHapus
  3. Keren gan tapi berat ga ya??
    http://penghunidumay.blogspot.com

    BalasHapus
  4. kunjungan balik w tunggu :D

    BalasHapus
  5. Mantab dagh...
    neh ane tambahin gan :
    http://riefsaz.blogspot.com/2013/08/koleksi-widget-rss-feed-subcription.html

    BalasHapus
  6. thx sob
    dicoba dulu
    ditunggu kunjungannya http://duniagame7.blogspot.com/

    BalasHapus
  7. >> HOKIMARKET.COM <<

    ( Jual Produk Kosmetik, Obat Kesehatan, Obat Kuat Dan Alat Bantu )

    Produk-Produk yang kami tawarkan merupakan produk bermutu dan berkualitas. Kami berpengalaman 10 tahun dan kami sudah banyak pelanggan, baik di indonesia maupun luar nengri.

    Bahkan meraka tidak ragu untuk ikut serta memasarkan produk kami dan menjadi Agen / reseller produk kami.

    Website : HOKIMARKET.COM

    ADULT SHOP PRIA ::
    * Vagina Senter / Menambah Kenikmatan Dalam Onani Anda
    * Boneka Full Body Asli Cantik
    * Vagina Getar Goyang Suara
    * Vagina Pinggul Getar Goyang Suara
    * Vagina Elektrik Bulu Getar
    * Alat Bantu Sex Vagina Getar

    ADULT SHOP WANITA ::
    * Penis Elektrik Telor Tempel
    * Penis Mutiara Maju Mundur
    * Penis Elektrik Ikan Pinggang
    * Penis Silikon Elektrik Getar Goyang
    * Alat Bantu Sex Penis Tekuk Silikon
    * Alat Bantu Vibrator Multi Use Scent

    PRODUK LAIN-LAIN
    * VIMAX Herbal (Pembesar Dan Perpanjang Penis Hingga 3-6cm)
    * Celana Hernia Magnetik
    * Obat Perangsang Sex Wanita_5 Manit
    * Pil Pembesar Payudara (Breast Lift-Up Beauty)
    * HAIR REMOVAL "Obat Perontok Bulu" Permanen
    * Obat Peninggi Badan USA No.1 (Obat Paten)
    * Pemutih Muka / Ketiak / Selakangan
    * Penghilang Tato / Bekas Luka
    * Obat Penghilang Jerawat, Komedo, Bopeng

    >> Dan Masih Banyak Produk Kami Yang Lainnya.....



    Jika anda berminat dengan produk-produk kami, Silahkan hubungi kami.

    Untuk Lebih Jelasnya Silahkan Kunjungi website Kami : HOKIMARKET.COM



    *** Salam by HOKIMARKET.COM ***

    BalasHapus
  8. mantap gan,, http://www.fajar-network.com

    BalasHapus
  9. trimakasih, langsung praktek nih mangga dilihat hasilnya di http://tutorial4yu.blogspot.com/

    BalasHapus
  10. Thanks gan :)
    Sudah dicoba dan SUKSES !!

    BalasHapus
  11. gan kalo....pengen ngurangin dikit lebarnya yang diubah apanya tuh......

    BalasHapus
  12. Gan kalo gak pake feedd burner gak bisa ya ?

    tresnakusumajaya-world.blogspot.com

    BalasHapus
  13. Makasi atas tutorialnya bro

    BalasHapus
  14. mampir juga di sini gan http://sonytutorial.blogspot.com/

    BalasHapus
  15. udah nyari kemana-mana akhirnya dapet juga. makasih artikelnya bermamfaat gan.
    kunjung balik dan follow http://blog-medianet.blogspot.com/
    di tunggu kedatangannya :)

    BalasHapus
  16. Mantapp gan ,,
    Jangan Lupa mampir juga disini >> http://caraseribucara.blogspot.com/
    Banyak juga artikel yang bermanfaat buat temen2 :)

    BalasHapus
  17. Izin Coba,
    visit >> allofflife.blogspot.com << thnk :)

    BalasHapus
  18. mantap terima kasih gan. :D
    jangan lupa juga mampir ke blog saya wahyunyinyuk.blogspot.com thank's :)

    BalasHapus
  19. Makasih gan informasi nya, sangat membantu :)
    Ijin share http://apotekherbalkita.com/pengobatan-alami-bejolan-di-payudara/
    http://grosiracemaxstasik.com/

    BalasHapus
  20. terimakasih atas informasinya sangat bermanfaat :)
    http://kedaijellygamatgoldg.com

    BalasHapus
  21. Terimakasih infonya Gan (y)
    Ini yang sedang saya cari-cari
    http://grosirobatjellygmat.com/

    BalasHapus
  22. Terimalasih atas informasinya sangat bermanfaat sekali gan :)
    Ijin shera
    http://jellygamatgoldg31.com/obat-herbal-kanker-serviks-terbaik/
    http://jellygamatgoldg31.com/obat-herbal-radang-tenggorokan-terbaik/
    http://jellygamatgoldg31.com/obat-diabetes-melitus-alami/
    http://jellygamatgoldg31.com/obat-alergi-herbal-paling-mujarab/
    http://jellygamatgoldg31.com/obat-herbal-kanker-payudara-terbaik/
    http://jellygamatgoldg31.com/obat-tradisional-keputihan-wanita/

    BalasHapus
  23. Terimakasih banyak sob, sangat membantu sekali artikelnya..

    BalasHapus
  24. Hatur nuhun ya .. artikelnya membantu pisann ...
    http://greenworldindonesia.org/

    BalasHapus
  25. Widgetnya saya pake mas, sangat bagus , saya sangat suka ,

    BalasHapus
  26. pokoknya bagus deh postinganya kaya website profesional ja yah, ,semangat mas
    visit Kupuk Blog

    BalasHapus

  27. PROMO BESAR BESARAN GUNUNG MAS PONSEL TEMPAT BELANJA ONLINE AMAN DAN TERPERCAYA. 100% BEBAS PENIPUAN
    MINAT PIN BB: 582F8501 HUB/SMS:0851-4515-5828 klik web resmi kami di http://gunungmas-phone.blogspot.com/
    Ready Stock! Apple iPhone 5 32GB Rp.2.500.000
    Ready Stock! Apple iPhone 5S 32GB Rp.3.000.000
    Ready Stock! Samsung Galaxy A3 A300H Rp.1.500.000
    Ready Stock! Samsung Galaxy A5 A500F Rp.2.000.000
    Ready Stock! Samsung Galaxy E5 E500H Rp.1.500.000
    Ready Stock! Samsung Galaxy Grand Prime SM-530H Rp.800.000.
    Ready Stock! Asus Zenfone 2 ZE551ML RAM 4GB Rp.2.000.000
    Ready Stock! Samsung Galaxy S3 I9300 .Rp.1.500.000.
    Ready Stock! Samsung Galaxy S6 32GB Rp.3.300.000
    Ready Stock! Samsung Galaxy Note N7100.Rp.2.000.000.
    Ready Stock! Samsung Galaxy Note 4 SM-N910H Rp.3.500.000
    Ready Stock! Samsung Galaxy Note 3 Rp.2.000.000
    Ready Stock ! Samsung Galaxy S5 Rp.2.000.000,
    Ready Stock ! Samsung Galaxy S4 l9500 Rp.1.500.000

    BalasHapus
  28. Nanti hasilnya seperti yang di screnshot di artiekel diatas itu ya mas, keren nieh kayaknya, aku praktekin ya, Terima kasih banyak ilmunya mas, sangat bermanfaat sekali :)

    Toko Online Instan tanpa bikin website tanpa upload produk, langsung fokus promosi --> www.rajatoko.com/fifi

    BalasHapus
  29. Thanks yah untuk infonya, sangat bermanfaat dan juga berguna. Jangan lupa kunjungi balik blog aku yah.
    SUPLEMEN MATA GLAUKOMA
    SUPLEMEN HERBAL MATA SILINDER
    MENGOBATI GAGAL GINJAL TANPA CUCI DARAH

    BalasHapus
  30. info yg sangat bermanfaat,,
    than y gan,,akan saya coba,

    BalasHapus
  31. nice informasinya
    acemaxs31.com

    BalasHapus
  32. Mantap... Sangat Membantu
    http://bloggers-banten.blogspot.co.id/

    BalasHapus
  33. Sanitatisofficial.blogspot.com
    Thanks

    BalasHapus
  34. datang ya ke sini Muhzafar.blogspot.com

    BalasHapus
  35. trimakasih atas informasinya, salam sukses :)

    BalasHapus
  36. terimakasih, informasinya sangat bermanfaat :)

    BalasHapus
  37. Makasiih Sobat.
    Sangat membantu buat pemula seperti kami..
    Semoga Sukses selalu..

    BalasHapus
  38. http://belajarcarangeblog.blogspot.co.id/

    BalasHapus
  39. PROMO AKHIR TAHUN SAMPAI 31 DESEMBER 2017
    KESEMPATAN EMAS UNTUK ANDA!!! BELANJA DI TOKO
    Kami DELIMA PONSEL Mengadakan Harga Promo
    Beli 1 Gratis 1 Samsung Galaxy J1
    berlaku untuk semua produk
    Gadget , Kamera, Laptop...!!!

    READY STOCK
    HP Samsung,Oppo,Acer,Sony,Apple,BB,LG,Nokia
    KAMERA Nikon,Sony,Canon,Kamera Video
    LAPTOP Hp,Lenovo,Samsung,Toshiba,Acer,Asus,DeLL

    UNTUK INFO PRODUK LENGKAP KUNJUNGI:
    http://delima-ponsel.blogspot.com.
    CALL☎/SMS✉: 0852-4004-4475
    BBM PIN: 5B3C6CE

    BalasHapus
  40. thx informasinya min izin share ya.. :D

    BalasHapus
  41. sangat - sangat membantu setiap orang yang membaca nya

    BalasHapus
  42. Sepertinya bagus tuh bentuknya, apalagi kombinasi dengan tombol sosmed, aku coba praktekkan mas, thanks ya!

    Foredi Gel Herbal Rec.Boyke

    BalasHapus

Silahkan Sobat tinggalkan komentar dengan kata - kata yang Baik, Bijak dan Sopan.

Yang tidak diperbolehkan dalam berkomentar :
1. Komentar yang mengandung unsur SARA.
2. Komentar yang berbau PORNO.
3. Komentar Saling CACI MAKI.
4. Komentar yang Memasukan LINK IKLAN dan LINK AKTIF.

Saya harap Sobat dapat mematuhi aturan berkomentar yang saya buat. Jika ada komentar yang melanggar ketentuan tersebut diatas dan dianggap spam akan Saya Hapus. Atas kerjasama sobat sekalian saya ucapkan banyak Terima Kasih. Salam Sukses selalu untuk Sobat dan Salam Blogger.