Cara membuat subscribe blog, like, follow, dan google + dibawah semua postingan
hai teman kunaruhblog :)
kali ini saya mau share nih cara membuat subscriber widget dibawah postingan.. seperti punya saya :)
syarat kalian menggunakan widget ini adalah :
1. punya twitter
2. punya facebook fans page
3. punya feedsburner
4. punya google plus
ok langsung aja aku kasih kodenya :
cara pasang blogger.com> template > edit html > centang expand widget > cari <data:post.body/> >paste dibawahnya
(apabila terdapat banyak kode <data:post.body/> gunakan cara coba - coba atau paste aja dibawah semua kode itu)
<b:if cond='data:blog.pageType ==
"item"'>
<style type='text/css'>
form.feedburner {margin: 20px 0 0;display: block;clear: both;}
.lostsectorstyle {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQEY4wtRY6odcjRusbdAhwIxiMM0zcMVHBNSybyvOGzeveqdNA0nKIUKmq2y87XfeJwoMuHPFyNGWIaTc-nFF1RMf8aX22zH236KObUxh78Szn_mswlC8nSFz3HbNiAS63iHnICDiQLpo/s1600/lostsector.blogspot.com-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;}
.lostsectorsubmit {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='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}
#lostsector-widget {-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;-webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);-moz-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);-webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;}
#lostsector-widget: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;}
#lostsector-widget td {padding: 3px 0;}
</style>
<center><br/><div id='lostsector-widget'>
<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;font-family:georgia;font-style:italic; '>
Get free daily email updates!
</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kunaruhblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='kunaruhblog'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='lostsectorstyle' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>
<input alt='' class='lostsectorsubmit' 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;font-family: georgia; '>
Follow us!
</p>
<a href='http://feeds.feedburner.com/kunaruhblog' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVlIzTc6n30TOJrfZgZ6Bq07V4xk5ULMC9RPM-awjxgIML0CjKpZ5gzkwEpCFccOX8UnXmJA8o9mJ_m7HXVpoviNFbNDM_5nkr_XWxKHfJJI0EQc5uoeRZAhzkaT3Q8yd4Bk2PnpXZFo/s1600/lostsector.blogspot.com-rss-icon.png'/></a>
<a href='http://twitter.com/kunaruh' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGq050DZpCJS2ZuOLy0Lo40x0ruAz4aoZwml2GEDVOBwTbZ6cGnUY-wqmg6DZbyiLcISB5lcZ9uT39Hwc5tbHk9SBSt9eKdTUXaJ2pxEQ9kCzhv4QWjTU2vGabU8JNQm0v6lFNnE5-ck/s1600/lostsector.blogspot.com-twitter-icon.png'/></a>
<a href='http://www.facebook.com/kunaruhblog' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs1bw5AQrxB58cv9Zfq7QYHiqA_9T5YNnY6s3tOi_Q8oHO3JQp2oV9MtYD8tnLqYGS5_SQvgxkI-PpWEeaCW9ZE22OPA6fZQiV0LtRUZeXQGployh2wZBR03Gfc9KInK2DVsqwqP0GKVo/s1600/lostsector.blogspot.com-fb-icon.png'/></a>
<a href='https://plus.google.com/104642139972206079249' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz68Z4RvGX0NnFhqwuVTjfQ4oOFdWjWpGbQh2cDQ2_ogSS_qHGFZDYQacqjEGhdfOydmR28sH6Lxohvj6cWofxbSc6_2py7dRKPc6fIJC4yf79MEaiKRDsWkddcYq7I5mmRvZnct8T55k/s1600/lostsector.blogspot.com-g+-icon.png'/></a>
</td>
</tr>
</tbody>
</table>
<div align='right'>
<span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://kunaruh.blogspot.com/2013/03/cara-membuat-subscribe-blog-like-follow.html' style='text-decoration: none;' target='_blank'><font color='#000' decoration='none'>[MAU DAPET WIDGET INI]</font></a></span>
</div>
<div class='fb-like' data-href='http://www.facebook.com/kunaruhblog' data-layout='button_count' data-send='false' data-show-faces='false' data-width='80'/><br/>
<a class='twitter-follow-button' href='http://twitter.com/kunaruh' rel='nofollow'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</center>
</b:if>
<style type='text/css'>
form.feedburner {margin: 20px 0 0;display: block;clear: both;}
.lostsectorstyle {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQEY4wtRY6odcjRusbdAhwIxiMM0zcMVHBNSybyvOGzeveqdNA0nKIUKmq2y87XfeJwoMuHPFyNGWIaTc-nFF1RMf8aX22zH236KObUxh78Szn_mswlC8nSFz3HbNiAS63iHnICDiQLpo/s1600/lostsector.blogspot.com-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;}
.lostsectorsubmit {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='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}
#lostsector-widget {-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;-webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);-moz-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);-webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;}
#lostsector-widget: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;}
#lostsector-widget td {padding: 3px 0;}
</style>
<center><br/><div id='lostsector-widget'>
<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;font-family:georgia;font-style:italic; '>
Get free daily email updates!
</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=kunaruhblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='kunaruhblog'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='lostsectorstyle' name='email' onblur='if (this.value == "") {this.value = "Enter your email…";}' onfocus='if (this.value == "Enter your email…") {this.value = ""}' type='text' value='Enter your email…'/>
<input alt='' class='lostsectorsubmit' 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;font-family: georgia; '>
Follow us!
</p>
<a href='http://feeds.feedburner.com/kunaruhblog' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVlIzTc6n30TOJrfZgZ6Bq07V4xk5ULMC9RPM-awjxgIML0CjKpZ5gzkwEpCFccOX8UnXmJA8o9mJ_m7HXVpoviNFbNDM_5nkr_XWxKHfJJI0EQc5uoeRZAhzkaT3Q8yd4Bk2PnpXZFo/s1600/lostsector.blogspot.com-rss-icon.png'/></a>
<a href='http://twitter.com/kunaruh' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGq050DZpCJS2ZuOLy0Lo40x0ruAz4aoZwml2GEDVOBwTbZ6cGnUY-wqmg6DZbyiLcISB5lcZ9uT39Hwc5tbHk9SBSt9eKdTUXaJ2pxEQ9kCzhv4QWjTU2vGabU8JNQm0v6lFNnE5-ck/s1600/lostsector.blogspot.com-twitter-icon.png'/></a>
<a href='http://www.facebook.com/kunaruhblog' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs1bw5AQrxB58cv9Zfq7QYHiqA_9T5YNnY6s3tOi_Q8oHO3JQp2oV9MtYD8tnLqYGS5_SQvgxkI-PpWEeaCW9ZE22OPA6fZQiV0LtRUZeXQGployh2wZBR03Gfc9KInK2DVsqwqP0GKVo/s1600/lostsector.blogspot.com-fb-icon.png'/></a>
<a href='https://plus.google.com/104642139972206079249' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz68Z4RvGX0NnFhqwuVTjfQ4oOFdWjWpGbQh2cDQ2_ogSS_qHGFZDYQacqjEGhdfOydmR28sH6Lxohvj6cWofxbSc6_2py7dRKPc6fIJC4yf79MEaiKRDsWkddcYq7I5mmRvZnct8T55k/s1600/lostsector.blogspot.com-g+-icon.png'/></a>
</td>
</tr>
</tbody>
</table>
<div align='right'>
<span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://kunaruh.blogspot.com/2013/03/cara-membuat-subscribe-blog-like-follow.html' style='text-decoration: none;' target='_blank'><font color='#000' decoration='none'>[MAU DAPET WIDGET INI]</font></a></span>
</div>
<div class='fb-like' data-href='http://www.facebook.com/kunaruhblog' data-layout='button_count' data-send='false' data-show-faces='false' data-width='80'/><br/>
<a class='twitter-follow-button' href='http://twitter.com/kunaruh' rel='nofollow'/>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</div>
</center>
</b:if>
Keterangan :
kuning : akun twitter
merah : url fanspage
hijau : url google plus
biru : id feeds burner
Video tutor :
demikian tutornya moga bermanfaat ya :)
thx for visit :)
Diposting Oleh : Unknown ~ Kunaruhblog
Artikel Cara membuat subscribe blog, like, follow, dan google + dibawah semua postingan adalah artikel untuk semua orang tanpa terkecuali, dan semua blogger patut dihargai jadi saya harapkan tolong untuk memberikan link tautan atau link sumber http://kunaruh.blogspot.com, terima kasih :)
Categories:
info blog,
seputar komputer
thanks sob akhirnya bisa ke pasang di blog ku hheee
BalasHapus