Dalam posting ini saya akan menjelaskan bagaimana menambahkan Widget Rekomendasi kotak popup untuk blogger. Anda dapat menambahkannya ke blog Anda dengan mudah. ikuti langkah-langkah di bawah ini. Tampilan rekomendasi Google, facebook dan twitter. pergi ke bawah untuk melihat lebih lanjut.
DEMO
1. Masuk ke blogger
2. Pilih Tata Letak
3. Tambahkan gadget
dan
HTML/Javascript
4. Pastekan kode dibawah ini
<style>
#socialslide{background: rgb(41, 40, 40)
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmqzaJBJOGWeLTDomQ2o_U_0mpGIlBl85fJ7l5BwXrKMowZ1tSxMO5M3Zgrr_eRqadByBUJ9sdifLjlL4LtUFmZV5bWK7DNpoU1NUPsyuu_n8-3hOqgOCgd3AtscTlsZSN11FCqEe-3r8/s1600/recbg-btrix.png)
left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 300px;
position: fixed;
bottom: 13px;
right: 2px;
display: none;
z-index: 3;
height: 65px;
}
</style>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script
type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#socialslide").show("slow");else
$("#socialslide").hide("slow");});function
closesocialslide(){$('#msocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="socialslide">
<a
style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;"
href="javascript:void(0);" onclick="return
closesocialslide();">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px
0; text-shadow: 1px 1px 0 #FFFFFF;">Don't forget to join our community!</span><br />
<div style="float:left; margin:15px;"><g:plusone
annotation="none"></g:plusone></div>
<div style="float:left; margin:15px;"><iframe
src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FBlog's Ardy&send=false&layout=button_count&width=80&show_faces=false&action=like&colorscheme=light&font=arial&height=21"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>
<div style="float:left; margin:15px;"><a
href="https://twitter.com/Blog's Ardy"
class="twitter-follow-button" data-show-count="false"
data-size="large" data-show-screen-name="false">Follow
@Blog's Ardy</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>
<div class='clear'></div>
|
5. Save HTML/Javascript & Edit Sesuka anda..
Judul : Widget Rekomendasi Sosial untuk Blogger
Deskripsi : Dalam posting ini saya akan menjelaskan bagaimana menambahkan Widget Rekomendasi kotak popup untuk blogger. Anda dapat menambahk...