kelelawar terbang

gimn sich cara memasang widget kelelawar terbang pada blog kita,..
hmm...gampang kok,.ikuti aja cara tutorialnya di bawah ini,..

• login akun blog anda......pastinya bro....
• klik tata letak / layout
• klik tambah gadget
• klik HTML / Javascript
• copas aja kodenya di bawahh,..

 <script language='JavaScript'>
    var no = 7;
    var speed = 5;
    var snowflake = "http://i634.photobucket.com/albums/uu66/oktri_2009/kampret.gif";
    </script>
    <script language='JavaScript' src='http://jmkjs.googlecode.com/files/Gambar%20Jatuh.js'/></script>

• klik simpan / save
• semoga bermanfaat bro,...

terima kaih atas kunjunganya,semoga membantu,baca juga posting yang lainya ,zahra mutiara ramadhani,wassalam

cara memasang recent post berjalan ke bawah di blog

cara memasang recent post berjalan ke bawah di blog

tips,..cara membuat recent post berjalan ke bawah secara otomatis,..
ini salah satu artikel yg menarik buat saya dan buat para blogger lainnya juga,..
recent post atau artikel terkini dapat memberikan informasi tentang postingan anda  
yg berbeda,..sehingga menampilkan artikel/postingan yg berderetan ke bawah,..
dan satu persatu mencul secara otomatis,..
ok,..langsung aja yuk menuju ke TKP,...

• buka akun blog anda
• pilih Tata letak / Layout
• klik Tambah Gadget
• klik HTML / Javascript
• copas kode di bawah ini

<script src="https://sites.google.com/site/unwanted86/javascript/recentpost.js" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 5; var numchars = 0; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script> </ul> <small><a href="http://cekether.blogspot.com/" target="_blank"></a></small>

• klik Simpan / Save
• selesai

catatan
ganti tulisan yg warna merah dengan URL blog anda,..

'' sekian dan selamat mencoba ,..'' SUKSES "

   WASSALAM,..

cara membuat artikel terkait dgn gambar ( related post thumbnail ) di blog

cara membuat artikel terkait dgn gambar (related post thumbnail ) di blog

membuat artikel terkait dengan gambar '' related post thumbnail ''...
salah satu artikel,..yg di padukan dengan gambar/image atau tulisan,..
yg menarik di lihat dan juga gampang di ketahui oleh para pengunjung,..
krn,,bentuk judul artikelnya yg besar,..jadi,..perlulah juga kita bikin artikel ini,.
ok,..nggak usah berlama-lama lagi,..yuk simak sama-sama,..berikut ini,..

• buka akun blog anda
• pilih Template
• klik Edit HTML
• centang Expand Widget Template
• cari kode ini </head>
• dan copas kode di bawah ini, tepat diatas kode ini </head>

<!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.3em; font-weight: bold; color: #000000; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:#000000; } #related-posts a:hover{ color:#000000; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://eflianda-blogzzz.googlecode.com/files/relatedthumbs.js' type='text/javascript'/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End-->

selanjutnya cari kode di bawah ini,..

<div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'/>

jika kamu sudah menemukan salah satu kode tersebut,..

silahkan copas kode di bawah ini, tepat diatas salah satu kode tersebut,..

<!-- Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var currentposturl="<data:post.url/>"; var maxresults=5; var relatedpoststitle="Baca juga Artikel Terkait yang mungkin kamu cari"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div> <div style='clear:both'/> </b:if> <!-- Related Posts with Thumbnails Code End-->

jika anda sudah memasang kode scriptnya semua,..

silahkan klik '' pratinjau '' dulu,..sapa tau salah satu kode scriptnya ada yg error,..

jika,..nggak ada masalah kode scriptnya,..silahkan klik aja '' simpan '',..

dan lihatlah kembali blog anda,..

catatan

silahkan ganti yg warna merah var maxresults=5;

untuk jumlah artikel yg ingin anda tampilkan,..

'' sekian dan terima kasih,..selamat mencoba,.''

   WASSALAM...

cara memasang menu vertikal floating slide out di blog

cara memasang menu vertikal floating slide out di blog

pada kesempatan ini saya akan mengajarkan
 gimn cara membuat menu vertikal floating slide out,..
yg akan muncul di samping kiri blog anda nantinya,..
dan selain itu menu ini,.ketika cursor di gerakkan,.
dengan mouse pointer akan muncul dgn sendirinya,.tanpa di klik,..
lihat gambar ini di bawah ini,.
yg nantinya akan mucul di samping blog anda,..

ok,..nggak usah berlama-lama lagi,..mari kita simak sama'' berikut ini,..

• buka akun blogger anda
• pilih Template / Rancangan
• klik Edit HTML
• centang Expand Widget Templates
• cari kode ini ]]></b:skin>
• dan copy kode script di bawah ini ,tepat di bawah kode ini ]]></b:skin>

<style type="text/css"> ul#navigation{position:fixed;margin:0px;padding:0px;top:100px;left:0px;list-style:none;z-index:9999;} ul#navigation li{width:100px;padding:0;margin:0;} ul#navigation li a{display:block;margin-left:-2px;width:100px;height:50px;background-color:rgba(0,0,0,.5);background-repeat:no-repeat;background-position:center;border:1px solid #afafaf;-moz-border-radius:0 10px 10px 0px;-webkit-border-bottom-right-radius:10px;-webkit-border-top-right-radius:10px;-khtml-border-bottom-right-radius:10px;-khtml-border-top-right-radius:10px;-moz-box-shadow:0 4px 3px #000;-webkit-box-shadow:0 4px 3px #000;opacity:0.6;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);} ul#navigation .home a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-ewPh0JYp85MvRJWgHwyef4jeM0v4a8ODI2Huuy0ICB4ZIaMGdTPASH1xGYQ8KE7NL-5rc1f8Rh5LRk83YS8JMiY97Lb0hZlrtZxxrFJ2RxfUyWEd-elKNGjNckQQBVlqNz8mlymqM_P/s1600/sprite-icons.png);background-position: 25px -100px;} ul#navigation .dashboard a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-ewPh0JYp85MvRJWgHwyef4jeM0v4a8ODI2Huuy0ICB4ZIaMGdTPASH1xGYQ8KE7NL-5rc1f8Rh5LRk83YS8JMiY97Lb0hZlrtZxxrFJ2RxfUyWEd-elKNGjNckQQBVlqNz8mlymqM_P/s1600/sprite-icons.png);background-position: 25px -200px;} ul#navigation .follow a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-ewPh0JYp85MvRJWgHwyef4jeM0v4a8ODI2Huuy0ICB4ZIaMGdTPASH1xGYQ8KE7NL-5rc1f8Rh5LRk83YS8JMiY97Lb0hZlrtZxxrFJ2RxfUyWEd-elKNGjNckQQBVlqNz8mlymqM_P/s1600/sprite-icons.png);background-position: 25px -0px;} ul#navigation .link a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-ewPh0JYp85MvRJWgHwyef4jeM0v4a8ODI2Huuy0ICB4ZIaMGdTPASH1xGYQ8KE7NL-5rc1f8Rh5LRk83YS8JMiY97Lb0hZlrtZxxrFJ2RxfUyWEd-elKNGjNckQQBVlqNz8mlymqM_P/s1600/sprite-icons.png);background-position: 25px -50px;} ul#navigation .folder a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-ewPh0JYp85MvRJWgHwyef4jeM0v4a8ODI2Huuy0ICB4ZIaMGdTPASH1xGYQ8KE7NL-5rc1f8Rh5LRk83YS8JMiY97Lb0hZlrtZxxrFJ2RxfUyWEd-elKNGjNckQQBVlqNz8mlymqM_P/s1600/sprite-icons.png);background-position: 25px -150px;} ul#navigation .guestbook a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-ewPh0JYp85MvRJWgHwyef4jeM0v4a8ODI2Huuy0ICB4ZIaMGdTPASH1xGYQ8KE7NL-5rc1f8Rh5LRk83YS8JMiY97Lb0hZlrtZxxrFJ2RxfUyWEd-elKNGjNckQQBVlqNz8mlymqM_P/s1600/sprite-icons.png);background-position: 25px -300px;} ul#navigation .rss a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9-ewPh0JYp85MvRJWgHwyef4jeM0v4a8ODI2Huuy0ICB4ZIaMGdTPASH1xGYQ8KE7NL-5rc1f8Rh5LRk83YS8JMiY97Lb0hZlrtZxxrFJ2RxfUyWEd-elKNGjNckQQBVlqNz8mlymqM_P/s1600/sprite-icons.png);background-position: 25px -250px;} </style>

• kemudian cari kode ini </head>
• dan copy kode script di bawah ini , tepat diatas kode ini </head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script> <script type="text/javascript"> $(function(){$('#navigation a').stop().animate({'marginLeft':'-85px'},1000);$('#navigation > li').hover(function(){$('a',$(this)).stop().animate({'marginLeft':'-2px'},200)},function(){$('a',$(this)).stop().animate({'marginLeft':'-85px'},200)})}); </script>

• jika selesai,..silahkan anda klik Simpan Template / Save

          nah,..langkah selanjutnya ikuti persyaratannya berikut ini,..

• pilih Tata Letak / Layout
• klik Tambah Gadget
• klik HTML / Javascript
• copas kode script di bawah ini

<ul id="navigation"> <li class="home"><a href="http://cekether.blogspot.com" title="Home"></a></li> <li class="follow"><a href="http://cekether.blogspot.com" title="Follow"></a></li> <li class="link"><a href="http://cekether.blogspot.com" title="Links Exchange"></a></li> <li class="folder"><a href="http://cekether.blogspot.com" title="Sitemap"></a></li> <li class="guestbook"><a href="http://cekether.blogspot.com" title="Guest Book"></a></li> <li class="rss"><a href="http://cekether.blogspot.com" title="RSS Feeds"></a></li> <li class="dashboard"><a href="http://cekether.blogspot.com" title="Dashboard"></a></li> </ul>

   

'' catatan ''
   ganti warna merah dengan URL anda,..sesuai menu yg anda ingin kan,..good luck,..

• klik Simpan / Save
• selesai,..
• terakhir,..silahkan buka blog anda dan lihatlah hasilnya,..

       '' sekian dan terima kasih,..selamat mencoba,.sob..''

          W AS  S A L A M . . .

cara memasang bubble cursor/gelembung di blog

cara memasang bubble cursor/gelembung di blog

tips saya hari ini ,
 membuat bubble cursor atau
cursor yg mengeluarkan gelembung ketika,..
cursor di gerakkan dgn mouse pointer,..
jika anda berminat membuatnya juga,..
silahkan ikuti langkah berikut ini,..

• buka akun blog anda
• pilih Tata letak / Layout
• klik Tambah Gadget
• klik HTML / Javascript
• copas kode di bawah ini,..

<script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/bubblecursor.js"></script><script type="text/javascript"> // <![CDATA[ var colours=new Array("#0066FF", "#0066FF", "#0066FF", "#0066FF", "#0066FF"); // colours for top, right, bottom and left borders and background of bubbles var bubbles=100; // maximum number of bubbles on screen /**************************** * JavaScript Bubble Cursor * * (c) 2010 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var bubb=new Array(); var bubbx=new Array(); var bubby=new Array(); var bubbs=new Array(); window.onload=function() { if (document.getElementById) { var rats, div; for (var i=0; i<bubbles; i++) { rats=createDiv("3px", "3px"); rats.style.visibility="hidden"; div=createDiv("auto", "auto"); rats.appendChild(div); div=div.style; div.top="1px"; div.left="0px"; div.bottom="1px"; div.right="0px"; div.borderLeft="1px solid "+colours[3]; div.borderRight="1px solid "+colours[1]; div=createDiv("auto", "auto"); rats.appendChild(div); div=div.style; div.top="0px"; div.left="1px"; div.right="1px"; div.bottom="0px" div.borderTop="1px solid "+colours[0]; div.borderBottom="1px solid "+colours[2]; div=createDiv("auto", "auto"); rats.appendChild(div); div=div.style; div.left="1px"; div.right="1px"; div.bottom="1px"; div.top="1px"; div.backgroundColor=colours[4]; div.opacity=0.5; if (document.all) div.filter="alpha(opacity=50)"; document.body.appendChild(rats); bubb[i]=rats.style; } set_scroll(); set_width(); bubble(); }} function bubble() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<bubbles; c++) if (!bubby[c]) { bubb[c].left=(bubbx[c]=x)+"px"; bubb[c].top=(bubby[c]=y)+"px"; bubb[c].width="3px"; bubb[c].height="3px" bubb[c].visibility="visible"; bubbs[c]=3; break; } } for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c); setTimeout("bubble()", 40); } function update_bubb(i) { if (bubby[i]) { bubby[i]-=bubbs[i]/2+i%2; bubbx[i]+=(i%5-2)/5; if (bubby[i]>sdown && bubbx[i]>0) { if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) { bubb[i].width=bubbs[i]+"px"; bubb[i].height=bubbs[i]+"px"; } bubb[i].top=bubby[i]+"px"; bubb[i].left=bubbx[i]+"px"; } else { bubb[i].visibility="hidden"; bubby[i]=0; return; } } } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sleft; x=(e)?e.pageX:event.x+sdown; } window.onresize=set_width; function set_width() { if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (typeof(self.innerHeight)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } else { swide=800; shigh=600; } } window.onscroll=set_scroll; function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height; div.style.width=width; div.style.overflow="hidden"; return (div); } // ]]> </script>

• klik Simpan / Save
• selesai

'' selamat mencoba coy '

cara memasang scrollbar pada arsip blog di blogspot

cara memasang scrollbar pada arsip blog di blogspot

setelah melihat-lihat hasil artikel / postingan saya kok nggak ada scrollbar-nya yaa,.
trus, membuat setiap artikel saya tambah panjang kebawah,..waduhh,..
dan saya ada niat untuk membuat scrollbar-nya,..menjadi praktis dan menghemat,..
setiap mau membuat judul artikel/postingan ku,..di arsip blog saya,..
ok,..deh,.nggak usah berlama-lama lagi,..mari kita saksikan sama''sob,.

• buka akun blogger sobat
• pilih Template
• klik Edit HTML
• centang Expand Widget Templates
• cari kode ini <div id='ArchiveList'> 

untuk memudahkan pencarian kode tersebut tekan aja Ctrl+f atau f3

kemudian,.silahkan copy kode di bawah ini,.tepat diatas kode ini  <div id='ArchiveList'>

<div style='overflow:auto; width:ancho; height:100px;'>

kemudian,.tambahkan lagi kode ini </div> diatas kode ini <b:include name='quickedit'/>

klo belum jelas lagi,.silahkan lihat model javascript di bawah ini,..

<div style='overflow:auto; width:ancho; height:100px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>

nah,..klo sobat sudah yakin sama persis kode javascript diatas,..

yg ada di dalam Expand Widget Templates di blog sobat,..

silahkan langsung saja di klik simpan templates / save

'' ok,..terima kasih dan selamat mencoba sob ''

   W A S S A L A M . . .

  

   

cara memasang widget fanspage facebook tersembunyi di samping kanan blog

cara memasang widget fanspage facebook tersembunyi di samping kanan blog

tips tata cara memasang widget fanspage facebook
 yg tersembunyi di samping kanan blog,.
dan tanpa di klik akan muncul sendirinya,..
dan nggak salah juga kita mengvariasikannya,..
di blog,..supaya lebih menarik dan nggak bosan,.
saat pengunjung melihat blog kita,..
ok,..langsung aja yuk menuju ke TKP,..

• buka akun blogger sobat
• pilih Template 
• Edit HTML
• centang Expand Widget Templates
• cari kode ini </head> 

untuk memudahkan pencarian,..silahkan tekan Ctrl+f atau f3

silahkan copy kode di bawah ini tepat diatas kode ini  </head>

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

•  klik simpan / save
• selesai

langkah kedua

• pilih Tata letak / Layout
• klik Tambah Gadget
• klik HTML / Javascript
• copy kode di bawah ini

<script type="text/javascript"> //<!-- $(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); //--> </script> <style type="text/css"> .w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .w2bslikebox div{border:none;position:relative;display:block;} .w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .w2bslikebox span a{color: #808080;text-decoration:none;} .w2bslikebox span a:hover{text-decoration:underline;} </style><div class="w2bslikebox" style=""> <div> <iframe src="http://www.facebook.com/plugins/likebox.php?href=LETAKKAN URL PAGE ANDA DI SINI&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=330" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; height: 330px; width: 245px;background:#fff;"></iframe><span><a href="http://zootodays.blogspot.com/2012/04/cara-memasang-widget-like-fanspage.html">Click this</a></span></div> </div>

sebelum di simpan/save,..

silahkan sobat ganti yg berwarna merah LETAKKAN URL PAGE ANDA DI SINI

dengan URL halaman fanspage sobat,..

• klik simpan save
• selesai

'' selamat mencoba '' 

   wassalam,..  

cara memasang sumber link otomatis saat artikel/postingan di COPY-PASTE

cara memasang sumber link otomatis saat artikel/postingan di COPY-PASTE

udah jadi buah bibir di dunia maya dan di kalangan para blogger,...
jadi,..berhati-hatilah,..ketika para pengunjung hendak meng-copas artikel kita,..
yg nggak ada kerjaannya,..hehehe,..sama kok sama saya,..suka meng-copas juga,..upss..
tapi nggak ada salahnya juga kok klo kita berbagi ilmu,..sesama manusia,..
tuhan kan juga menyuruh kita saling berbagi ilmu sesama manusia,..hehehe
jadi,..ikatan silaturahmi kita akan tetap terjaga,..ahh,.kayak orang ceramah aja,..loe,.
ok,..nggak usah berbasa-basi lagi,, mari kita simak aja sama-sama,... 

buka akun blog sobat

pilih Template

Edit HTML

centang Expand Widget Templates

cari kode ini </body> 

untuk memudahkan pencarian kode tersebut,.tekan aja Ctrl+f atau f3
silahkan copy kode di bawah ini ,. tepat diatas kode ini </body>


<span style="font-size: x-small;"></span>  <span style="font-family: Georgia, 'Times New Roman', Times, serif;"><script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script></span><br />

• klik simpan / save
• selesai

'' thanks sob,..selamat mencoba,..''

   wasaalaam,...

   catatan
   silahkan coba copy artikel blog anda sendiri,..dan pastekan misalnya di notepad,..
   klo berhasil,..maka di bawahnya ada tulisan sumber URL blog anda sendiri.,.

  

cara memasang facebook like button di blog

cara memasang facebook like button di blog

trick cara memasang like button ini,.nggak jauh beda dgn cara pasang like box,..di blog
jadi seratus persen cara pasangnya sama,...tanpa basa-basi dan tanpa banyak ngomong lagi,..
mari kita simak bersama-sama,..berikut ini,..

• buka situs ini klck di sini
• kemudian klik '' like button ''
• kemudian masukkan  URL fans page sobat 
• kemudian klik '' Get Code ''

          lihat aja gambar di bawah ini,..

  

- nah,..setelah sobat udah meng-klik '' Get Codenya '' maka akan muncul seperti ini,..

-  silahkan copas kodenya dan buka blogger sobat

• buka akun blog sobat
• klik Tata Letak / Layout
• klik Tambah Gadget
• klik HTML / Javascript
• klik Simpan / Save
• selesai deh,..

'' sekian dan terima kasih sobat,.''

  wassalam,..

cara memasang jam dan kalender di blog

cara memasang jam dan kalender di blog

tips untuk kali ini,..memasang dan menambahkan jam / kalender pada blog sobat,..
apakah sobat udah tau cara memasangnya,..klo sobat belum tau,..
ok,..mari kita sama'' simak berikut ini,..

• untuk pemasangan jam di blog

- buka situs ini klick di sini
- pilih salah satu menu sidebar-nya di kiri dan pilih jam kesukaan sobat,..

- kemudian klik '' View HTML Tag ''

- kemudian klik lagi '' Accept ''

- trus,.akan keluar pengaturan warna , pengaturan ukuran jam , pengaturan nama kota,.
   dan pengaturan negara,..terserah sobat aturlah sesuka mu,..

- terakhir,..copas kode-nya seperti contoh di bawah,.ini

- nah,..terserah sobat mau taruh kode-nya dimana,..apakah mau di taruh artikel sobat yg sudah ada,..
   atau mau bikin artikel yg baru,..trus taruh disitu,..terserah sobat deh,..
   ok,..selamat mencoba sob,..'' sekian and terima kasih ''

------------------------------------------------------------------------------------------------------

• untuk pemasangan kalender di blog

- buka situs ini klick di sini

- kemudian pilih salah satu menu yg sobat sukai,..lihat cntoh di bawah ini,.

- setelah sobat sudah memilih salah satu menu kalender tersebut,..
   akan muncul gambar seperti di bawah ini,..

  
- nah,..silahkan sobat copas kode-nya yg ada di bawah kalender tsb,..lihat contoh ini,.

- nah,..terserah sobat mau taruh kode-nya dimana,..apakah mau di taruh artikel sobat yg sudah ada,..
   atau mau bikin artikel yg baru,..trus taruh disitu,..terserah sobat deh,..
   ok,..selamat mencoba sob,..'' sekian and terima kasih ''

    W A S S A L A M . . .

cara memasang efek suara meteor jatuh di blog

cara memasang efek suara meteor jatuh di blog

apakah di blog sobat pernah terdengar suara bom atau meteor gitu,..
klo sobat belum pernah dengar,..kali ini saya akan mengajarkannya,.
gimn cara memasang efek suara bom di blog sobat,..
ok,..persyaratannya di bawah ini,..

• buka akun blogger sobat
• pilih Tata Letak / Layout
• klik Tambah Gadget
• klik HTML / Javascript

nah,..silahkan sobat copas kode di bawah ini,..

<script language="javascript"> nd_mode="meteor"; nd_sound="on"; nd_vAlign="bottom"; nd_hAlign="right"; nd_vMargin="10"; nd_hMargin="10"; nd_target="_top"; </script> <script language="javascript" src="https://sites.google.com/site/bloggerbondowosoblogspotcom/js/meteor.js"> </script>

•  klik Simpan / Save
• selesai

catatan
sobat,..cara diatas sangatlah memperlambat loading blog sobat,..
jadi,.terserah sobat saja,..apakah mau di coba atau tidak sama sekali,..
oleh,.krn itu saya ingin meng-posting artikel ini saja kok,..
yaa,..cuma mau nambah ilmu aja sob,..

'' sekian dulu sob,..semoga bermanfaat yaa,..''

  wassalam,..

cara memsang '' like facebook '' pada blog

cara memasang '' like facebook '' pada blog

tips ini sangatlah mudah untuk memasang di artikel blog sobat,..
dan nggak ribet,..cuma butuh waktu,.beberapa detik aja,..sobat penasaran,.
ok,..kali ini saya berikan tips,..gimn cara memasang like facebook di blog sobat,..
langsung aja menuju ke TKP,.di bawah ini,.

• buka akun blogger sobat
• pilih Template
• klik Edit HTML
• beri centang pada Expand Widget Templates

nah,..sobat harus cari kode ini <data:post.body/> atau <p><data:post.body/></p>
untuk memudahkan pencarian tekan Ctrl +F aja,..

copy kode di bawah ini,..
 tepat di bawah kode ini <data:post.body/> atau <p><data:post.body/></p>

<!-- AddThis Button BEGIN -->
<DIV class='addthis_toolbox addthis_default_style'>
<A class='addthis_button_facebook_like' fb:like:layout='button_count' rel='nofollow'/>
</DIV>
<SCRIPT src='http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cd416420e08d4aa' type='text/javascript'/>
<!-- AddThis Button END -->

ok,..sekian dulu dari tips sederhana ini,..mudah''an bermanfaat sob,.''

wassalam,..