Minggu, 21 Desember 2014

Cara Buat widget Feedburner Berlangganan artikel di Sidebar Blog

Bagaimana sih Cara Membuat dan Pasang widget Feedburner Berlangganan artikel di Blog Yang Keren Sekali ? sebenarnya sh tuk buat widget feed bunner yang keren kita harus menguasai bahasa css , karena dengan memanfaatkan css , kita bisa mengubah widget tersebut dari yang biasa  biasa aja menjadi lebih keren . namun bagi anda yang kurang paham dengan bahasa pemrogaman css sobat bisa menyalin kode css dari para mastah yang memodifikasi widget kotak berlangganan tersebut.

Banyak sekali manfaat memasang widget feedbunner atau yang sering disebut kotak berlangganan artikel ini di blog anda , diantaranya adalah pengunjung dapat mendapatkan berita terbaru tentang update artikel terkini yang baru anda publikasikan , nah dengan begitu meskipun kita tanpa share ke media sosial , kita secara otomatis udah share ke banyak orang ke semua orang yang berlangganan arikel tersebut.

Sebelum anda membuat widget feedbunner kali ini , pastikan sobat harus terdaftar terlebih dahulu ke feedbunner , bagi yang belom terdaftar silahkan daftar dulu , untuk panduanya untuk sementara belom saya buat tutorialnya jadi monggo sobat cari terlebih dahulu di google.

Cara Buat widget Feedburner Berlangganan artikel di Blog

Tutorial Membuat widget Feedburner Berlangganan artikel Keren di Blog

  1. Yang belom login ke dasbhor blogger , silahkan masuk terlebih dahulu
  2. Masuk bagian editor template , caranya masuk ke template => Edit Html
  3. Temukan kode ]]></b:skin> dibagian halaman tersebut { klik ctrl+F untuk mempermudah pencarian }
  4. Kopi dan tempelkan kode dibawah ini diatas kode ]]></b:skin> tersebut
    .form {
    border:1px solid #ccc; /* warna garis pinggir form */
    background: #ffffff /* warna background form */
    padding:3px; /* spasi form */
    width:100%; /* panjang form */
    height:auto /* tinggi form */
    }
    .rss {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJPPDp0uTPokuBccss7eBPngI0LThtNUp-0V2ymhv0B65TCTeFIpiRfJMek9LdMiWmF0dNF46eJ5piQ2HrCZhzsCdt1dOUfNyQ3Armr9RD-k9UzJlAGRvn5Miu4gDgNDjeBsMwQIdEOD4/s200/Cara+Submit+Sitemap+Blog+ke+Google+Bing+Mneggunakan+Submit+RSS+3.0.png") no-repeat top right;
    }
  5. Kemudian pilih lokasi dimana anda ingin meletakan widget feedbunner tersebut , Contohnya kita akan meletakan widget tersebut di sidebar blog maka
  6. Pergi ke Tata Letak => Tambahkan widget => Javascript/html
  7. Salin kode dibwah ini di kolom html/javascript tersebut
    <div class='form'>
    <div class='rss'>
    <div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img alt='small rss seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_ycVipd6GhFuivuQGLg-upg1kC8g28u2kADOzEXSLkU9QBRxjX1suPKOxN6hZtRpsj2muEn8-UNJ6VMVyo3ycmzSWk6qdd4SEef6HBE3ciFYR0X5hdj3NbM_lqqaB9Pm5bf_tC_SoeVh/s1600/small+rss.png' title='RSS Feed'/> <a href='http://feeds.feedburner.com/seocips' rel='nofollow' target='_blank'>LANGGANAN ARTIKEL</a></div>
    <div style='font-weight:bold; padding:10px 10px;'>GET UPDATE VIA EMAIL</div>
    <div style='padding-left:10px'>Berlangganan artikel via email!</div>
    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=seocips&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><div style='padding-left:10px; padding-bottom:10px; padding-top:10px'><input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Ketik email anda disini...&quot;;}' onfocus='if (this.value == &quot;Ketik email anda disini...&quot;) {this.value = &quot;&quot;}' style='width:160px; height:18px' type='text' value='Ketik email anda disini...'/> <input name='uri' type='hidden' value='seocips'/><input name='loc' type='hidden' value='en_US'/><input class='button' type='submit' value='SUBCRIBE'/></div></form>
    <div style='padding-left:10px'><p><a href='http://feeds.feedburner.com/seocips' rel='nofollow'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/seocips?bg=FF6600&amp;fg=FFFFFF&amp;anim=1' style='border:0' width='88'/></a></p></div>
    </div></div>
  8. Klik save dan lihat hasilnya. [ Taraa kini sobat sudah bisa membuat feedbunner sendiri 
Itulah Cara Terbaru Bikin widget Feedburner Berlangganan artikel di Sidebar Blog yang keren sekali , semoga tutorial tersebut bermanfaat bagi anda , oh iya jika sobat kurang paham dengan cara diatas dan mengalamai masalah silahkan kirim masalah anda di komentar bawah ini . demikian tutorial tentang widget berlagganan email sore kali ini semoga membantu anda yang sedang membutuhkan

Artikel Terkait