laporkan bila ada link yang eror
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
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>
2.setelah masuk ke dasbor pilih rancangan
3.pilih tambah gatget >>plih html/java script
4.copy paste code di bawah ini




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
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()'><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..
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()'><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....
>> 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>
#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>
</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
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>
<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.
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
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...
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
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
demo:
<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"
> 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 :
/* 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
- Sign in di blogger
- Klik menu Template
- Klik menu Edit HTML
- Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
- Copy kode berikut lalu
paste di atas kode
</style>
/* hilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
- Klik tombol Simpan Perubahan Template
- Selesai.
· Untuk template baru
- Sign in di blogger
- Klik menu Layout
- Klik menu Edit HTML
- Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
- Copy kode berikut lalu
paste di atas kode
]]></b:skin>
/* hilangkan navbar
----------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
- Klik tombol Simpan Template
- 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 :
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
}
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
Langganan:
Postingan (Atom)