pasang iklan

Simple Subscription Widget for Blogger

Di Kumpulan Cara Cara, Tips dan Trik
Simple Subscription Widget for Blogger

Simple Subscription Widget for Blogger – Widget adalah bagian terpenting dari sebuah blog, Widget merupakan salah satu fasilitas yang di berikan blogger guna untuk mempermudah pemakai untuk memasukan kode javascript. Lalu apa kegunaan dari widget Subscription tersebut? Widget Subscription berguna untuk mempercantik tampilan sebuah widget, sebagai tempat untuk saling berbagi, dan yang terpenting adalah untuk memberikan kemudahan dan kenyamanan pengguna bagi para pengunjung blog. Dengan Widget Subscription, para pembaca atau teman blogger dapat berlangganan terhadap setiap postingan atau kabar yang anda sajikan. Akan jangan terlalu banyak pula widgetnya, bisa jadi lambat loading blog anda nanti.

Bagaimana Cara Membuat Simple Subscription Widget for Blogger?

Baiklah, tanpa banyak basa basi lagi, saya akan mencoba memberikan tutorialnya :
1. Silahkan Login ke Akun Blogger Anda

2. Setelah Login, Klik Tata Letak (Layout)
3. Tambahkan Widget (Add Widget)
4. Scroll ke bawah, pilih HTML/Javascript.
5. Lalu silahkan Anda Copy Paste Kode di bawah ini :

<style type=”text/css”> /*<!CDATA[*/ #soc-mega{width:300px;margin:auto;padding:0;} .soc-googleplus {height: 57px;width:300px;margin-top:-2px;} .soc-facebook {background:#ffffff;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;} .soc-gplusone {background-color: #ffffff;border: 1px solid #d8e6eb;border-top: 1px solid white;font-size: .87em;color: black;padding: 9px 0 0 11px;line-height: 24px;height:30px;} .soc-gplusone span {display: inline-block;vertical-align: middle;height: 20px;margin-top: -17px;font-size: 11px;font-family: “Arial”,”Helvetica”,sans-serif;} .soc-twitter {background-color: #ffffff;border: 1px solid #c7dbe2;border-top: 0;} .soc-twitter a.twitter-follow-button {display: block;} .soc-twitter iframe {margin: 9px 11px;} .soc-email{ background:#0084CE ; width:100%; padding:10px 0 10px 0; float:left; font-size:18px; text-align:center; font-weight:bold; margin:0 0 20px 0; color:#ffffff; } .soc-emailsubmit{ background:#787878; border:1px solid #989898; cursor:pointer; color:#fff; padding:3px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; font:14px sans-serif; } .soc-emailsubmit:hover{ background:#303030; border:1px solid #989898; } .textarea{ padding:2px; margin:6px 2px 6px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;  width:170px; color:#666;} .social-widget { width:300px; border:1px solid #d7d7d7; } .social-widget img { padding:10px 10px 2px 5px; } /*]]>*/ </style> <div id=”soc-mega”> <div class=’social-widget’> <a href=’http://feeds.feedburner.com/KoperasiSimpanPinjamLestari” target=’_blank’><img src=”https://lh5.googleusercontent.com/-We8sYndd1EA/VML4azF7xNI/AAAAAAAACIk/DtqHt0Crkb4/s40/rss.jpg” alt=”Subcribe to our RSS feeds” /></a> <a href=’https://www.facebook.com/koperasisimpanpinjam.lestari‘ target=’_blank’><img src=”https://lh5.googleusercontent.com/-5dqIKcuqQZc/VML4qE6mPII/AAAAAAAACIo/FehjJwNRrXw/s40/fbook.jpg” alt=”Join Us on Facebook” /></a> <a href=’https://twitter.com/ksplestari2004‘ target=’_blank’><img src=”https://lh5.googleusercontent.com/-tdvG5e6Hy_Q/VML3id9xcsI/AAAAAAAACIU/GYyygGqVFE0/s40/twit.jpg” alt=”Follow us on Twitter” /></a> <a href=’https://plus.google.com/+KOPERASIILESTARI/posts‘ target=’_blank’><img src=”https://lh5.googleusercontent.com/-LGo1k2EJuKA/VML35UW5eOI/AAAAAAAACIc/iZlL2obqDhk/s40/gplus.jpg” alt=”Add to Circles” /></a> <a href=’http://www.youtube.com/user/………………‘ target=’_blank’><img src=”https://lh3.googleusercontent.com/-KNo_ykajeGw/VML48fxDIUI/AAAAAAAACI0/fMrr0BQScQ8/s40/ytube.jpg” alt=”Watch us on Youtube” /></a> </div> <div class=”soc-twitter”>      <a href=”https://twitter.com/ksplestari2004″ class=”twitter-follow-button” data-show-count=”true”></a>      <script type=”text/javascript”>/*<![CDATA[*/!functionundefinedd,s,id){var js,fjs=d.getElementsByTagNameundefineds)[0];ifundefined!d.getElementByIdundefinedid)){js=d.createElementundefineds);js.id=id;js.src=”//platform.twitter.com/widgets.js”;fjs.parentNode.insertBeforeundefinedjs,fjs);}}undefineddocument,”script”,”twitter-wjs”);/*]]>*/</script>  </div> <div style=’text-align: center;’> <a href=’http://www.blogger.com/follow-blog.g?blogID=338724723620962737‘ target=’_blank’ title=’Follow this blog’><img alt=’blog’ src=’http://1.bp.blogspot.com/-KmVNDu7A26Y/UVvt9eHnjLI/AAAAAAAAX5c/DwjWJU99dMA/s1600/Follower.png’ title=’Follow this blog’/></a> </div><br/><center>If you enjoyed this article just click icon above<br/> to subscribe our feed or like and follow<br/> our Facebook, Twitter, and G+ or join this blog to receive more great content just like it</center><br/><br/> it</center></span><br/><br/> <div class=”soc-email”> Subscribe To Get Updates! <form action=”http://feedburner.google.com/fb/a/mailverify” id=”feedform” method=”post” target=”popupwindow” onsubmit=”http://feedburner.google.com/fb/a/mailverify?uri=KoperasiSimpanPinjamLestari‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”> <input gtbfieldid=”3″ class=”textarea” name=”email” onblur=”if undefinedthis.value == “”) {this.value = “enter email address here”;}” onfocus=”if undefinedthis.value == “enter email address here”) {this.value = “”;}” value=”Enter email address here” type=”text” /> <input type=”hidden” value=”btuition” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/> <input class=”soc-emailsubmit” value=”Submit” type=”submit” /> </form> </div> </div>

Pengaturan : Silahkan Anda ganti tulisan berwarna biru sesuai dengan kebutuhan Anda.

Untuk Contoh Widgetnya, silahkan anda lihat widget pada blog ini yang letaknya diatas Posting Terbaru.

Oke, Demikianlah Artikel tentang Simple Subscription Widget for Blogger ini, kiranya dapat memberi manfaat untuk anda yang ingin memasang Subscription Widget . Jika ada pertanyaan, silahkan sampaikan melalui kolom komentar. Terima kasih.
Baca Juga:   Apa Fungsi SIM dan Manfaatnya?
  1. author

    Neng Auni2 tahun yang lalu

    Kodenya panjang pisan atuh…

    Balas
  2. author

    KOPERASII LESTARI2 tahun yang lalu

    Cukup panjang Neng Auni.. Hehehehe… Salam Blogger Neng.. 🙂

    Balas
  3. author

    KOPERASII LESTARI2 tahun yang lalu

    Cukup panjang Neng Auni.. Hehehehe… Salam Blogger Neng.. 🙂

    Balas
  4. author

    IQROZEN2 tahun yang lalu

    Gak bikin lelet loading blog yah? wah bisa dicoba neh…

    Balas
  5. author

    IQROZEN2 tahun yang lalu

    Gak bikin lelet loading blog yah? wah bisa dicoba neh…

    Balas
  6. author

    KOPERASII LESTARI2 tahun yang lalu

    tidak membuat lelet blog kok mas. saya sudah coba kok.. 🙂

    Balas
  7. author

    KOPERASII LESTARI2 tahun yang lalu

    tidak membuat lelet blog kok mas. saya sudah coba kok.. 🙂

    Balas
  8. author

    Mbah dinan2 tahun yang lalu

    bagus juga tampilannya. saya pelajari dulu ya mas. terima kasih gan.

    Balas
  9. author

    Mbah dinan2 tahun yang lalu

    bagus juga tampilannya. saya pelajari dulu ya mas. terima kasih gan.

    Balas
  10. author

    KOPERASII LESTARI2 tahun yang lalu

    Lumayan bagus mbah.. Saya sendiri juga suka dengan tampilannya. Sejuk di pandang.. Hehehe

    Balas
  11. author

    KOPERASII LESTARI2 tahun yang lalu

    Lumayan bagus mbah.. Saya sendiri juga suka dengan tampilannya. Sejuk di pandang.. Hehehe

    Balas
  12. author

    Saud Karrysta2 tahun yang lalu

    Bagus nih Mas simple subsscotion nya saya belum menggunakanya ijin coba ya Makasih sudah berbagi. salam sukses 🙂

    Balas
  13. author

    Saud Karrysta2 tahun yang lalu

    Bagus nih Mas simple subsscotion nya saya belum menggunakanya ijin coba ya Makasih sudah berbagi. salam sukses 🙂

    Balas
  14. author

    Saud Karrysta2 tahun yang lalu

    Panjang namun bagus hasilnya ya Mas.. kira kira berapa kbps beban scipt ini Mas KL..?

    Balas
  15. author

    Saud Karrysta2 tahun yang lalu

    Panjang namun bagus hasilnya ya Mas.. kira kira berapa kbps beban scipt ini Mas KL..?

    Balas
  16. author

    KOPERASII LESTARI2 tahun yang lalu

    Terima kasih Mas Saud. Simple dan tidak memberatkan blog mas.. 🙂

    Balas
  17. author

    KOPERASII LESTARI2 tahun yang lalu

    Terima kasih Mas Saud. Simple dan tidak memberatkan blog mas.. 🙂

    Balas
  18. author

    Ainnul Yaqin2 tahun yang lalu

    wahh kerenn ini kang subscription Widget nya jadi ingin pasang nih 🙂 tapi kira" bakal memberatkan loading blogg gak yah ? 🙂

    Balas
  19. author

    Ainnul Yaqin2 tahun yang lalu

    wahh kerenn ini kang subscription Widget nya jadi ingin pasang nih 🙂 tapi kira" bakal memberatkan loading blogg gak yah ? 🙂

    Balas
  20. author

    KOPERASII LESTARI2 tahun yang lalu

    Iya mas.. Keren memang. Tidak memberatkan blog kok Mas Ainnul, saya sendiri juga memakainya.. 🙂

    Balas
  21. author

    KOPERASII LESTARI2 tahun yang lalu

    Iya mas.. Keren memang. Tidak memberatkan blog kok Mas Ainnul, saya sendiri juga memakainya.. 🙂

    Balas
  22. author

    Obat Herbal Hepatitis B2 tahun yang lalu

    oh gitu ya gan baru tau nih… makasih ya

    Balas

Tinggalkan pesan "Simple Subscription Widget for Blogger"

13 + 4 =

Baca Juga×

Top