Sunday, July 27, 2014

Cara Membuat Widget Artikel Berlanggan di Blog

       Microtix - Sobat blogger, disini saya akan membantu anda dalam Cara Membuat Widget Artikel Belangganan. Untuk bisa membuat Widget Artikel Belangganan anda harus mempunyai ID Feedburner. Ok sobat langsung ke intinya aja
  • Masuk kedalam akun Blogger >> Dashbor >> Template >> Edit HTML
  • Jangan lupa back up dulu Template Sobat
  • Cari Kode ini 
Klik Buka Untuk Melihat:
<data:post.body/>


  • Jika kode <data:post.body/> anda lebih dari satu, masukan kode dibawah ini tepat dibawah <data:post.body/> yang ke 3
Klik Buka Untuk Melihat:

<b:if cond='data:blog.pageType == &quot;item&quot;'>



<style>

form.feedburner{

margin:20px 0 0;

display:block;
clear:both;
}
.dcstyle{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuLsqMLKgD4HHZ0EeF5uATbdE8pGtOa_Gp_-Q1xjYoi7PaKkigU0JVkQ6TzFYmewCfLpt-Lrqjhy9_3gyumtRhsYfO1PZVosLQthjJs-TDBq_TrJ0GBDSn-HM50u3Z5jNICS_CXFj7FKRU/s400/email_icon.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;
}
.dcsubmit{
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%);
}

#emailwidget-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;
}
#emailwidget-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;
}
#emailwidget-outer td{
padding:3px 0;
}
</style>

<center>
<div id='emailwidget-outer'>
<div id='emailwidget'>
<table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
<tbody>

<tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>

<td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'> <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px; '>Berlangganan artikel via email!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Mcmicrotix&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='Mcmicrotix'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='dcstyle' 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='dcsubmit' title='' type='submit' value='Submit'/>
</form>
</td>

<td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px; '>Follow us!</p>
<a href='http://feeds.feedburner.com/Mcmicrotix' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLu8KF7lSlRO5LW_FtAD2dRRfv36wuj395W-6xkVtbrkk8atXhffHyePYdm6gg4X1LO2rpfWvMdHIqi15rvm33Vqi3klqhRt__TNviDRyxb8UkLRGITnQCrIpecizeasi4BRZusVsOEk/s1600/rss-30×43.png'/></a>

<a href='http://twitter.com/alfa_zr' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgMnULdSBuMS9622hZF6JiNCM3JTcGrGv4ilymNld5VBDH7Cu01-1Y_upEdqFmblIfHfoI1158hAI6oDQSPN_H9WoO4lshw3vEQA-d_EcKOIhgPISoG8DUzvLI1jk1pZ0nDFbbT1RiLRM/s1600/twitter-30×43.png'/></a>

<a href='http://www.facebook.com/alfa.vyper' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnyjE7ksaAjVcggRKLNAaHbeIdFO5h0WpHxmZ73PTwtfkOrDnGG-XDK5Ae10Bfmc84QFQ8bVNEs8ki7YiyiSfuS0xuR_2sgYZ7z-nYlK47CTxxbOclBvWd5Twf0jtFRv8Rl395hJtE22U/s1600/facebook-30×43.png'/></a>

<a href='https://https://plus.google.com/112043535294669385234' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdY68PJbaelQayAGpIyJASgZ9rmsptFO8Bd9uiobO7cZz1RevzztbnEpEzvZDlppNAalZ2Xz2nT1787NAaun6NqN4ilyrTukWXTIzld1oTZ-DNNlo_46AFCJlLsZFGw4VGWxGHU-nxSSU/s1600/googleplus-30×43.png'/></a>

<p><a href='http://feeds.feedburner.com/Mcmicrotix'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/Mcmicrotix?bg=00FFFF&amp;fg=444444&amp;anim=1&amp;label=readers' style='border:0' width='88'/></a></p>

</td>
</tr>
</tbody></table>
</div></div>
</center>
</b:if>





  • Save Template Sobat. Happy Blogging



Keterangan :
Kode Warna Hijau bisa diganti sesuai dengan selera anda
Kode Warna Merah ganti sesuai dengan akun anda
Kode Warna Biru ganti sesuai dengan kode FeedCount anda
Untuk Mengurangi Akun Follow Us hilangkan kode <a href= sampai dengan </a>

Bila ada kesulitan post kan komentar anda, saya akan membantu dengan senang hati


Berlangganan artikel via email!

Follow us!

0 comments:

Post a Comment