Pasang Burung Twitter di blog dengan Sejuta Efek Warna tidak hanya satu warna

Pernah dan sering lihat kan di blog tetangga burung Twitter terbang di blog? tapi versi kita beda atuh...!!
Disini Efek yang dihasilkan adalah sejuta warna, jadi sekali pasang Widget twitter dari cyberfrog ini sewaktu burung terbang akan berubah-ubah warna jadi tidak hanya satu warna saja...!!
Mau Bukti? pasang Kode berikut :

FULL WARNA VERSI-1

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiX9Aj86Oxh2Q6-asjmNnd4KQ2Q_66nXe2A_flqmjY8pWO9oiAP01pkCp-cY922LozagXvvixMkAvMOAdsh8TyN7kqNfAbKhi7GrSbCrYn-lysal6V0DYoZoMHD-UHXEFKcejNscjdzFo/s1600/Cyberfrog+full+colour+to+bloger+versi1.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

FULL WARNA OVERLOW VERSI-2

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib9AklU5lcY57Ss3thh4uvnpMw94coNW9ptOMx4Y-_gMnbKUCK4Iincb6AoP_dc9kvvrhw-CmBco8xWQpcQ0IlvWGxURi9Dr3qL4wcnRQOwS9OLnBVRD5xlKa0zZjBEwB-jxz7jLKup-4/s1600/Cyberfrog+full+colour+to+bloger+versi+overflow.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

FULL WARNA BORDERING VERSI-3

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieyekqph4flcUiCHaDjNsUeFRiGebOvoSeTMIXSYPG4OEy5_whAz49fHOKbe6h4VGJvZ8GhbClh6FkGYDOJCIX5kqcxlKPzejCXhiXtYTSDPuZg4wlMYpueWKPMD8on3OH5TBFyAriv-c/s1600/Cyberfrog+full+colour+to$2Bbloger+versi+2.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

KOMBINASI WARNA PUTIH

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAMMXsZug8kuIJIOFBteUsF_zgZB2IPAuOwLY77WFdIJxr9lcQovI2cNewiR-zagbBri9t3QU_aFUxRAa5VUHAfwezLOITfGuOrGlABIasDdAcqnoBA_8k_64XhLYJSOd7dsQLBbBB9WM/s1600/burung+twitter+putih+cyberfrogteam.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

KOMBINASI ACAK 1

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha5Q02q3eR_K32X08A9G5uoUHg82JlkpAcDjaqb9xXxJH0KTv8YKypnMXuHcokpR0VDGWwsHoIBXMLbnLKWeK7jW8JTgIW_VfRh2lVqCanEH6cTRmemlR0EnIoDdOJeWrsbpWvb2r1Q5M/s1600/versi+acak1.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

KOMBINASI ACAK 2

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicm2hMNKMUBcdQ-yYr9Vpc_MCFUW14duYvS2jPW_R-xff_Z2degQXgZ-L7i8wGKvHLoKuw987kJX_QmXERIiqcvfbbpmXffEhThFBWSjQxLYnMyzCiKNPbExu-e_0WaCOw9_wUvllA3Ig/s1600/versi+bunga2.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

BONUS VERSI BIASA (SATU WARNA)

WARNA HITAM

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH9xqBvnrV5AL7nCA3IiiXavK081K6mvfGlP3LXRPJbWk-OGxfwpt75EQLhu4ANtG2ahgYb68z3t72MOK_8opG5vynZuLQM4NQqPBBH1R9_4XvJUBZYsf3m_yBWgXq8Ev3yBDVQ0uHuwo/s1600/black+bird.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

WARNA PUTIH

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTHL6x_a9z-liqHTApLllfxbXlqYu6vbIV0OU7tk1AQzdIWstMORATBYnEANKrhTPPU_uLwTKY6suJ98WmrzLzOs57YmXgMLbTA6LTk7oPNWi_FxrWacPNN-vh05glVoj5yTvDFgdZJSg/s1600/white+bird.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

WARNA MERAH

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwsPEtt34NUcFmcyJQXdQmJxWbc5_1XOllIAO2SRbcvz3daH2D2KGdscJzufZzjjwbrrYgCxmklCaRd9TloJGjwjTVRiHXG2yEd_hX4Cd-oSAsbJfPgNh4aGuzqiXGG3Gzuxmu7VWAqaA/s1600/yellow+bird.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

WARNA KUNING

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwsPEtt34NUcFmcyJQXdQmJxWbc5_1XOllIAO2SRbcvz3daH2D2KGdscJzufZzjjwbrrYgCxmklCaRd9TloJGjwjTVRiHXG2yEd_hX4Cd-oSAsbJfPgNh4aGuzqiXGG3Gzuxmu7VWAqaA/s1600/yellow+bird.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

WARNA BIRU

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiTzMprm8_YPYmzA8ng-VCjdZp8QaXjcE0-8yTsEFx2irS9bXKJOW7ZgmeEz2DaR7eKAf4ZsTEhGAOH4T8aSRP-cqQBLkz05My7bYjOZl1wOOUpIAvZ12sqAzRP1Qby4qHliAs9AY30B8/s1600/Blue+bird.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

WARNA UNGU

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqS6sav5y0gDnMry84NmbVdtFgv5NWgeGmKHrP5p6pJrE9WHo9rcsqXu7m0CkSSRsbuYi3EV8ObluPF9e9uyRO9BgPC-VADONqO3lbhB7NhY896cyxoYQTOZ1RIh0eCvmCrP5JBpRlxLk/s1600/purple+bird.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

WARNA HIJAU

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite=" http:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyQB3QvNCO_lZ5KSNkPGlJ0Z0d9PxZ96XAtNY1LGNAdSHpDgDLH38wivno9-yIiRSWPKYdk8acyBkkYgOtm-LDdXptbaZ9jFmzF-KfOHuwoiPYyrLVsdCyoEJ3_2iW5cc-6jFztE5hnEc/s1600/Green+bird.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 = "http://twitter.com/cyberfrogteam";
var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/";
tripleflapInit();
</script>

Yang Warna Merah Ganti Dengan Url Twitter Kamu

 

Keterangan :

Letakkan Kode diatas di Tambahkan Gadget +Pilih HTML Javasript
Ganti warna merah dengan alamat Twitter Agan

Baca Selanjutnya »

Beri Komentar

Label: Trick Blog

Membuat Horizontal Menu Dropdown

kali ini saya akan memposting horizontal menu versi Technology Tower karena  tadi ada sobat blogger saya yang bertanya di fb bagaimana cara membuat horizontal menu dropdown, contohnya bisa kalian lihat sendiri di blog ini. Atau kamu bisa melihat gambar ini: 

langsung aja sob:

1. Masuk ke Rancangan Blogger>Edit HTML>Expand Template Widget

2. Cari kode <b:skin><![CDATA[ lalu pastekan kode dibawah ini sesudah kode <b:skin><![CDATA[

#menu-wrapper{color:#fff;width:100%;height:40px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbkxuKFNdoCCGPqNJv84RW6ZCNF40ApjU3ee7Ey8G2o7GwT4hDuN-hJqv5SuTZCSenWoD5gIsgG7HdxMcBrpQXuLcZ7ZXPz2Vk8LzilplSPMoqNV77xZrF1sOWTyxX8Tu6J2XXYR6SxQ/s1600/bgnav.png) repeat-x #1e1e1e;border-bottom:2px solid #007acc;border-top:1px solid #191919;box-shadow:0 0 8px #007acc;position:relative}
#menu{color:#fff;width:900px;height:40px;font-family:'Agency FB';font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 auto}
#menu ul{width:100%;height:auto;list-style:none;margin:0;padding:0}
#menu ul li{float:left;position:relative;width:110px;margin:0}
#menu ul li ul{position:relative;z-index:111;display:none}
#menu ul li ul li{width:100%;background:#0e0e0e}
#menu ul li a,.menu ul li a:visited{display:block;text-decoration:none;width:100%;height:40px;text-align:center;line-height:40px;overflow:hidden;color:#007acc}
#menu ul li:hover ul{display:block;position:absolute;top:40px;left:0;width:100%;border-bottom:1px solid #0a0a0a;border-right:1px solid #0a0a0a;border-left:1px solid #0a0a0a;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-left:-1px;box-shadow:0 8px 6px -6px #000}
#menu ul li:hover ul li ul{display:none}
#menu ul li:hover ul li a{display:block;color:#999;-webkit-transition:text-shadow .2s linear;-moz-transition:text-shadow .2s linear;-o-transition:text-shadow .2s linear;transition:text-shadow .2s linear}
.anditechno{background:transparent;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
.anditechno:hover{color:#fff;background:#000}

3. cari kode <body> lalu pastekan kode dibawah ini sesudah kode <body>

<div id='menu-wrapper'><div id='menu'><ul><li> <a class='anditechno' href='/'>Home</a>
</li>

<li><a class='anditechno' href='#' title=''>Techno Zone</a>

<ul><li><a href='http://andi-techno.blogspot.com/search/label/teknologi' title='Artikel Teknologi'>Berita Teknologi</a></li>

<li><a href='http://andi-techno.blogspot.com/search/label/gadget' title='All About Gadget'>Gadget</a></li>

<li><a href='http://andi-techno.blogspot.com/search/label/software' title='All About Software'>Software</a></li>

<li><a href='http://andi-techno.blogspot.com/search/label/mobile' title='All About Mobile/Handphone'>Mobile</a></li></ul></li>

<li><a class='anditechno' href='http://andi-techno.blogspot.com/search/label/unik' title='Artikel Aneh dan Unik'>Unik + Aneh</a></li>

<li><a class='anditechno' href='#' title=''>Social Media</a>

<ul><li><a href='http://andi-techno.blogspot.com/search/label/social%20media' title='All About Social Media'>Social Media Article</a></li>

<li><a href='http://andi-techno.blogspot.com/search/label/facebook' title='All About Tips and Trick Facebook'>Facebook</a></li></ul></li>

<li><a class='anditechno' href='http://andi-techno.blogspot.com/search/label/tips%20dan%20trik' title='All About Tips and Trick'>Tips and Trick</a></li>

<li><a class='anditechno' href='http://andi-techno.blogspot.com/search/label/artikel' title='Other Article'>Artikel</a></li></ul></div></div>

keterangan:
- kamu bisa mengganti kode berwarna hijau dan biru dengan url dan nama menu sesuai menu yang mau kamu masukkan
- kode berwarna biru adalah kode menu dropdown (menu yang dibawahnya akan keluar menu lain ketika disorot mouse)

4. oke, klik simpan template dan lihat hasilnya

selamat berkreasi :)

Baca Selanjutnya »

Beri Komentar

Label: Trick Blog

Cara Menampilkan Emoticon Yahoo Di Komentar Blog

  kali ini kita akan membahas tentang Cara Menampilkan Emoticon Yahoo Di Komentar Blog.Mungkin sobat sekalian pernah mengunjungi suatu blog yang pada kolom komentarnya terdapat emoticon,mungkin dari beberapa sobat sekalian belum mengetahui cara menampilkan emoticon yahoo di komentar blog.Caranya sangatlah mudah,sobat sekalian hanya membutuhkan beberapa menit saja untuk memasang emoticon di kolom komentar blog sobat.Kali ini kita akan menggunakan emoticon yahoo.tentu sobat tahu kan dengan emoticon yahoo?.Ayo tanpa panjang lebar lagi,langsung saja kita mulai.



Ikuti beberapa langkah berikut :
1.Login ke akun blogger sobat
2.Klik menu Template
3.Klik Edit HTML
4.Centang kotak Expand Template Widget
5.Cari Kode </body>
6.Masukan kode berikut,tepat di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://andreykusanagi.googlecode.com/files/yahookusanagi.js' type='text/javascript'/>
</b:if>

7.Setelah itu cari kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>
8.Jika sudah ketemu,
   masukan kode berikut di bawah kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>

<div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'>
  <b>
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/>;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>;;)
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;)
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:((
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/>:-/
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:|
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/>8-}
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:)]
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>~x(
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-t
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>x(
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif' width='28'/>:-p
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
  </b>
  </div>

9.Klik Save Template
10 Selesai

Bagi Sobat yang menggunakan tampilan antarmuka blogger byang lama,silahkan ikuti beberapa langkah berikut :
1.Login ke akun blogger sobat
2.Klik menu RANCANGAN
3.Klik Edit HTML
4.Centang kotak Expand Template Widget
5.Cari Kode </body>
6.Masukan kode berikut,tepat di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://andreykusanagi.googlecode.com/files/yahookusanagi.js' type='text/javascript'/>
</b:if>

7.Setelah itu cari kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>
8.Jika sudah ketemu,
   masukan kode berikut di bawah kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>

<div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'>
  <b>
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/>:))
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/>;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/>;;)
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/>:D
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/>;)
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/>:p
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/>:((
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/>:)
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/>:(
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/>:X
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/>=((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/>:-o
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/>:-/
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/>:-*
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/>:|
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/>8-}
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/>:)]
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/>~x(
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/>:-t
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/>b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/>:-L
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/>x(
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif' width='28'/>:-p
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
  </b>
  </div>

9.Klik SIMPAN
10 Selesai

TINGGALKAN KOMENTAR YA ^_^

Baca Selanjutnya »

1 Comment

Label: Trick Blog

Cara Memasang Widget CCTV di Blog

kali ini saya akan posting tentang Cara Memasang Widget CCTV di Blog

Saat browsing saya menemukan blog dengan widget yang unik yaitu ada CCTV di kanan atas halamannya,  langsung pengen saya. Kemudian setelah cari tau caranya ternyata ada script nya sendiri. Nah langsung saja begini cara masangnya :

• Login ke Blog
• Buka template, "Edit HTML"
• kemudian tambahkan script di bawah <head>

<script language="JavaScript" src="http://mufid-cheater.xtgem.com/CCTV.txt" type="text/javascript"> </script> <script language="JavaScript"
type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9n282IWE5mQxUZQLE3rdO5ZoVmcNX01i3j7GeU5zpakZnQqcV__bhEZGkrpB_1tlngR1madfCwfEj5WVncI7dL49dHEg_YfWCU4hOiO19CzMTZbWHP_Hzcj4ebBxTmo1PbkcJOYuUsc/s1600/cctv.gif")</script>

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx9n282IWE5mQxUZQLE3rdO5ZoVmcNX01i3j7GeU5zpakZnQqcV__bhEZGkrpB_1tlngR1madfCwfEj5WVncI7dL49dHEg_YfWCU4hOiO19CzMTZbWHP_Hzcj4ebBxTmo1PbkcJOYuUsc/s1600/cctv.gif :bisa kalian ganti dengan url gambar lain jadi tak hanya kamera CCTV saja
 
TINGGALKAN KOMENTAR  ^_^

Baca Selanjutnya »

Beri Komentar

Label: Trick Blog

Cara Membuat Efek Kembang Api Di Blog

kali ini kita akan membahas tentang Cara Membuat Efek Kembang Api Di Blog.Bagi teman-teman yang ingin mempercantik tampilan blog sobat agar lebih menarik,bisa mencoba trik berikut.Cara membuat efek kembang api di blog tidaklah terlalu sulit,sobat sekalian hanya tinggal mengikuti beberapa langkah yang akan saya jelaskan di bawah ini.Ayo langsung saja kita mulai memasang efek kembang api di blog.Perhatikan langkah-langkah di bawah ini

 Cara Membuat Efek Kembang Api Di Blog

1.Login ke akun blogger sobat
2.Klik menu TEMPLATE
3.Klik menu EDIT HTML
4.Kemudian cari kode   </body>
jika sobat menggunakan browser mozila firefox,tekan Ctrl+F agar mudah mencari kode di atas.
5.Jika sudah ketemu masukan kode script di bawah ini tepat di atas kode </body>

<script language="javascript" src="http://andreykusanagi.googlecode.com/files/kembangapi.js"></script> 

6.Klik SIMPAN
7.Selesai

              TINGGALKAN KOMENTAR YA ^_^

Baca Selanjutnya »

Beri Komentar

Label: Trick Blog

Tampilan Cursor Blog Menarik

kali ini saya akan membagikan Tampilan Cursor Blog Menarik.Pada postingan sebelumnya kita telah membahas tentang Cara Merubah Tampilan Cursor Di Blog.Seperti dengan judul di atas,saya akan membagikan kumpulan tampilan cursor keren di blog.Silahkan sobat sekalian Pilih Tampilan Cursor yang sesuai dengan selera sobat masing-masing.

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_cur1027.gif"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_sym144.gif"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_hol512.gif"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_oth829.gif"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_sym142.gif"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_nat1000.png"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_oth561.png"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_cur1016.gif"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_hol268.gif"), auto;} </style> <br>

<style type="text/css"> HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/th_spe114.gif"), auto;} </style> <br>

Cara Memasangnya ke blog sangatlah mudah,ikuti beberapa langkah berikut.
1.Login ke akun blogger
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik HTML/Javascript
5.Masukan kode css cursor yang sobat inginkan
6.Klik Simpan
7.Selesai

                            Tinggalkan Komentar ya Selamat Mencoba ^_^

Baca Selanjutnya »

Beri Komentar

Label: Trick Blog

Beberapa Cara Meringankan Blog Yang Berat

1.Compress CCS

Compress CCS Adalah Salah Satu Langkah Untuk Meringankan Blog Anda Saya Akan Memberitahu Cara Compress CCS Secara Auto Berikut Caranya :

-Login Ke Blog Anda

-BackUp Template ( Untuk Keamanan )

-Pergi Ke Web Speed Check Untuk Menghitung Berat Blog Anda

-Masukan Url Blog Kamu Ke Kolom Itu Dan Isi Box Berikutnya

-Lalu Copy CCS Setelah Kode <b:skin><![CDATA[ Hingga Sebelum Kode ]]></b:skin> Gak Ngerti?

Maksud Saya Gini Copy Kode <b:skin><![CDATA[ Setelah Kode Yang Ada Di Samping Itu Hingga Sebelum Kode]]></b:skin>

-Sudah Tau Berat Blogmu Ayo Kita Mulai Compress

-Pergi Ke CCS Compress

-Nah Tuhkan Ada Pengaturan Kamu Pilih Seperti Di Bawah Ini

Compression Mode: (?)
Kamu Pilih Normal

Comment Hadling: (?)
Kamu Pilih Don't Strip Any Comment

-Sudah Di Copy Dan Sudah Di Setting
-Lalu Tekan Tombol Compress-It! Itu
-Sudah Tuhkan Ada Kolom Lalu Copy Code Itu Yang Lama Ganti Aja Dengan CCS Yang Sudah Di Compress Itu
-Lalu Simpan Dech

2.Gunakanlah Jasa CCS3 Generator
Menggunakan CCS3 Generator Lalu Anda Pilih Border Radius Lalu Masukan Angka Pada Kolom Kolom Tersebut Lalu Copy Kode Yang Ada Di Blokquote Tersebut Untuk Mengatur Radius Border Anda Dari Pada Menggunakan Kode Dibawah Ini

border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border:2px solid #fff;

Lebih Baik Pakai Code Hasil Dari Jasa CCS3 Generator Kan Diatas Itu tidak Menggunakan CCS3 Generator Sedangkan Yang Di Bawah Ini Menggunakan CCS3 Generator

-webkit-border-radius: 0px 20px 0px 20px;border-radius: 0px 20px 0px 20px;
border:2px solid #fff;

Anda Bisa Menggambil Kesimpulan Bukan Jika Lebih Pendek Menggunakan Jasa CCS3 Generator Di Timbang Tidak Menggunakan Jasa CCS3 Generator Berikut Url CCS3 Generator : http://css3generator.com/

Baca Selanjutnya »

Beri Komentar

Label: Trick Blog