Senin, 17 Maret 2014

Cara Memasang Fans Page Facebook Tersembunyi di Blog



Berikut Langkah-langkahnya :

1. Masuk dan Login ke Blogger.com
2. Pilih Tata Letak → Tambah Gadget → Pilih HTML/JavaScript
3. Copy HTML di bawah ini, dan Paste ke box HTML/JavaScript

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAVHqb6K_lfd6DdVfbFlWHBQ_eoMJrD1FcQJzB6gTKoRLzjZgzD8Re-_lC9_1Ctqcv7Imwq0qasi2eNGN2GoTP0uIIW-x25e7Igb2NUnDkVot4Fhog6i6etT1SdUcEFb8phM_VF0dxDec/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.floatinglikebox span a{color: #808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href= https://www.facebook.com/KomputerSmpNegeri1Kadungora?ref=ts&fref=ts&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe></div></div>

NB : Ganti code warna merah dengan url fan page facebook anda..

4. Simpan HTML/JavaScript nya, dan selanjutnya menuju Template → Edit HTML lalu cari code </head>

NB : Biar lebih mudah mencarinya, copy code </head>, lalu pada kotak Edit HTML, click CTRL+F lalu paste code tersebut dan enter

5. Copy HTML dibawah ini tepat diatas tepat diatas code </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>

6. Setelah itu Simpan Templatenya
Kali ini saya akan memberitahu cara menambah Widget Recent Post - Posting Terbaru.. Langsung saja..

Berikut Langkah-langkahnya..
1. Masuk ke blogger anda..
2. Pilih Menu Tata Letak
3. Pada bagian Tata Letak, click Tambah Gadget..
4. Pada tampilan Tambah Gadget, Pilih HTML/JavaScript..
5. Copas Script dibawah ini kedalam tampilan HTML/JavaScript..


Jumat, 07 Maret 2014

Kumpulan Jam Buat Blog





Pastinya sahabat sudah login di blog
   - Pilih/Klik Tata Letak
   - Tambah Gadget
   - Pilih/Klik +HTML/javascript
   - Lalu masukan kode di bawah ini dengan mendownload dulu ok,



Twitter Terbang


Cara membuat burung Twitter terbang
1. Login ke Blog kalian
2. Masuk ke tataletak
3. Tambah gadget ---------> klik HTML
4. Masukan kode dibawah :

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://tateluproject.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzuumqaxPgd0ycr72ZYhB4FvK1P0klH2h3SPGQ_8mFhDTI33sdIMWaOoUmVHkzSxwinqOKO_nVEgd_1e-mDUMyQJVG7QlA74Oo-S_1BFn8pqBA48VtSTehnPkiCY5jsYKWCQRkcTaJO9o/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = " https://twitter.com/hadriekaazka";
var tweetThisText = "Twitter - UserID http://azkarayyan.blogspot.com/";
tripleflapInit();
</script>

Catatan :
Warna biru ganti dengan twitter kalian

Warna Merah menandakan warna burung biru langit dan  bisa diganti dengan warna burung lainnya seperti gambar dibawah, oh ya kalau kalian pingin rubah warna burungnya download dulu file trus gantikan kode yang berwarna merah tadi sama kode yang kalin download :


download di bawah