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

Tweet

Setelah 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/AVvXsEhRLpVna0qLDxst9OLZ6kqrYrIJM9uWBNoqLS6OKG8gkKNKQ5MoOfr5_Ke2IyLBzbvP4iyoZB78fJiDjDxXBXrwBEPO97paFJKh2qy7p3j60HqPq2lFaEdAosPBvQsXytrv5epUlNOjC3F4/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/AVvXsEjTcA37JooZfUqwp-YmVTjqV-Q13gXaYiSQTOAu61GqCpytmxabnxf8bt09Lh8If9Sftm452GdYc_2v4Cero_vsbcgY4rCX2JJeqXFvLAXwRR9Oi6sMK_OFbtsGIG9A_hc_QR8hLaZUBA38/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/AVvXsEhi-dmQvvvF7xafqJ2PWVMaiVRG1EkHUVWJrTMGfV2MOSz22c7iO_E8vPMKc3EJ3TVKqvzL4mG5LlQIzCvvYayokoDVeSyN3hVO4h1HPg5YucUbpktYDy1GjCg7ggEGlPPYC0PWe7kt7Y6p/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/AVvXsEhEPSq3kzaF3jdJ6c_PX0aNeqfgIDsR4Nnc9HN7dwWPKv6fYzsft5C_UUx_CCQxWvAYmST4bD0vj_8fXV2X4EgjPQh2eBmAICiVHzVDQps0y3lQB5FI-EchaCwLzqXfPD2BugMEbCaBWqIr/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!