Home » Blogger Widget » Cara buat widget Feedburner, RSS, Twetter dan Like Facebook di postingan blog

Cara buat widget Feedburner, RSS, Twetter dan Like Facebook di postingan blog

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Cara buat widget Feedburner, RSS, Twetter dan Like Facebook di postingan blog. Dengan artikel Cara buat widget Feedburner, RSS, Twetter dan Like Facebook di postingan blog ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Cara buat widget Feedburner, RSS, Twetter dan Like Facebook di postingan blog kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Cara buat widget Feedburner, RSS, Twetter dan Like Facebook di postingan blog selengkapnya:


do you like this story? blogger widgetSetelah beberapa percobaan dan kesalahan akhirnya kami berhasil merancang sebuah widget blogger lengkap yang berisi Seperti Facebook & tombol Send, Formulir Email (kotak Berlangganan) dan media sosial ikon. Widget ini dapat ditemukan di blog wordpress banyak menambahkan di bagian bawah posting. Ini menarik perhatian besar dari pengunjung dan memaksa dia untuk suka dan berbagi artikel Anda. Itu sebabnya kami bernama gadget ini sebagai "Apakah Anda suka cerita ini?" Ini adalah versi lebih maju dari widget saya berbagi kembali beberapa hari yang hanya ditawarkan pengunjung dengan pilihan langganan tapi yang satu ini menawarkan banyak lagi. Ini akan meningkatkan lalu lintas Anda melalui Facebook, meningkatkan pelanggan Anda, penggemar facebook dan pengikut twitter. Memang kotak ajaib!

Petunjuk penggunaan :
  • Buka akun Blog Anda
  • Lalu masuk ke menu Template >> Procced >> centang Expand Template Widget
  • Lalu cari kode <data:post.body/> dan masukkan kode dibawah ini tepat diatas kode  <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.mbttext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBVwxn6djMFvcvzAExo-W6tbpwxWU7Ca4QKnP5oFHowBZ-ATSFMxvdkUMuU2vZv3dcLXfUp-MqaWAjZQEbW7g0vdv55pusqOKBjdsPaLLMw7TkNj3DtkIYIMw2STDTvyimF-v-uUpH9XRj/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 35px;
color:#666;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.mbtbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
#doulike-outer {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding: 8px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:480px;
}
#doulike-outer:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
#doulike-outer td{
padding:3px 0;
}
</style>
<div id='doulike-outer'>
<div id='doulike'>
<table width='100%'>
<tbody>
<span style='font-style: italic; font-size: 30px; font-family: arial,sans-serif, verdana;  color:#FF683F;'>Do you Like this story..?</span>
<tr>
<td>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='300'/>
</td>
</tr>
<tr>
<td align='left'> <p style='color:#666; font-style:italic; margin:0px 0px 5px 0px; '>Get Free Email Updates Daily!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tntbystc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='tntbystc'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='mbttext' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...'/>
<input alt='' class='mbtbutton' title='' type='submit' value='Submit'/>
</form>
</td>

<td><p style='color:#666; font-style:italic; margin:0px 0px 5px 0px;  '>Follow us!</p>
<a href='http://feeds.feedburner.com/TntByStc' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl13U-Zgra6KC3nfpW_357AT8uIAEvk2IGfGIIXeRW8TI2ru4Qy8LoE2MuDTg7Qylm_mIlu5kS-KOomtAR9jePIys3JSJq14Ogg6mpoEov95lwIiZfrq1s6K81eksPKjCm46YhKiodL9g0/s40/w2bRSS+.png'/></a>
<a href='http://twitter.com/mybloggertricks' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNMUhGEM7u2t38oV4nhuq_ZEg95zwJVS2HYsd2rknhsrFILKpVefE0eF-T4wFlKxbIQA-sCIu2s95ZyGdPp8KpMiA4YJ6jvItGCdoUHRFef8KFJQBKRDXGMVTlRH3DHjDgeUIbqWI8IHqP/s40/w2bTwitter.png'/></a>
<a href='http://www.facebook.com/pages/My-Blogger-Tricks/147104632016744' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmbkRrjuioP8ykOptbj_8w8DTqEPDtR4PZPXl4nQ5Wic_nABBq6A5Ec5B1CfbDWPmBgI63OsamSCjiDJY1cLa5T1oEWPu0L0G1KpwC_zddpi6rTKlnhv8F0IXX86Aq_PKLf9eSIVao0LMl/s40/w2bFaceBook.png'/></a>
</td>
</tr>
</tbody></table></div></div>
</b:if>
Pengeditan:
  1. Untuk mengubah warna dari "Do You Like This Story..?" teks, maka cukup ubah #FF683F dengan warna pilihan Anda.
  2. Sekarang ganti http://feedburner.google.com/fb/a/mailverify?uri=tntbystc dengan link Feedburner Anda.
  3. Ganti tntbystc dengan judul feed Anda. Ini muncul di bagian akhir link feed Anda. Dalam kasus saya itu adalah http://feedburner.google.com/fb/a/mailverify?uri=tntbystc
  4. Ganti link yang berwarna oranye dengan Feedburner link anda
  5. Ganti link biru dengan link twitter anda
  6. Ganti link ungu dengan Facebook Anda Seperti Link Halaman

Setelah Anda telah membuat semua perubahan yang diperlukan hanya menyimpan template Anda dan Anda semua dilakukan!

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Cara buat widget Feedburner, RSS, Twetter dan Like Facebook di postingan blog dengan keword yang masuk Blogger Widget . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Posting Komentar