Haii para blogger.
Kali ini saya ingin share tentang trick membuat Gadget Fanspage Otomatis Muncul di Blog.
Mungkin namanya agak aneh ya, itu karna saya tidak bisa menerjemahkannya melalui kata.
Untuk lebih jelasnya kalian bisa lihat ScreenShoot widgetnya
ScreenShoot
Bagaimana ? Kalian sudah tahu kan apa yang saya maksud ?
Baiklah bagi kalian yang ingin mengetahui caranya kita langsung saja keTutorialnya.
- Pertama tentunya kalian harus login keblogger.
- Lalu klik TataLetak
- Lalu Klik tambah Gadget, dan pilih HTML/JavaScript
- Lalu copas script dibawah ini
<div style="display:scroll;position:fixed;top:50px;left:400px;">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://yourjavascript.com/4131855615/slidefbnew.js" type="text/javascript">
</script>
<style>
#kompiajaib_slidefb2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
width: 355px;
margin: 10px 0px;
padding:5px 0px 0px 5px;
background-repeat: no-repeat;
position:relative;
color: #00529B;
background-color: #080808;
}
</style>
<div id="kompiajaib_slidefb2012">
<a class="close" href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyzkQoUKBtoEEnpVgnp5YB9lKe4s0KD1XfevYC1yosBKVdFlxEVhd2N8NYEfNe27DDH1HgzpuTsL_l8C4t7uZjjQxlE7GRWAYJMUOiW5imZdb7VSNzzqeOWEjOlcCwSZIwmmqv4ysLDOwH/s1600/popover-close-button.gif" /></a>
<div style='width:99%;padding:8px 0px;background-color:#737373;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like My Fanspage and Get Update</div></div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/My-Blog-21/424150260984697&width=350&height=255&colorscheme=dark&show_faces=true&border_color=%23FFFFFF&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:255px;" allowtransparency="false"></iframe><div style="border: 0px; padding: 5px; background-color: none; text-align: right; font-size:9px;">Powered by <a href="https://www.facebook.com/pages/My-Blog-21/424150260984697" target="_blank">blogger widget</a></div>
</div></div>
Gampang bukan caranya ?
Sekian postingan saya untuk trick yang satu ini
=====Semoga Bermanfaat=====
