membuat blog

  Membuat buku tamu

1.      Daftar dulu di cbox.ws lalu setelah login klik pubish buat liat code html

2.      Kemudian buka widget dan pilih html

3.      Kemudian paste kan code ini


 

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho2DSBmjPNWwpZkLZ2cK2VLIVy7opd-mMhxMUNrbX0k2YG8lFx0rTd95PQFHzWh08FheyDC08KCbugMbSX7vDwbaEVi8FcrVlOhQue2rD96oWpXdPHzelV4ow6Dn0LYMErlpDI3qYTwKA/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">

 

4.      Lalu copy kan lagi code yang kita dapat pada situs cbox tepat dibawahnya

<!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=659211&amp;boxtag=a4r8qv&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-659211" style="border:#FFFFFF 1px solid;" id="cboxmain7-659211"></iframe></div> <div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=659211&amp;boxtag=a4r8qv&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-659211" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform7-659211"></iframe></div> </div> <!-- END CBOX -->

 

5.      Lalu paste lagi code ini tepat dibawahnya lalu tekan save

<div style="text-align:right"> <a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()"> [Tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

 

    Mengganti cursor pada blog

1. buka tamplate lalu design

       2. klik edit HTML lalu centang kotak Expand Template Widget

       3. Lalu klik ctrl+f baru tulis </head>

       4. setelah ketemu paste kan code berikut diatasnya

<style type="text/css">body, a, a:hover {cursor: url(http://cur.cursors-4u.net/games/gam-14/gam1324.cur), progress;}</style><a href="http://www.cursors-4u.com/cursor/2011/10/14/angry-birds-15.html" target="_blank" title="Angry Birds"><img src="http://cursors-4u.com/cursor.png" border="0" alt="Angry Birds" style="position:absolute; top: 0px; right: 0px;" /></a>

 

    Membuat Jam Pada Blog

1.      Buka clocklink

2.      Lalu pilih model yang diinginkan dan serer akan memberikan code HTML

3.      BUka tata letak lalu pilih widget

4.      Setelah itu klik HTML / javascrift

5.      Lalu pastekan kode berikut jangan lupa beri judul lalu tekan save

<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5012-black.swf";obj.TimeZone="PST";obj.width=91;obj.height=30;obj.wmode="transparent";showClock(obj);</script>

 

         Membuat hamster pada blog

1.      Buka tata letak

2.      Klik widget lalu pilih HTML / javascrift

3.      Pastekan kode berikut lalu beri judul dan tekan save

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" width="300" height="225"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param></object>

    

         Membuat box follower

1.      Buka tata letak

2.      Klik widget lalu pilih ‘ HTML / javascrift’

3.      Paste kan kode berikut dan dapat di beri judul lalu klik save

<start twitter fan box –><script type="text/javascript" src="https://sites.google.com/site/multipaste1/initwitter.js?attredirects=0=1"></script><div id="twitterfanbox"><script type="text/javascript">fanbox_init("yudhaa_f");</script type="text></div id="twitterfanbox"><div style=”font-size:8px;”> <a href='http://multipaste.blogspot.com/'>Twitter Followers Box</a></div> <!– end twitter fan box –></!–></start>

 

         Menambahkan jumlah pengunjung online blog Kita

1.      Buka Tata letak

2.      Klik widget lalu pilih ‘ HTML / javascrift’

3.      Pastekan kode berikut lalu klik save

<script id="_wau056">var _wau = _wau || [];_wau.push(["tab", "l2bgw39x616h", "056", "left-middle"]);(function(){vars=document.createElement("script");s.async=true;s.src="http://widgets.amung.us/tab.js";document.getElementsByTagName("head")[0].appendChild(s);})();</script>

 

         Menambah kan lagu untuk blog

1.      Buka soundcloud lalu piih lagu yang kita ingin kan

2.      Lalu klik share, copy code html yang diberikan

3.      Buka tata letak

4.      Klik widget lalu pilih html / javascrift lalu pastekan kode berikut

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F55424629?"></iframe>

 

         Membuat judul blog bergerak ditab browser

1.      Masuk Ke Rancangan >Edit Html

2.      Back-up Lah Template Anda Terlebih Dahulu Untuk Menghindari kemungkinan Terburuk

3.       Centang Expand Widget Template

4.      Cari Code <title><data:blog.pageTitle/></title> (Gunakan Ctrl+F Atau F3 Untuk Memudahkan Pencarian)

5.       Jika Sudah Ketemu, Paste Code Di Bawah Ini Tepat Di Bawah Code <title><data:blog.pageTitle/></title>

<script language="JavaScript"> var txt=".::Selamat Datang di blog ini::."; var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); segarkan=setTimeout("bergerak()",kecepatan);}bergerak(); </script>

 

                                                   

         Cara membuat tombol Tweet, Google + dan like

1.      Login ke Blogger > Template > Edit HTML

2.      Sebelum mengubah kode HTML sebaiknya cadangkan dulu template anda untuk menghindari hal-hal yang tidak diinginkan.

3.      Centang Expand Template Widget 

4.      Cari kode <data:post.body/> jika di Blog anda ada banyak kode seperti itu, pilih kode yang kedua.

5.       Simpan kode berikut ini setelah kode <data:post.body/> atau jika anda ingin memasang tombol Tweet, Google + dan tombol like Facebook di atas postingan, simpan kodenya sebelum <data:post.body/>

<div style='float:left;width:80px'> <a class='twitter-share-button' href='https://twitter.com/share'>Tweet</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=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script> </div> <div style='float:left;padding-left:10px;width:60px'> <g:plusone size='medium'/> </div> <div style='float:left;padding-left:10px;width:90px'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=90&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='20' scrolling='no' style='border:none;overflow:hidden; '/> </div>