avira    smadav    avast    mozilla firefox    winrar    winzip    winamp    vlc player    GOM player    aurora    raduga player    k-litle codec    google chrome    opera    nero    flash player    deepfreze    adobe reader    adobe photo shop    corel draw    ymsjr

clock untuk blogger


code: <embed src="http://www.clocklink.com/clocks/0056-black.swf?TimeZone=GMT0730&" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">



code:<embed src="http://www.clocklink.com/clocks/5032-red.swf?TimeZone=GMT0730&" width="145" height="58" wmode="transparent" type="application/x-shockwave-flash">



code:<embed src="http://www.clocklink.com/clocks/free002-black.swf?TimeZone=GMT0730&" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">



code:<embed src="http://www.clocklink.com/clocks/free001-red.swf?TimeZone=GMT0730&" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">



code:<embed src="http://www.clocklink.com/clocks/0018-silver.swf?TimeZone=GMT0730&" width="150" height="150" wmode="transparent" type="application/x-shockwave-flash">


powered by clock link

cara memasukan animasi welcome ke blog

langsung saja ikuti langkah nya 1.login ke blogger
2.setelah masuk ke dasbor pilih rancangan
3.pilih tambah gatget >>plih html/java script
4.copy paste code di bawah ini
Get Gifs at CodemySpace.com code=<a href="http://rahasiaautoblog.blogspot.com/2012/08/cara-memasukan-animasi-welcome-ke-blog.html"><img src="http://www.codemyspace.com/ImageSRC/3/377.gif" border=0 alt="Get Gifs at CodemySpace.com"></a> code: <a href="http://rahasiaautoblog.blogspot.com/2012/08/cara-memasukan-animasi-welcome-ke-blog.html"><img src="http://www.codemyspace.com/ImageSRC/3/374.gif" border=0 alt="Get Gifs at CodemySpace.com"></a> code:<a href="http://rahasiaautoblog.blogspot.com/2012/08/cara-memasukan-animasi-welcome-ke-blog.html" target=new><img src="http://www.codemyspace.com/ImageSRC/3/371.gif" border=0 alt="Get Gifs at CodemySpace.com"></a> code: <a href="http://rahasiaautoblog.blogspot.com/2012/08/cara-memasukan-animasi-welcome-ke-blog.html" target=new><img src="http://www.codemyspace.com/ImageSRC/3/370.gif" border=0 alt="Get Gifs at CodemySpace.com"></a>

cara mudah mengganti kursor pada blog

bisakah kursor blogger di ganti???? yups anda dapat mengganti kursor pada blogger guna untuk mempercantik atau menghias blogger anda cara nya cukup mudah ko hanya dengan menggunakan script anda dapat mengganti kursor pada blogger anda untuk mempersingkat silahkan anda  lakukan langkah-langkah  di bawah ini..

1.login ke blogger
2.setelah masuk ke dasbor pilih rancangan
3.pilih tambah gatget >>plih html/java script
4.copy paste code di bawah ini

<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim5L_5hdEY4r7Oyi2Dr7l9iDhVc_QD_9WlLm45Wc2kVzgrY3kppb315ZzYXQP-8P2pzFN8HvA_ie6MeZy-X7OAXUnnJQCLc9KpVCVF0lUEWb_idTu6cWBItnsZjEvVEpe8Q0lWxztd64k/s400/bird_hair_t4belajarblogger.png"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfUdJnTB8FWrb26g5HoTILtXFcBr8HynUQX50_WQCDZaIjERm4EY4GQGEm274Dw-ZGhUqI0-h8HZl4jDvq2BLm7VlCusCq-PMNZTllHlIE_-y1jPK-kPYAxkG7gyEuucY_7_oDJ3E2BLiP/ "), auto;}
</style>

5.klik save 

untuk teks yang berwarna merah dapat anda ganti dengan alamat url kursor anda kalau anda belum mempunyai alamat url anda dapat menggunakan dan memilih alamat yang tertera di bawah ini



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrW1WvmVsE3Mvss0EgKo33lvNrePeOcPgiJtQRqP7AE33YqJKhDoXQT4dNDBcFT8EpCkr-xuKsYMR5uzPJgCBztl6-f_pjP_SdOBiqhchsk4Oyz-ZY3eOVN59RVDzutIK479OqYL_cXdrj/s1600/ABU+%255Bwww.24work.blogspot.com%255D.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_mjv2ZrnD2ErcyIv0FZZEdBi5sNFAHCebC9pETWgNilJ772rMyOo5YiZ_GAgY-9JV-TYiVDMLyQK7wohCU1KZcQwLcUxzio2b80D2LqCTRefoHxUfVTBm2n0DhDEX7LE2AAL0x18c7hGr/s1600/ALADDIN+%255Bwww.24work.blogspot.com%255D.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgowT86MjfLqbPHvqfBNsGwNsuXF_iqh0T6UZSRTk2ZxJ_2Z9ImnDqqcQYh-ZCsQDemb00nkSZS_ZhaM145CWOdNFZE6a6zy9ONZr8Ms0-OKBIKuf86ecFJpsfYXI7bDkdvEma54IpKiZMP/s1600/ANGRY+BIRDS+-+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY-uqfRphG0N4o32Z8D8aDs1LGkxCbn842LMKm4fjYf1QN7UnT1aVPx4Hu3y31HLiEHEitUzth7MH_HUWg_wxrftPiN6r_Obwzqph4EYxSa7d6r2zppYxDJqSv6MrDdjESz1BJSkWl06qG/s1600/ANGRY+BIRDS+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLFBsD-UwE1IOkAdf4xZNuLor6sGwv_9Oh0Z0GbE-83J5xrgXKo-lq9r_XgL7-SFfZT41p4j2t8j-ePNE0cpgthvzMgFPT6YhBCc3yEJWoPSXd3p-M2xMcKMCjkCtqpQL8KM1XbIKv7lHU/s1600/BATMAN+BEGINS+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzvSfvOKIhaowIgD4QT6wQbgwLsiNm3ORb9_vFm_TahEj9-u_jYMxlnnjgW_YavzzikH2Gwx0WmQ7RhmRSCncZ79d7IHT63nXYVYq6YMa0YQNG_fT1CBq3Ff049JtYuDwL5ihUlr46nali/s1600/BLACY+SMILEY+-+HAHA+BUCKTOOTH+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFHnSVJ8vO-mQTuHOALDLhPwOQYdJYliUO0qdRZZiHrx2geklUj-vHsGM05J2HtA2mBZlb4t9VYHAlr8Tc3-VqQBmcAWE3xz-vryqqsszJLOnC-MFV2hVazWhmTQ1S04sLbwYV75BjaLBw/s1600/BLACY+SMILEY+-+SILLY+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD1r_GCN3v6Zii9ga2qrLxk8SCc8_1ab0q0c14N6GZPPfVFxRtUs73hMTGWueo93YwknJp4w4oMlGEjVdD83xTXJ1S8frHOnj0W_ryadcgFgIV4STLZeJhNxct3cAFm-N0eqM26iG35ii3/s1600/BLACY+SMILEY+-+SUPER+HERO+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcb67ftsyIRSrKX9grtiaSXjPHLPU9d9h8-FvRrBECRnrYvjIYkkVWN_gizw1BLoN9XyCVuTI0tdKoOJd9l0mht1l50DZVVcE6lu39lBAPlaSCPNEvc8-EzWtIbVlkg33-hDRt3nRGzoVj/s1600/BLUE+SNOWFLAKE+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsgqUfx87ZjDgOGXmLSTMfdBtE-McGvmS4LE693QMx7g0Q-NgiqwCshkKZvHOk8YcBMYLmNozRsQn2I_r2t_k1dx8T-zoNFZpdEYmFK8NRwQHRmYLVR0qbWXQeGkPAtsZiidjJjtfdX96w/s1600/cur220.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEypxALbcNaEcBlf-pICCTksrWB2JVQBJKtl4Op5wRkqRmpHYY_dcCkb6KZHb4B_9tFaIUfhXXfYHSpqX5c6wA81uvcsj3z1RW360VLdPKxeDtR6VWP8Qu3OoWFm1z9gTKYLPfUEZMZ9kK/s1600/BOAT+%255Bwww.24work.blogspot.com%255D.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir20V3wufgeYF3GD2JMK4e_mZnRUo8XhXRnzkjkCDR-OQoX59b2f-fXzuc53c9fhCfVagnMJyqhAm_-IhcslZikLn11-2j_sHFYSWKW9QwDsoZA9OAS8U4RwpLJCaQ4DJllp4WUoTQWKlp/s1600/BOO+-+LINK+SELECT+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0VeV5ur7e10E43f5O7N29B7SI8_tV3Oueepsk57EHcAg6PnAZxXqmThqCna_PVl_lyIEWMiBconmGlVMK4EA6ukOCjWGUV7LcdIEu3-WNehWEG4bWdRlOvMCP8T7hsNTqZEVD5f_5KH0a/s1600/BOO+-+MARIO+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3UdzJkio-Wzn6dRIURHw7z5mcg31BnvNdwoACQ_Fh8pV25SbYDTvAFXmPD8ykmj7-8Wt5CQRC2gQFiyDAhxMRRzvrcmnkjNJfpWNpCVERi1bXXwql7O-QTXE22smC4drU4UVx1cTgCGjU/s1600/BREAST+CANCER+PINK+RIBBON+%255Bwww.24work.blogspot.com%255D.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxRyh8b1pfzR72X-0jJVI7WTDV_9jjAZxErU9W1uT9v9_KTwIWdXQFDt21p-jIro6vMQ7nRmqjpnq7xXbYZOxnGQnNvOQaiYlDCqtLqU8_XyetL37-91vSFygpesajzRW5-2wANHvwk4j8/s1600/BUFF+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1hQlOViboyjYDv7bu2P0h2-zT202XqfwXpLGwNVuJA7bAriU5hOeVsGkE3e3b4R-dJ9cCQoygcim4sqxubxk1NSRgUHqBEUGqdpt0MnrjlawhD45PunmCPfdNpF8LsUw-o7xjOaPnwigo/s1600/BUNCHES+OF+GRAPES+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtUrRRnmsZUms9YaWWcVZ5Ea4bMmaQ_y0Hv3SBvj_lFZljbtdwQvMwsQDYWVRTO9V8Lh5JRPiC72uQYBmHF5EHVxPwpZ4IdHUzJGPIdv_ANDKO7s6S52DhYzM3Cg4FBjZ_-v-BparFwTxN/s1600/CALL+OF+DUTY+MODERN+WARFARE+3+-+10TH+PRESTIGE+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYxdlmuEe9tnFw2ZlAldvRQNJjSR9TNEqB_jPWGsKWS93Ae8LVex10r0S0KoPXhAm0I7nfNeVtpi_LwARYKybJWgrwlhG0P-1-0dWyq8TMRfinenejgZueP9hMM_SCJLQ4y9_A-myRXIpr/s1600/CHARIZARD+%255Bwww.24work.blogspot.com%255D.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrAKLcwvWEyRqTVwJRisxe6Xwy8lCjV-5pq5ENzdzdSJoP0JIUIlzVMYO5ePZIW3kEAPCrgVXd5z0wPwnI3VeXdZQtTYB-kPQdC7onstIXPx7DL379QQeYGKiiN6utzz8-gISVsei3Knas/s1600/COOL+BLUE+OUTER+GLOW+POINTER+%255Bwww.24work.blogspot.com%255D.png

cara membuat status loading di blogger


Cara Membuat Animasi Status Loading


Untuk membuat status loading pada Blog yang berfungsi sebagai memberikan variasi agar lebih menarik dalam tampilan bagi pengunjung Blog sehingga pengunjung Blog tidak bosan menunggu pada saat loading dalam mengakses di Blog kita, berikut ini ada tahapan yang dapat Anda ikuti dalam membuat status Loading di Blog.

Tahap yang harus Anda lakukan adalah:

1. Login ke Akun kepunyaan Anda di Blogger.Com.
2. Klik Layout --> Edit HTML.
3. Tekan F3 di keyboard lalu Cari kode <body> di dalam template Anda, kemudian silahkan diganti kode             tanda <body> tadi  dengan kode  di bawah ini :


<body onLoad='init()'&gt<div id='loading' style='position:absolute; width:100%; text-align:center; top:300px;'> <img border='0' src='http://Alamat URLyang disimpan.Image'/></div><script src='http://h1.ripway.com/ichal13/preloader.js' type='text/javascript'/></script>

4. Simpan Template dan selesai.

 Keterangan :
>> Silahkan diganti alamat ULR yang berwarna  Merah di ganti dengan Url alamat gambar loading anda..  
>> jika anda tidak mempunyai alamt gambar anda dapat menggunakan salah satu dari gambar yang telah tersedia di bawah ini                                                                                                         
>> Untuk posisi letak animasi lodingnya, Anda bisa mengganti  kode: "align   center" (tengah), "align right"
      (kanan), "align left"(kiri), bawah, atas, Menurut keingginan Anda.
 
  Selesai....

url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclgSnAWvEfINmE5fZMZTyT0b8SX1gWgRSpK8wprrGMzWCToFW4zrK2V72tL9grKusIGYC6UcmMogQGNGzp04dOSF6YlyFVDVnVwrj0plpTZmOXxTAx5tZbqWmMWI7HfrnGYezBXyuZnKD/s1600/ajax-loader6_thumb%25255B5%25255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2EnLYAyrB_Gf2yc0FgWiPRSSLQpH4P3Juh9gpqt-1dCmdquhTADHOpbgJpkfGIEL-TsTkibSF3vQ8UurrDUG0FJl_BA7n3bLIv3P9sKI-2thHJnYnMGB0p1VvABzAhoYwN3bp5AniSZY/s1600/ajax-loader3_thumb%255B1%255D.gif
url nya:http://www.secondwind.org/Content/Images/loading3.gif
url nya:http://financialaid.rice.edu/WorkArea/images/application/loading_big.gif
url nya:http://i52.tinypic.com/rvll48.gif
url nya:http://i1002.photobucket.com/albums/af149/Imtikhan/Loading2.gif
url nya:http://www.419hell.com/Kwame_Adogboba/_RefFiles/DLL.gif
url nya:http://www.sira.net/immagini/loading-gif-animation.gif
url nya:http://www.google.co.id/images/loading.gif
url nya:http://static.ak.fbcdn.net/rsrc.php/v2/yJ/x/jKEcVPZFk-2.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSEsu1amX6HoInStgefvUxbwXkr_e1aXiAG2PquzC-knWRU99Z1MhoUWHQQXXN-eumj9037tR_-cCppFB8Ddgk5_7Rcw2u0G_4j4owLJq-kfpXw_Pos-TdE-7WULYbxCTYuVGvhBYPfbG/s1600/ajax-loader%255B3%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_Jl1MahL-BvrF8ZBGR4lUAhVMUoF9hKMlGg9pWHJZxKpKSVc6E_2Qx0RVA3Xr7GM_xVtMaJRhrSakm7bd2QzQxUfQRDKat2U0GgHKHF4wno4g46UT7Med9-NKFdJSjzIYyhgNhX00I8Gf/s1600/ajax-loader4_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhokKR3gNn12NVPo_abQs_21wT-BAG2WIF9BhnVXzJksq4MoXvc4TeeX5hCW9ZXbY2qkCi7D6URcg19ZTc8vxfjzOvxG_hAj1RkGAMkG77AjuttDTvMG7cIBgOuzycPdMhnM2InHKm8M6qL/s1600/ajax-loader5_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclgSnAWvEfINmE5fZMZTyT0b8SX1gWgRSpK8wprrGMzWCToFW4zrK2V72tL9grKusIGYC6UcmMogQGNGzp04dOSF6YlyFVDVnVwrj0plpTZmOXxTAx5tZbqWmMWI7HfrnGYezBXyuZnKD/s1600/ajax-loader6_thumb%255B5%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkFJnUKKXERqeZkS0c22KcaFv7R2XOlwv8gJyKZHYSDIqEv8TYyzk-tIfv84Lwf93VpCh682HnGxaPitaooa-xB9JVstRC-qHileTNbg64_nA1lxmMriYFdyA0KkL_xgquY7CUKkQmDCq_/s1600/ajax-loader7_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiygduetpHF-Xv9ahI0vmPfR_lqQSFeUs1y-SN92lo5k7-iDl9iLXi0tfL12mSkAGSSv9flVo0dUJi41-duiNIb_vxx3oZB7_mT9ui0gCEiSjfgstoA2VmoVvBtOXyiFJjuX5jRHBTmVpZd/s1600/ajax-loader8_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGG2T_LF2c_qzvKXFXooKMJ0LQYJLFxtYWfUSRowdLD3voEq2QNF7tGpuq8won7a_A5pgRAwWEDTFx1eJFyihS8QPWz3_CQ-GH2a65FD2xerycwb1AS_dS31aphWSPGIj16txBSi0t75j4/s1600/ajax-loader9_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBaZ0HBTXucQr6CzvOjeGOCgqlFrPHAejKrE3cYhjPKT8FzeAqAhrFZTHh6atsI3qD7bVr0B9a01PyCsVn1A-q_jRfA-4irKMcizD_QhSrKQ8FOHkgtFHkeNhrq7SAqUwTJ03mGhx5mfDg/s1600/ajax-loader10_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiwfw4dSjmX7ZYZl_JtyiFvZlsoa6zofah-F4Cb5mroYvRFWhnxk4y11bUDpbKA8C6nO4-pz1sxbyG-jIQrKqQVwgL1eBEScWwbKVlSXZvEQTyqQDYN8ZktsMepHZqKtKd3nOBL7heHW1w/s1600/ajax-loader11_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5ADbPVi6q82Z0GnDLYHKdhuhtfdeW6jW8LLrnqzReLTqqghyphenhyphenXfs2VipMgLPV3mUR15k03rTgUdoBU8vhGKtNoBysq2Jn4dIm0LkpkyIYfJQEN3SqKK3d5lInNMZ-WZFg1WSfTEVXponyz/s1600/ajax-loader12_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdExcwQq3xfzZCp9WlBNwHzkmfoovwpbkxs7aJSZEPIShaCsLIIs2r5NKKZk8vYwvtU2-JGWUne-FQwgkIxCogJkP6iaCAq9rgOcKWgy6M7n7UbW9PDGzBzGHzkav6VIhvxRKb0J0UHYkf/s1600/ajax-loader14_thumb%255B1%255D.gif
url nya:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcsmzsJRi5d_4gjeOLAl0opmN-_GBILaKnmX6oq6JviUt_pZeKt23IuD420F8s3kjp4tVohXkjE3o0a2YbR0ruFIuPQ_iCy3xR6_hL2ghLjLn68Z5CsBcue2opySOcOnCHEgUVDZgZGpP3/s320/loading+blog.gif

cara membuat menu dropdown pada blog


Template default bawaan blogger biasanya minim sekali dengan widget-widget termasuk menu navigasi. Terkecuali jika kita mendownload sendiri template dari blog lain. Menu navigasi penting artinya untuk meningkatkan kunjungan ke blog kita, walaupun masih ada cara lain seperti menambahkan label, recent posts, related posts ataupun popular posts di blog kita. Menu navigasi biasanya terdiri dua macam; vertikal dan horisontal. Menu navigasi Vertikal atau menu navigasi lurus ke atas biasanya diletakkan di sidebar, sedangkan menu navigasi horisontal kita letakkan di atas judul posting atau di bawah header/judul blog.



Membuat menu navigasi bisa dilakukan dengan berbagai cara, bisa memasukkan kode css ke dalam template, ini permanen tentunya, dan cara yang kedua cukup menambahkan widget dengan memasukkan kode tertentu ke dalam widget/gadget tersebut. Pada tutorial ini saya akan membuat menu navigasi horizontal dengan cara yang cukup mudah yang letaknya di bawah header.

Oke langsung saja bagaimana cara membuat menu navigasi horisontal bercabang,
Masuk ke akun blogger> Rancangan > tata letak > add gadget pilih HTML/Javascript, kemudian masukkan kode berikut ini. (Jangan lupa saat menambahkan gadget, pilih gadget yang di bawah header.)





    <style>
    #menunavigasihorisontal {
        background: #848484;
        width: 100%;
  
        color: #FFF;
            margin: 10px 0;
            padding: 0;
            position: relative;
            border-top:0px solid #960100;
            height:35px; }

    #bb2nav {
        margin: 0;
        padding: 0;}
    #bb2nav ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2navli {
        list-style: none;
        margin: 0;
        padding: 0;}
    #bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
        color: #FFF;
        display: block;
       font:bold 12px Helvetica, sans-serif;
       margin: 0;
        padding: 9px 12px 11px 12px;
            text-decoration: none;
            border-right:0px solid #627AAD;}
    #bb2nav li a:hover, #bb2nav li a:active {
        background: #2E9AFE;
        color: #FFF;
        display: block;
        text-decoration: none;
            margin: 0;
        padding: 9px 12px 11px 12px;}

    #bb2nav li {
        float: left;
        padding: 0;}
    #bb2nav li ul {
        z-index: 9999;
        position: absolute;
        left: -999em;
        height: auto;
        width: 160px;
        margin: 0;
        padding: 0;}
    #bb2nav li ul a {
        width: 140px;}
    #bb2nav li ul ul {
        margin: -25px 0 0 161px;}

    #bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav

li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
        left: -999em;}
    #bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li

li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav

li li li.sfhover ul {
        left: auto;}
    #bb2nav li:hover, #bb2nav li.sfhover {
        position: static;}
    #bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        margin: 1px 0 0 0;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;}
    #bb2nav li li a:hover, #bb2nav li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}
    #bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li

a:visited {
        background: #EDEFF4;
        width: 120px;
        color: #3B5998;
        display: block;
        font:normal 12px Helvetica, sans-serif;
        padding: 9px 12px 10px 12px;
            text-decoration: none;
    z-index:9999;
    border:1px solid #ddd;
        margin: 1px 0 0  -14px;}
    #bb2nav li li li a:hover, #bb2nav li li li a:active {
        background: #627AAD;
        color: #FFF;
        display: block;}

    </style>
    <div id='menunavigasihorisontal'>
              <ul id='bb2nav'>
                <li>
                  <a href='#'>Home</a>
                </li>
                <li>
                  <a href='#'>Tentang Saya</a>
                </li>
                <li>
                  <a href='#'>Contact</a>
                     <ul>
                        <li><a href='#'>Sub Halaman 1</a></li>
                        <li><a href='#'>Sub Halaman 2</a></li>
                        <li><a href='#'>Sub Halaman 3</a></li>
                      </ul>
                </li>
                <li>
                  <a href='#'>Daftar Isi ▼</a>                 <ul>
                    <li><a href='
#'>
Sub Halaman 1</a></li>
                    <li><a href='
#'>
Sub Halaman 2</a></li>
                    <li><a href='
#'>
Sub Halaman 3</a>
                
   <ul>
                    <li><a href='
#'>Sub Sub Halaman 1</a></li>
                    <li><a href='
#'>Sub Sub Halaman 2</a></li>
                    <li><a href='
#'>Sub Sub Halaman 3</a></li>
                  </ul>

                  </li>
                  </ul>             </li>
          </ul>
        </div>
Pengaturan dan modifikasi;

1. Silahkan ubah warna background menu sesuai selera ditandai dengan kode seperti #2E9AFE
2. Untuk membuang cabang yang tidak dibutuhkan (mungkin terlalu banyak lihat kode berwarna biru 
                  <ul> 
                    <li><a href='#'>Sub Sub Halaman 1</a></li> 
                    <li><a href='#'>Sub Sub Halaman 2</a></li> 
                    <li><a href='#'>Sub Sub Halaman 3</a></li> 
                  </ul>
bisa juga sobat tambahkan di item menu lainnya jika ingin.
3.  Masukkan alamat halaman atau postingan blog yang dikehendaki pada kode # .
4.  Perhatikan kode-kode yang sudah diberi warna saat menambah atau membuang item menu tertentu agar tidak error.


Oke saya kira sudah cukup jelas dan mudah, untuk live  demo silahkan buka di sini

Selamat mencoba.  

cara mudah mengganti faficon pada blogger

sebenar nya cara mengganti favicon di blogger amat sangat gampang sekali ,,itu bagi yang sudah tahu dan bagaimana kalau yang belum tahu???? untuk yang belum tahu jangan khawatir cara nya mudah banget tinggal anda mengikuti cara-cara di bawah ini :

1.yang pertama anda harus login ke blogger
2.setelah masuk pada dasbor klik rancangan
3.setelah masuk pada rancangan pilih tambah gatget
4 lalu klik HTML/ java scriptdan copy paste kode di baweah ini ke dalam nya


<link href="ALAMAT GAMBAR ANDA" rel="icon" type="image/x-icon">
5.jangan lupa save



semoga berhasil !!!!!!!!!!!!

cara membuat sebuah blog antiproxy


setelah sekian lama ber jam-jam saya mengotak atik bagaimana supaya web antiproxi dapat masuk kedalam blog dari pertama bangun tidur jam 06.00 pagi sampai sore akhir nya terbobol juga,,karena rasa penasaran saya yang tinggi mengakibatkan saya sampai seharian lupa makan hehehe
untung tidak mati kurus akibat script langsung saja inidia script nya...

<center><iframe frameborder="0" height="800px" id="unblocked" src="http://www.unblocked.in/" type="text/html" width="800px"></iframe><br><br><small><a href="http://rahasiaautoblog.blogspot.com/2012/08/cara-membuat-sebuah-blog-antiproxy.html" >script anti proxi</a></small></center>
langkah memasukan kedalam bog
1.login kedalam
blogger
2.setelah masuk
dasbor terus pilih entri baru
3.lalu copy paste code di atas
dan terbitkan entri
4.terakhir
lihat entri

terimakasih atas kunjungan anda selamat mencoba dan sukses!!!!!!!!!!!!!!!

cara membuat efek gelap terang pada blog

cara membuat efek galap terang pada blog sangat lah mudah cara nya gampang banget kok aanda cukup kopy paste code di bawah ini dan mengganti url yang berwarna merah dengan url gambar anda

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9S6JO22YAgNKy5C59LV0KvjVGF-c91OOIqQi9gXihryn5L_D8UBOfJocoVBfVdTtJ1XoWB-31kLqCR7qo4nzft4HCUUAbpahCR31K4YOAzdrFnclNqgKlw_FP8on7pkimDGJVwhAuHIM/s400/paling+oke.JPG"  style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"
>
demo:

kode dasar HTML untuk pemula


HTML DASAR
By indijuzzy

1.<font color=”code warna anda”>TEKS ANDA </font> = code ini berfungsi untuk memberi warna pada   blog  contoh = <font color=”RED”>BELAJAR WEB </font> hasil nya teks belajar web akan ber warna merah.
         warna RED dapat dig anti dengan warna yang lain nya seperti YELLOW ,,GRENN,, dll.
2.<font size=”5px”>TEKS ANDA </font> code ini berfungsi untuk mengatur ukuran huruf maupun angka size dapat dig anti dengan  2px,3px,4px,5px,6px,7px,8px, 9px,10px, dst sesuai keperluan anda semakin besar pixel nya (px) semakin besar pula ukuran nya.
3.<font face=”arial”>TEKS ANDA</font> code ini berfungsi untuk merubah jenis huruf  pada web jenis font ARIAL dapat dig anti dengan jenis yang lain nya seperti COMIC SANS MS ,TIMES NEW ROMAN dll.
Untuk penggabungan dari ke tiga code tersebut dapat di tulis seperti ini <font color=”red” face=”arial” size=”5px>TEKS ANDA</font>  
4.<h1>TEKS ANDA </h1> fungsi code ini adalah sama seperti font size yaitu untuk memperbesar ukuran huruf  <h1> dapat dig anti dengan <h2><h3><h4><h5><h6><h7> perlu di perhatikan apabila awalan menggunakan <h1> akhiran juga harus menggunakan </h1> tidak boleh dig anti dengan </h2>
      Yang dimaksud awalan adalah <h1> TANPA GARIS MIRING
      Yang di maksud akhiran adalah </h2> DENGAN AKHIRAN GARIS MIRING
5.<blink>TEKS ANDA</blink> code ini berfungsi untuk membuat teks berkedip ini dapat berfungsiuntuk memodifikasi web anda sehingga terlihat canrik
6.<marquee>TEKS ANDA</marquee> code ini berfungsi untuk membuat teks berjalan ke kiri  kalau masih tidak jalan berarti anda yang salah dalam penulisan anda
7<center>TEKS ANDA</center>  code ini berfungsi untuk menengahkan tulisan atau mebuat tulisan berada di tengah.
8.<p align=”left”>TEKS ANDA </p> code ini berfungsi untuk membuat teks rata kiri pada web
9.<p align=”right”>TEKS ANDA </p> code ini berfungsi untuk membuat teks rata kanan pada web
10.<p align=”center”>TEKS ANDA </p> code ini berfungsi untuk membuat teks rata tengah pada web
11.CARA MEMBUAT TABEL DI WEB 
    Code= <table border=”1”>
               <tr><td>teks anda</td></tr>
                </table>
      Keterangan  <tr>= baris dalam table <td>= colom dalam
12.<a href=”URL ANDA”>TEKS ANDA</a> code ini berfungsi untuk membuat link teks atau mambuat teks bisa di klik  contoh <a href=”http://www.google.com”> pergi ke google</a> hasil nya teks pergi ke google dapat di klik dan msuk ke google.
13.<u>TEKS ANDA</u> code ini berfungsi untuk membuat garis bawah pada teks
14.<b>TEKS ANDA</b> code ini berfungsi untuk membuat tebal pada teks
15.<i>TEKS ANDA</i> code ini berfungsi untuk membuat teks menjadi miring
16.<img src=”URL gambar anda”> code ini berfungsi untuk memasukan gambar kedalam
        Web

PENGGABUNGAN CODE

17.<a href=”URL anda”> <img src=”URL gambar anda”></a> code ini berfungsi untuk membuat gambar bisa di klik contoh = <a href=”http://www.google.com”> <img src=”google.jpg”></a>
18.<marquee><img src=”URL gambar anda”></marquee> code ini berfungsi untuk membuat efek gambar bisa berjalan di web
19. .<marquee><a href=”http://www.google.com/”> <img src=”google.jpg”></a> </marquee> code ini berfungsi untuk membuat gambar bisa berjalan + bisa di klik
20.<marquee><font color=”red”>TEKS ANDA</font></marquee> efek dari code ini adalah teks bisa berjalan dan berwarna
21. <marquee><a href=”URL anda”><font color=”red”>TEKS ANDA</font></a></marquee>
      Efek dari code ini adalah  teks berjalan + berwarna + dapat di klik
22.<blink><a href=”URL anda “>TEKS ANDA</a></blink> code ini berfungsi untuk membuat tulisan berkedip dan dapat di klik




EFEK KELAS MENENGAH
23. <img src="Url gambar anda " style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />code ini berfungsi untuk membuat efek gelap terang pada gambar anda,gambar akan gelap ketika tidak disoroti mouse dan gambar akan terang ketika disoroti mouse.




SELAMAT MENCOBA………………… !!!!!!!!!!!!!
SEMOGA SUKSES………!!!!!!!!!

cara menghilangkan navabar pada blogger


Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode <body> :


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :
·  Untuk template klasik
  1. Sign in di blogger

  1. Klik menu Template

  1. Klik menu Edit HTML

  1. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman

  1. Copy kode berikut lalu paste di atas kode </style>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

  1. Klik tombol Simpan Perubahan Template

  1. Selesai.


·  Untuk template baru
  1. Sign in di blogger

  1. Klik menu Layout

  1. Klik menu Edit HTML

  1. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

  1. Copy kode berikut lalu paste di atas kode ]]></b:skin>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

  1. Klik tombol Simpan Template

  1. Selesai.

cara menghilangkan teks di berdayakan oleh blogger


Yupzzz... langsung aja caranya deh ya, lagi males merangkai kata :p

Caranya cukup gampang, temen-temen tinggal mengikuti langkah-langkah dibawah ini:
1. Temen-temen harus Login dululah :D
2. Trus ke Template -> Klik Edit HTML
3. Setelah itu centang "Expand Template Widget"
4. Cari kode ]]></b:skin, atau tekan Ctrl+f untuk memudahkan pencarian
5. Copy kode dibawah ini dan letakkan tepat diatas kode ]]></b:skin :
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

6. Klik Simpan Template


Tadaaa..... Tulisan "Diberdayakan oleh blogger" pada blog temen-temen sudah hilang begitu saja :p

cara menghilangkan link berlangganan entri atom di blog


Haii sob ada postingan baru nich .hehehe di malam yang sunyi ini saya mau menjelaskan bagaimana Cara Menghilangkan Link Berlangganan Entri Atom di Blog.Kamu tentunya pernah melihat tulisan seperti ini kan Langgan: Poskan Komentar (Atom) ?yupzz tulisan ini biasanya ada di bawah postingan blog kita. bagi sebagian orang tulisan ini mungkin membuat risih,atau ga enak aja buat dipandang .hehehehe bagaimana cara menghilangkanya ? yuupzz..Cara Menghilangkan Link Berlangganan Entri Atom di Blog ini Cukup mudah.Caranya tinggal ikuti aja langkah-langkah Menghilangkan Link Berlangganan Entri Atom Berikut Ini.

1.Login Ke blogger Dengan ID kamu.

2.Klik Tata Letak Kemudian Klik Edit HTML.

3.Selanjutnya Cari Kode ]]></b:skin> .Atau biar lebih gampang gunakan tombol CTRL+F.

4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5.Kalo Udah selesai jangan lupa klik Simpan Template.

6.Tinggal kamu lihat hasilnya dech .pasti itu link udah ilang.hehehe

kode HTML warna untuk blog

warna dasar
#ff0000
#ff9900
#ffff00
#00ff00
#00ffff
#0000ff
#9900ff
#ff00ff
tingkat menengah
#ffffff
#f3f3f3
#eeeeee
#cccccc
#999999
#666666
#444444
#000000
#f4cccc
#ea9999
#e06666
#cc0000
#990000
#660000
#fce5cd
#f9cb9c
#f6b26b
#e69138
#b45f06
#783f04
#fff2cc
#ffe599
#ffd966
#f1c232
#bf9000
#7f6000
#d9ead3
#b6d7a8
#93c47d
#6aa84f
#38761d
#274e13
#d0e0e3
#a2c4c9
#76a5af
#45818e
#134f5c
#0c343d
#cfe2f3
#9fc5e8
#6fa8dc
#3d85c6
#0b5394
#073763
#d9d2e9
#b4a7d6
#8e7cc3
#674ea7
#351c75
#20124d
#ead1dc
#d5a6bd
#c27ba0
#a64d79
#741b47
#4c1130
JUDUL GAME
SIZE
DOWNLOAD