Membuat Widget Subscribe Paling Keren

Tutorial Blogger, Kesehatan, Islami

  • HOME
  • DAFTAR ISI
  • BLOGGER
  • TEMPLATE
  • TIPS TRIK
  • SEO
  • DESAIN BLOG
  • WIDGET
  • KESEHATAN
Home Blogger Tips And Trik Widget Membuat Widget Subscribe Paling Keren

Membuat Widget Subscribe Paling Keren

Alhamdulillah akhirnya saya bisa update postingan lagi , soalnya dari tadi pagi cuma ngutak-atik template nih. Setelah hari-hari sebelumnya saya disibukan oleh masalah blog agar SEO dan akhirnya saya pun bisa menerapkannya yaitu pada tutorial Cara Membuat Blog Valid CSS3 dan Membuat Blog SEO Di Chkme.com. Nah kan masalah SEO pada tutorial sebelumnya sudah teratasi , sekarang masalah Widget Subscribe. Mengapa Widget Subscribe ini diperlukan ??? karena agar pengunjung bisa mengikuti blog sobat.

Saya juga baru memasangnya barusan , karena ada seorang pengujung bernama maryam ishmatullah ingin ikut blog saya tapi tidak ada Widget Subscribe nya , kan repooottt tho. Makannya saya langsung memasang Widget Subscribe di blog saya , Ehh ternyata berguna banget lhooo.

Berikut ini penampakan widget subcribe paling keren yang saya pakai , hehehe :

Widget Subscribe Paling Keren

Sobat tertarik dengan  Widget Subscribe Paling Keren kaya diatas ??? Pasti dong.
ayoooo berangkat belajar cara Membuat Widget Subscribe Paling Keren :

1. Sob , untuk menggunakan kode CSS yg mengatur tampilan gambar Email, RSS, Twitter, Facebook, dan Google+. Silahkan copy kode di bawah ini dan simpan di atas kode ]]></b:skin>
.social a{color: #6e6e6e;font: bold 12px Arial;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #999;}
.social a:hover {color: #333;border-color: #666;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
.social a:active{color:#000;border-color: #444;}
Tempelkan kode diatas tadi agar tampilan Widget Subscribenya menjadi Paling Keren

2. Kemudian sobat pergi ke Tata Letak > Tambahkan Gadget dan letakan kode berikut ini :
<div style="background: none; border:none; padding: 4px;">
<div class='social' style='padding: 0pt 0pt 0pt 5px;'>
<table><tbody><tr><td>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=Planetajaib' target='_blank' title='newsletters'><img alt='email' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisilgGKKNkg6oNc7OSwM4Drut8r5CCnX3CBm6bRogj-58eL9JpkTN5jqXjJp56030vcQuV7tnjbS8Xh9s00oL7ZskfJ756ElMpIjMFJSc7HpzGQ-ejso5vyT6jpkj9K-Ctm-JFE5gjKfw/s40/mail.png' title='newsletters'/></a> </td>
<td> <a href='http://feeds.feedburner.com/planetajaib'target='_blank' title='rss'><img alt='rssfeed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimcbhNjDbfMb2WWJc0zvLYeRmTcTp9T-ak5DQHU5KRCsQLhpozU4eR8D-AJy1MkzoIZHxduMHcD76jdJQG2L2by2_nH4IDk6N5kAix3ADrDWlJ5YyelfxEovKruuJRZzqg11DKb_SL35U/s40/rss.png' title='rss'/></a> </td>
<td> <a href='https://twitter.com/Ahmad_ManarulH' target='_blank' title='Follow on twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXZ5cj9fuBKO7H3oFxhkGmS5MDP8BmPHRxdv0W2ZPb4H83KcoJbRTojJCUg4h9CR2aHv6UPGtGw5IpGjUq10GO84CXY9OcqTgy0MRG5wx0UMu1ijl2E2ONXG-fQG767yWmNldF0A3Vso/s40/twitter.png' title='Follow on twitter'/></a> </td>
<td> <a href='https://www.facebook.com/PlanetAjaib'_blank' title=' like me on facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR73lWDfghoMussMNbJygkj_WNoR5hI5bOpZ1jIORITUDlFMWe_2rta9OirCUEbmWeZ9Ga0094-FR6v92dmrnEAEvEOmjULeZBglfRtQaikOB5QG_BDA4Og9qFbh9wDgIe0-xlG81KEGE/s40/facebook.png' title=' Like me on Facebook'/></a> </td>
<td> <a href='https://plus.google.com/u/0/111196340129624846374' target='_blank' title='Follow on G+'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2FyQWvdmriQR3ofbp_8-AG9AIpLFpwTiqKmbJ5yArrWIUx4Xe6qtFdVaXsiFF8_Ag14dUYZXYzfS_psXTGsfeWA2tQ9BY8806bMNZwdPIRqIgtPe4DaEpS3pA9MALiRvc1ga4LcbFUPo/s1600/g+.png' title='Follow on G+'/></a>
</td></tr></tbody></table></div> <br/>
<div style='text-align: center;'>
<a href='http://www.blogger.com/follow-blog.g?blogID=2376713864947803790' target='_blank' title='Follow this blog'><img alt='blog' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0i4d1hQYFozztL9PbBjk5flzsRNPY_vjZ_K6xzysf_URzIxEeQIW1ypYEuqjDTz6xhdxAsow222_LcTskTfLzpNMRVpzArsB3k7hYTYjGLrZCx23_rkVxymEezu4vonBWkb93JyT9Dwk/s1600/Follower.png' title='Follow this blog'/></a>
</div><br/>
</div>

Keterangan tulisan berwarna yang ada di atas :
  1. Untuk tulisan Planet Ajaib, silahkan ganti dengan user name feedburner blog Sobat.
  2. Tulisan http://feeds.feedburner.com/planetajaib, ganti dengan url feedburner blog Sobat.
  3. Tulisan https://twitter.com/Ahmad_ManarulH, ganti dengan url profil Twitter Sobat.
  4. Tulisan https://www.facebook.com/PlanetAjaib, ganti dengan url Facebook Sobat.
  5. Untuk  https://plus.google.com/u/0/111196340129624846374, silahkan ganti dengan url profil G+ Sobat.
  6. Untuk  2376713864947803790 ganti dengan ID blog Sobat.
Terus kalau sudah dirubah tinggal simpan dan lihat hasilnya.

Demikianlah sob postingan saya kali ini tentang Membuat Widget Subscribe Paling Keren , dan seperti biasa sob , semoga berguna dan bermanfaat , apabila ada pertanyaan silahkan komentar dibawah akan saya jawab bila saya bisa , dan bila ada tutur kata / pengucapan saya yang salah mohon dima'afkan , Wassalamualaikum.
Tweet

13 Responses to " Membuat Widget Subscribe Paling Keren "

  1. MHI26 Mei 2013 pukul 12.20

    Wih, yang kaya agan yah? kereen...

    BalasHapus
    Balasan
    1. Anonim26 Mei 2013 pukul 12.25

      iya nih , hehehe

      Hapus
      Balasan
        Balas
    2. Balas
  2. Zain Elhasany26 Mei 2013 pukul 15.03

    sip gan,,, tutorialnya, salam sukses dari Software mania pc, knjungan balik gan,,

    BalasHapus
    Balasan
    1. Anonim26 Mei 2013 pukul 15.10

      sip sob , jalin silaturahmi yang baik sob . hehehe

      Hapus
      Balasan
        Balas
    2. Balas
  3. Supar26 Mei 2013 pukul 21.50

    trims tipsnya...

    BalasHapus
    Balasan
    1. Anonim27 Mei 2013 pukul 06.57

      sama-sama sob..

      Hapus
      Balasan
        Balas
    2. Balas
  4. Unknown5 Juni 2013 pukul 15.02

    Keren :D

    http://bloggerjava.net

    BalasHapus
    Balasan
    1. Anonim5 Juni 2013 pukul 15.16

      ya iyalah , hehe

      Hapus
      Balasan
        Balas
    2. Balas
  5. Agil Azkiya13 Juli 2013 pukul 07.49

    harus buat feedburner dulu ?

    BalasHapus
    Balasan
    1. Anonim13 Juli 2013 pukul 10.53

      iya

      Hapus
      Balasan
        Balas
    2. Balas
  6. MEREKOO6 Oktober 2013 pukul 20.23

    mohon kunjungannya di blog ane yg masih nubie ini http://www.merekoo.blogspot.com
    follow http://www.twitter.com/Merekoo
    Like Fanspage http://www.facebook.com/Merekoo
    :)

    BalasHapus
    Balasan
      Balas
  7. Viperkill28 Oktober 2013 pukul 08.31

    makasih mas tutornya,,,info yang menarik,,, :)

    BalasHapus
    Balasan
      Balas
  8. Unknown26 November 2013 pukul 04.09

    bagus kak .. tak coba dulu iya :)

    visit kak --> http://repvblick-indonesia.blogspot.com/

    BalasHapus
    Balasan
      Balas
Tambahkan komentar
Muat yang lain...

Posting Lebih Baru
Posting Lama
Beranda
Langganan: Posting Komentar ( Atom )

Sering Dibaca

  • planet ajaib

    Cara Membedakan Tokek Jantan Dan Tokek Betina

  • planet ajaib

    5 Pembalap GP Paling Legendaris di Dunia

  • planet ajaib

    Cara Membedakan Raket Yonex Asli Dengan Yonex Palsu

Site Info

Blogroll

  • Harga Motor Yamaha Honda
  • Cek Resi JNE
  • Katalog Carrefour
  • Kata Kata Mutiara

Sahabat

Label

Aneh (13) Badminton (1) Bisnis (3) Blogger (67) Cerita (3) Cinta (3) Desain Blog (14) Directory (1) Fakta Menarik (2) Fenomena (2) gadget (1) Hewan (1) Hoby (2) Information (8) Internet (1) Iseng (12) Kata Kata Mutiara (1) Kecantika (1) Kecantikan (1) Kesehatan (45) Komputer (2) Manfaat (5) Olahraga (1) Pengetahuan (6) Resep (3) SEO (26) Software (1) Teknologi (3) Template (12) Tips And Trik (57) Tool Blog (3) Widget (18)
Privacy Police | Contact| About Me
Support : sertifikasi crane
isnpeksi dan sertifikasi
Copyright © 2013 Planet Ajaib - All Rights Reserved
Design by jasa sertifikasi crane
Powered by Blogger