Cara Menghilangkan Navbar (Navigation Bar)

banditz community akan memosting "Cara Menghilangkan Navbar (Navigation Bar)" mungkin sudah banyak yang memosting artikel kyk gini tapi gpp lah , langsung aja yaaa....Navbar adalah fasilitas yang dimiliki oleh Blogger/blogspot, bentuknya berupa kotak kecil memanjang kesamping yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In/out atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS atau hal-hal yang dianggap merugikan orang lain.

Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut.


Nah, bagaimana menghilangkan Navigation Bar?
Ada beberapa penyedia template yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya.

1. Kamu harus Login dulu di Blogger.com / Blogspot.com
2. Trus Pilih Layout --> Edit HTML
3. Copy script berikut ke dalam tag head

#navbar-iframe {
display: none !important;
}


contohnya sebagai berikut :
-----------------------------------------------
Blogger Template Style
Name: Son of Moto (Mean Green Blogging Machine variation)
Designer: Jeffrey Zeldman
URL: www.zeldman.com
Date: 23 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================

4. Kemudian simpan.


oh yaaa
Kalau yang xml caranya begini...
Setelah masuk edit html dan centang expand widget...cari /* Page Structure….nanti ketemu kode

#outer-wrapper {
width:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}

Setelah ketemu kode diatas...tambahi kode berikut:

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

Jadi setelah digabung jadi begini...

#outer-wrapper {
width:740px;
margin:0 auto;
text-align:$startSide;
font: $bodyFont;
}#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Baca Lebih lanjut......

Membuat menu kreasi ala banditz community

kraksaan - kali ini banditz community dapat ilham . Malam-malam pas lagi buat buku ehh iseng cari ilmu tambahan he3 akhirnya dapat tu ilmu onmouseover ....kwkwkwkwkw ilmu dari dreamwever ha2 moga berguna bagi newbie ya meski bukan ilmu baru tapi dapat di coba buat mempercantik blog kita
coba aja dekatkan mouse anda ke image


copy aja jurusan di bawah ini


<br /><br /><a href="#"><img src="http://t0.gstatic.com/images?q=tbn:rrw0qZb2rxui-M:http://www.gravatar.com/avatar/f8f7fb500cf8f2c6f2560cafcd0cc5c6%3Fs%3D80%26d%3Dmonsterid%26r%3DPG" onmouseover="this.src='http://t0.gstatic.com/images?q=tbn:rrw0qZb2rxui-M:http://www.gravatar.com/avatar/f8f7fb500cf8f2c6f2560cafcd0cc5c6%3Fs%3D80%26d%3Dmonsterid%26r%3DPG';" onmouseout="this.src='http://t3.gstatic.com/images?q=tbn:RstvthQlbKxQ9M:http://profile.ak.fbcdn.net/v222/110/13/q1364297771_9355.jpg';" /></a><br /><br /><br /></ textarea></p> <a href='http://banditz-community.blogspot.com/2009/12/blog-post.html'>Baca Lebih lanjut......</a> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Diposkan oleh <span class='fn'>Jhon Banditz</span> </span> <span class='post-timestamp'> di <a class='timestamp-link' href='http://banditz-community.blogspot.com/2009/12/blog-post.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-12-28T01:57:00+07:00'>01:57</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='star-ratings'> </span> <span class='post-comment-link'> <a class='comment-link' href='http://banditz-community.blogspot.com/2009/12/blog-post.html#comments' onclick=''>0 komentar</a> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1087853091'> <a href='http://www.blogger.com/post-edit.g?blogID=6410930497074160385&postID=7034312872962628907' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> Label: <a href='http://banditz-community.blogspot.com/search/label/Blog%20Hack' rel='tag'>Blog Hack</a> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <h2 class='date-header'>Minggu, 27 Desember 2009</h2> <div class='post hentry uncustomized-post-template'> <a name='6853523372345507621'></a> <h3 class='post-title entry-title'> <a href='http://banditz-community.blogspot.com/2009/12/memasang-slider-ala-zinmag-primus.html'> <img border='0' hight='232' src='http://i269.photobucket.com/albums/jj46/irfankIlled/evil20dark20reaperlw4xs1.jpg' width='165'/> Memasang Slider ala Zinmag Primus Template alam o-om.com</a> </h3> <div class='post-header-line-1'></div> <div class='post-body entry-content'> <style>.fullpost{display:none;}</style> <p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_zrYyxMoVmss/SzeKIW8q-MI/AAAAAAAAAe4/ok_lwxnvz6I/s1600-h/2.png"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 290px; height: 145px;" src="http://1.bp.blogspot.com/_zrYyxMoVmss/SzeKIW8q-MI/AAAAAAAAAe4/ok_lwxnvz6I/s320/2.png" alt="" id="BLOGGER_PHOTO_ID_5419952552767322306" border="0" /></a><br />Posting ini di sadur dari :http://www.o-om.com/2009/04/memasang-slider-ala-zinmag-primus.html<br /><br /><span style="font-weight: bold;">kraksaan</span> - pertama <span style="font-weight: bold;">banditz community</span> mengucapakan banyak terima kasih kepada empunya<span style="font-weight: bold;"> o-om.com</span> atas postingnya yang sangat bermanfaat sekali bagi <span style="font-weight: bold;">newbie</span> blogger . ok langsung aja <span style="font-weight: bold;">banditz community</span> akan memaparkan ilmu dari <span style="font-weight: bold;">o-om.com</span> tanpa mengubah kata-kata dari si masternya ( <span style="font-weight: bold;">o-om.com</span> )<br /><br /><span class="fullpost"><br /><br />Ternyata banyak juga rekan yang ingin mencoba memasang Image Slider/Text Slider ala template Zinmag Primus, Slider yang sudah saya terapkan sendiri di o-om.com ini ternyata selain membuat tampilan blog lebih atraktif dan bergaya, sumbangan kunjungan langsung melalui slider ternyata tidak sedikit jumlahnya. Ok, langsung kecara pasangnya saja ya lagi rada malas nih banyak cuap2 hehehe.<br /><br /><br />Letakan kode CSS dibawah ini diatas kode <span style="color: rgb(0, 128, 0);">]]></b:skin></span><p></p><br /><br /><br /><p><br /><span style="color: rgb(0, 128, 0);">#slider {<br /><br />background:url(http://img99.imageshack.us/img99/9594/slide.png);<br /><br />height: 254px;<br /><br /><br />overflow: hidden;<br /><br />position: relative;<br /><br />margin: 5px 0;<br /><br />}<br /><br /><br /><br />#mover {<br /><br /><br />width: auto;<br /><br />position:absolute;<br /><br />overflow:hidden;<br /><br />}<br /><br /><br /><br />.slide {<br /><br /><br />padding: 20px 0px;<br /><br />width: 1000px;<br /><br />float: left;<br /><br />position: relative;<br /><br />height:200px;<br /><br />}<br /><br /><br /><br /><br />.slide h2 {<br /><br />font-family:georgia, Helvetica, Sans-Serif;<br /><br />font-size: 24px;<br /><br />color: #ac0000;<br /><br />padding:0px 0px 0px 30px;<br /><br /><br />margin:0px 0px;<br /><br />width:500px;<br /><br />overflow:hidden;<br /><br />}<br /><br /><br /><br />.slide h2 a:link, .slide h2 a:visited {<br /><br /><br />color:#fff;<br /><br />background-color: transparent;<br /><br />}<br /><br /><br /><br />.slide h2 a:hover {<br /><br />color: #ddd;<br /><br /><br />background-color: transparent;<br /><br />}<br /><br /><br /><br />span.slmet {<br /><br />color: #ee0909;<br /><br />font-size: 10px;<br /><br /><br />font-family:Tahoma, georgia, Helvetica, Sans-Serif;<br /><br />line-height: 20px;<br /><br />width: 500px;<br /><br />padding:0px 0px 0px 30px;<br /><br />margin:0px 0px;<br /><br />text-transform:uppercase;<br /><br /><br />}<br /><br />.slide p {<br /><br />color: #999;<br /><br />font-size: 12px;<br /><br />font-family:georgia, Helvetica, Sans-Serif;<br /><br />line-height: 20px;<br /><br /><br />width: 500px;<br /><br />padding:0px 0px 0px 30px;<br /><br />margin:0px 0px;<br /><br />}<br /><br /><br /><br />.slide img {<br /><br /><br />position: absolute;<br /><br />top: 20px;<br /><br />left: 577px;<br /><br />background:#fff;<br /><br />padding:10px 10px;<br /><br />}<br /><br /><br /><br /><br />#slider-stopper {<br /><br />position: absolute;<br /><br />font-family: Georgia, Helvetica, Sans-Serif;<br /><br />top: 113px;<br /><br />right: 65px;<br /><br /><br />color: #AC0000;<br /><br />padding: 3px 8px;<br /><br />font-size: 14px;<br /><br />text-transform: uppercase;<br /><br />z-index: 1000;<br /><br />} </span><br /><br />Kemudian letakan kode javascript dibawah ini dibawah kode <span style="color: rgb(0, 128, 0);"><br />]]></b:skin></span></p><br /><br /><br /><p><br /><span style="color: rgb(0, 128, 0);"><script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/jquery-1.2.6.min.js'<br />type='text/javascript'/><br /><br /><script src='http://bloggerstyles.com/data/templates/000/Zinmag-Primus/js/slider.js'<br />type='text/javascript'/><br /><br /><script type="text/javascript"><!--//--><![CDATA[//><!--<br /><br /><br />sfHover = function() {<br /><br />var sfEls = document.getElementById("catmenu").getElementsByTagName("LI");<br /><br />for (var i=0; i<sfEls.length; i++) {<br /><br />sfEls[i].onmouseover=function() {<br /><br />this.className+=" sfhover";<br /><br />}<br /><br /><br />sfEls[i].onmouseout=function() {<br /><br />this.className=this.className.replace(new RegExp(" sfhover\\b"), "");<br /><br />}<br /><br />}<br /><br />}<br /><br />if (window.attachEvent) window.attachEvent("onload", sfHover);<br /><br /><br />//--><!]]></script></span><br /><br />Kemudian cari kode dibawah ini:<br /><br /><div id='header-wrapper'><br /><br />..........<br /><br />.........<br /><br /></b:section><br /><br />Letakan kode dibawah ini dibawah kode diatas.<br /><br /><!-- Casing --><br /><br /><div id='casing'><br /><br /><!-- Slider --><br /><br /><div id='slider'><br /><br /><div id='mover'><br /><br /><br /><br /><br /><div class='slide'><br /><br /><span class='slmet'> Posted by Agus ramadhani </span><br /><br /><h2><a href='http://www.o-om.com/2008/05/e-book-kiat-sukses-promosi-blog.html'>eBOOK<br />Kiat Sukses Promosi Blog</a></h2><br /><br /><br /><p>Kontes seo "kampanye damai pemilu indonesia 2009" tinggal menghitung hari..10<br />hari ini saya mencoba sekuat apa pengaruh backlink pada keyword..kalo ada yang<br />mau bantu dukung om bisa memasang link ini di blog masing2. Silahkan<br />copy-paste kode dibawah, thanks banget atas dukunganya :).</p><br /><br /><img alt='' src='http://3.bp.blogspot.com/_C6KkooKXCEw/SY3GV8q05zI/AAAAAAAAD1U/VBYwePMjR2M/s400/Kampanye+Damai+Pemilu+Indonesia+2009.gif'/><br /><br /></div><br /><br /><div class='slide'><br /><br /><span class='slmet'> Posted by Agus ramadhani </span><br /><br /><br /><h2><a href='http://www.o-om.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html'>Kampanye<br />Damai Pemilu Indonesia 2009</a></h2><br /><br /><p>Dalam buku elektornik ini anda juga akan menemukan kiat sukses dan point<br />penting dalam kegiatan promosi blog serta bagaimana etika promosi yang<br />terkandung didalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dan<br />tentu saja materinya lebih berbobot dari Free Edition. Jadi segera download<br />dan pastikan anda pertama yang membacanya.</p><br /><br /><img alt='' src='http://bp3.blogger.com/_C6KkooKXCEw/SJGvo0XtZtI/AAAAAAAACGI/21ih9Mj5e6c/s400/OOMEBOOK.gif'/><br /><br /></div><br /><br /><br /><br /><br /></div><br /><br /><!-- /Mover --><br /><br /></div><br /><br /><!-- /Slider --><br /><br /></div><br /><br /><br /><div class='clear'/><br /><br /><br /><br />Sampai disini semua proses penyimpanan kode berakhir. Sekarang lihat saja hasilnya.<br /><br />Apa saja yang perlu diedit?<br /><br />1. Karena file javascript diatas meminjam langsung dari alamat lain, jadi saya sarankan rekan menyimpannya pada hosting masing2. Silahkan download semua<a href="http://www.box.net/shared/b0cr4xd8cq" target="_blank"> file javascript disini</a>.<br /><br />2. Secara default, Background image pada slider diatas kemungkinan tidak sesuai dengan ukuran template rekan saat ini, jadi mau tidak mau harus memperkecil ukurannya atau sebaiknya buat saja gambar baru sesuai dengan ukuran dan lebar template rekan yang sekarang.<br /><br /><span style="color: rgb(0, 128, 0);">#slider { background:url(</span><span style="color: rgb(128, 0, 0);">http://img99.imageshack.us/img99/9594/slide.png</span><span style="color: rgb(0, 128, 0);">);<br />height: 254px; overflow: hidden; position: relative; margin: 5px 0; }</span></p><br /><br /><br /><br />3. Setelah rekan selesai dan berhasil memasang semua kode di atas, contoh slider yang tampil hanya sebagai sample saja, jadi silahkan dihapus link, text dan gambar milik saya dan ubahlah gambar, link dan kalimatnya sesuai kebutuhan.<br /><br /><br /><div class='slide'><br /><br /><span class='slmet'> Posted by Agus ramadhani </span><br /><br /><h2><a<br />href='http://www.o-om.com/2009/02/kampanye-damai-pemilu-indonesia-2009.html'>Kampanye<br />Damai Pemilu Indonesia 2009</a></h2><br /><br /><p>Dalam buku elektornik ini anda juga akan menemukan kiat sukses dan point<br />penting dalam kegiatan promosi blog serta bagaimana etika promosi yang<br />terkandung didalamnya. Untuk kedepan eBook ini tidak saya gratiskan lagi dan<br />tentu saja materinya lebih berbobot dari Free Edition. Jadi segera download dan<br />pastikan anda pertama yang membacanya.</p><br /><br /><br /><img alt=''<br />src='http://bp3.blogger.com/_C6KkooKXCEw/SJGvo0XtZtI/AAAAAAAACGI/21ih9Mj5e6c/s400/OOMEBOOK.gif'/><br /><br /></div><br /><br /><br />4. Untuk mengatur letak text, gambar dan link bisa rekan coba otak-atik sendiri pada kode CSS, terus terang setiap template tentu berbeda ukurannya, jadi saya sendiripun gak tau harus gimana menjelaskan cara mengaturnya.<br /><br />5. Untuk mengatur delay pada slider, silahkan buka file slider.js kemudian tinggal ganti saja jumlah var delayLength = 4000; dengan angka berapa saja, mis 5000 atau 9000 (catatan: 1 detik = 1000)<br /><br />Selamat mencoba dan berpusing ria :D<br /></span></p> <a href='http://banditz-community.blogspot.com/2009/12/memasang-slider-ala-zinmag-primus.html'>Baca Lebih lanjut......</a> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Diposkan oleh <span class='fn'>Jhon Banditz</span> </span> <span class='post-timestamp'> di <a class='timestamp-link' href='http://banditz-community.blogspot.com/2009/12/memasang-slider-ala-zinmag-primus.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-12-27T23:12:00+07:00'>23:12</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='star-ratings'> </span> <span class='post-comment-link'> <a class='comment-link' href='http://banditz-community.blogspot.com/2009/12/memasang-slider-ala-zinmag-primus.html#comments' onclick=''>0 komentar</a> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1087853091'> <a href='http://www.blogger.com/post-edit.g?blogID=6410930497074160385&postID=6853523372345507621' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> Label: <a href='http://banditz-community.blogspot.com/search/label/Blog%20Hack' rel='tag'>Blog Hack</a> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <h2 class='date-header'>Sabtu, 26 Desember 2009</h2> <div class='post hentry uncustomized-post-template'> <a name='5779038410348731571'></a> <h3 class='post-title entry-title'> <a href='http://banditz-community.blogspot.com/2009/12/googleb85ee019601e6fa3html.html'> <img border='0' hight='232' src='http://i269.photobucket.com/albums/jj46/irfankIlled/evil20dark20reaperlw4xs1.jpg' width='165'/> googleb85ee019601e6fa3.html</a> </h3> <div class='post-header-line-1'></div> <div class='post-body entry-content'> <style>.fullpost{display:none;}</style> <p><span class="fullpost"><br /><br /><br /></span></p> <a href='http://banditz-community.blogspot.com/2009/12/googleb85ee019601e6fa3html.html'>Baca Lebih lanjut......</a> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Diposkan oleh <span class='fn'>Jhon Banditz</span> </span> <span class='post-timestamp'> di <a class='timestamp-link' href='http://banditz-community.blogspot.com/2009/12/googleb85ee019601e6fa3html.html' rel='bookmark' title='permanent link'><abbr class='published' title='2009-12-26T00:55:00+07:00'>00:55</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='star-ratings'> </span> <span class='post-comment-link'> <a class='comment-link' href='http://banditz-community.blogspot.com/2009/12/googleb85ee019601e6fa3html.html#comments' onclick=''>0 komentar</a> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1087853091'> <a href='http://www.blogger.com/post-edit.g?blogID=6410930497074160385&postID=5779038410348731571' title='Edit Entri'> <img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> <h2 class='date-header'>Rabu, 23 Desember 2009</h2> <div class='post hentry uncustomized-post-template'> <a name='8040627472283380643'></a> <h3 class='post-title entry-title'> <a href='http://banditz-community.blogspot.com/2009/12/mengubah-nofollow-jadi-dofollow.html'> <img border='0' hight='232' src='http://i269.photobucket.com/albums/jj46/irfankIlled/evil20dark20reaperlw4xs1.jpg' width='165'/> Mengubah NoFollow jadi Dofollow</a> </h3> <div class='post-header-line-1'></div> <div class='post-body entry-content'> <style>.fullpost{display:none;}</style> <p>Memberikan Comment pada blog orang lain merupakan hal yang wajar dalam dunia blogger.. dengan kita memberikan comment pada mereka maka, kita akan mendapatkan back link dari meraka.. ini kan merupakan keuntungan yang baik buat kita selain kita bisa dikenal oleh pengunjung lain, dapat juga menaikkan rank lo...<br /><br />Saya punya tips mengenai itu..<br />cara supaya oarang dapat memberikan cooment pada postingan kita yaitu dengan mengaktifkan U comment I Follow yang kita miliki... dengan mengubah NOfollow menjadi Dofollow bukan suatu perkara yang sulit. Dengan kita mengaktifkan comment follow tersebut maka orang akan tertarik untuk memberikan comment pada postingan kita dengan harapan kita akan memberikan comment balik pada mereka..<br /><br />Cara mengubahnya yaitu:<br />Cari Kode berikut :<br /><br /><span class="fullpost"><br /><br /><a expr:href=’data:comment.authorUrl’ rel=’nofollow’><data:comment.author/></a><br><br /><br />Cari kode tersebut dengan bantuan Find (ctrl+F) bagi pengguna Firefox Menjadi :<br /><br /><a expr:href='data:comment.authorUrl' rel='external'><data:comment.author/></a><br /><br />atau menjadi<br /><br /><span style="color: rgb(255, 0, 0);"><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span><br><br /><br /><br />Dan klo mo Trackback kita jadi DOFOLLOW maka cari kode ini :<br /><br /><span style="color: rgb(255, 0, 0);"><a expr:href=’data:backlink.url’ rel=’nofollow’><data:backlink.title/></a></span><br /><br />Ganti Menjadi<br /><br /><a expr:href='data:backlink.url' rel='external'><data:backlink.title/></a><br /><br /><br />atau<br /><br /><br /><a expr:href='data:backlink.url'><data:backlink.title/></a><br /><br /><br />Klo Sudah copaskan Kode dibawah ini untuk mnedapatkan Gambar U Comment I Follow<br /><br /><a href="http://hakimtea.com/tips/u-comment-i-follow-backlink-dan-pagerank/" target="_blank"><img src="http://hakimtea.googlepages.com/UCommentIFollow2.gif"></a> <br /><br /><textarea rows="6" cols="20" name="code"><br /><a href="http://hakimtea.com/tips/u-comment-i-follow-backlink-dan-pagerank/" target="_blank"><img src="http://hakimtea.googlepages.com/UCommentIFollow2.gif" onmouseover="this.src='http://hakimtea.googlepages.com/UCommentIFollow2.gif';" onmouseout="this.src='http://hakimtea.googlepages.com/UCommentIFollow.gif';" /></a><br />

Baca Lebih lanjut......

Pilihan Menu dengan Icon

Wuih.. blognya keren mana dihiasi dengan menu bergambar lagi.. wah pengen nih.. tapi gimana cara buatnya.. ya??
Sering kita lihat kalo pemilihan menu yang ada pada header yang terdapat pada blog biasanya hanya tulisan dan warna-warna bila disetuh.. tapi kadang kala kita pengen dengan suasana laen misalnya, dengan gambar-gambar yang uniks.. seperti yang terlihat pada gambar dibwah ini :




Nah langkah membuatnya mudah kok' ga' susah amat dan ga' ribet..
Gini caranya:

Langkah Pertama :
1. Masuk ke akun google kmu.
2. Pilih menu Layout --> Edit html.
3. Masukkan kode ini :


#newnavbar ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}


4. Masukkan kode tersebut Dibawah /* Header */ letaknya dibagian tengah Template.
5. Save.


Langkah Kedua :
1. Pilih Page Element dan kli Add Pege Element.
2. Pilih Html/Javascript.
3. Masukkan kode dibwah ini kedalam konten box..


<div id='newnavbar'>
<ul>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
<li><a href="URL "><img src="URL Image"></a></li>
</ul></div>


4. Save Dan lihat hasilnya.

Gambar/icon dapat diambil pada ICONARCHIVE
Cara Pengambilan Lokasi Icon:







1. Masuk ke icon archive
2. Pilih Icon yang kmu suka.. dan klik kanan pada download as ico.file. Pilih Copy Image Location
3. Pastekan URL tersebut ke URL image yang ada pada kode tadi..
4. Selesai..

Baca Lebih lanjut......

Keamanan Berinternet dan Virus Blogger

Setelah membaca pada suatu situs di internet, saya melihat ada sebuah artikel yang menerangkan bahwa situs blogger.com telah dihack/dijebol oleh seorang Hakcer.Pemilik blog akan mendapatkan Spam Post/Postingan palsu yang berisi link-link Virus dan mendownload semua data Situs, dan beberapa pemilik situs juga menceritakan bahwa mereka menemukan code-code aneh pada templatenya.Pada artikel ini, saya akan berbagi dengan anda beberapa tips yang telah saya pelajari di tentang keamanan dan perlindungan disunia Internet. Ini termasuk tindakan yang dapat kita lakukan untuk mencegah atau meminimalkan kemungkinan memiliki blog yang mempunyai Virus Blogger atau Situs yang di hacker. Nah saya juga akan membahas sedikit mengenai blog yang memakai blogspot sebagai domainnya, apakah berhasil dijebol/ tersebar virus juga.


Apakah Blogger.com Aman?

Artikel di BBC menuliskan bahwa,melaporkan bahwa peristiwa terbaru adalah karya sekelompok hacker yang telah menyerang sejak bulan Januari silam. Mereka menggunakan pesan spam yang diposting di situs palsu atau dikirim melalui email untuk mengelabui pengguna dan men-download program jahat/merusak. Link kadang-kadang dapat menjadi Link palsu yang beratas namakan link Youtube atau kartu ucapan digital link. Selain itu, email yang berisi pelajaran informal internet dimana penerima berpikir bahwa surat berasal dari teman-teman mereka. Dalam sebuah respon resmi, Eric dari tim Blogger telah mengkonfirmasikan bahwa Blogger tidak terserang. Namun, posting blog blogger yang berasal dari mesin yang yang dikendalikan oleh Trojan horse. Singkatnya, Blogger platform yang aman dan jika ada, pemilik Blog yang harus memastikan bahwa komputer mereka sendiri telah dicentang dan dilindungi terhadap malware.

Bagaimana bisa Virus blogger menyerang?






Sebelum mengalaminya maka kita harus siap untuk mengambil tindakan pencegahan, saya mungkin ingin tahu bagaimana mereka mengirimkan post-post palsu itu ke dalam Blog.

Bila Anda log in ke Blogger, Anda dapat melihat di Settings -> Fitur Email "Mail-ke-Alamat Blogger". Hal ini memungkinkan Anda untuk bisa tahu konten apa yang dibuat oleh sang pelaku ke blog anda, karena bila anda mengaktifkan fitur ini maka setiap post yang anda buat akan terkirim ke email anda.
user.xxxxxx @ blogger.com

Jika Anda telah memeriksa kotak "Publikasikan", setiap pesan yang dikirimkan ke alamat ini akan secara otomatis dapat diterbitkan dalam Blog. Jika "Publish" kotak dicentang, maka pesan akan disimpan dan anda harus log in ke account Blogger Anda untuk mempublikasikannya. Judul subjek email akan muncul sebagai Title dari Blog Post. Walaupun ini adalah fitur yang berguna untuk orang-orang di mana saja, hal ini juga salah satu yang dapat dieksploitasi. Semua yang diperlukan untuk setiap orang untuk mengirim email ke alamat ini dan apa yang ada di dalam email tersebut akan muncul di Blog Anda. Oleh karena itu penting bahwa alamat ini akan tetap rahasia dan siapa saja yang tidak berwenang seharusnya tidak dapat untuk posting di Blog Anda.

Saat mengambil Root virus di komputer Anda, dapat berbahaya mengirim posting ke alamat email yang tersimpan buku alamt dalam sistem anda. Jika alamat email di atas adalah salah satu dari mereka, Anda akan melihat posting di Blog Anda. Sejak Blog Anda adalah sah mili anda, Anda dan teman-teman pembaca dapat membaca posting dan klik beberapa link berpikir bahwa Anda tidak akan meletakkan bahan berbahaya pada Blog Anda. Setelah mereka melakukan itu, komputer mereka akan terinfeksi Virus karena mereka kurang hati-hati dengan malware dan pada gilirannya mereka memiliki link berbahaya muncul di blog sendiri, dan siklus terus berjalan.

Langkah-langkah pencegahan virus tersebut anda harus memastikan keamanan Blog :

Jika Anda melihat post anda perlu dikirim ke blog Anda melalui email, atau orang lain tahu bahwa surat Anda ke alamat blogger, kembali ke Settings -> Email dan memilih / mengubah alamat menjadi sesuatu yang tak dapat dengan mudah guess. Karena maksud dari fungsi ini ialah memiliki posting yang diterbitkan tanpa harus login ke Blogger, ticking the "Publish" merupakan pilihan yang masuk akal. Setelah menyimpan ke Pengaturan, kembali ke email Anda misal melauli sofware Outlook Express, Eudora. Untuk menghapus surat-ke-blogger alamat dari buku alamat. Dan jika Pelaku mencoba untuk merusak blog anda dengan mengirimkan post/artikel yang berisi virus, maka secara otomatis Postingan tersebut tidak akan dikirim ke Blog Anda.

1. Buatlah berbeda alamat email dan login Anda

Untuk kemudahan, banyak orang yang menempel satu nama untuk login mereka semua, email dan tanda tangan. Misalnya, mereka membuat email dan login sama:

nama blog: Gawat.blogspot.com
nama login: Gawat@gmail.com
alamat email yang diberikan kepada pembaca: Gawat@gmail.com
user: Gawat

Jika orang-orang hacking mampir di Blog Anda, maka akan sangat mudah bagi mereka untuk mengetahui apa nama login Anda dengan menggunakan program untuk crack password. Ketika Anda membuat blog berikutnya, mempertimbangkan menugaskan nama-nama yang berbeda atau tidak menggunakan nama sebenarnya :

nama blog: Kuskus.blogspot.com
nama login: makinKuskus@gmail.com
alamat email yang diberikan kepada pembaca: Masteryouw@gmail.com
user: justice

Dengan begini hacker dapat mengalami kesulitan dalam menjebol blog anda.

2. Mengatur keamanan browser

Di Internet Explorer -> Tools -> Internet Options, mengatur tingkat keamanan untuk Internet zona ke Medium atau tingkat-tinggi. Selain itu, dalam versi yang lebih baru, anda dapat mengaktifkan fitur Memeriksa Website Otomatis dalam pengaturan Phishing Filter.

Jika Anda menggunakan Firefox, pergi ke Tools -> Add-ons dan klik "Get Extensions" link. Cari kata yang biasa disebut "NoScript". Apakah ini untuk memblokir JavaScripts dan eksekusi file dan hanya memungkinkan orang-orang yang Anda percaya dapat melihatnya. Hal ini menjadikan jaringan anda aman dari tangan-tangan nakal hacker, dan dapat mengurangi ketidaksengajaan menjalankan skrip berbahaya.

Nah mungkin hanya ini yang dapat saya informasikan, untuk tahu apa yang anda lakukan jika blog anda terkena virus, maka anda harus melajutkan bacaannya lagi..

Apa yang harus dilakukan jika Blog dihacker?

Walaupun semua keamanan dan langkah-langkah preventif, jika hari itu datang ketika isi Blog anda hilang, hal pertama yang harus dilakukan adalah dengan menjauhkan komputer dari virus dan malware. Jangan masuk ke email Anda atau account lain ini mungkin lebih membuka pintu bagi virus. Setelah sistem benar-benar bersih dan aman, Anda dapat login ke Dashboard Anda dan melihat Pengaturan. Mencatat informasi yang telah diubah. Mungkin juga bahwa Anda tidak dapat login karena password telah berubah, atau bahwa Blog dan Posting Blog akan dihapus. Menulis kepada Tim Dukungan Blogger menggunakan account email yang lain. Memberikan rincian sebanyak mungkin dan memberikan waktu untuk menyelidiki penyebab. Server Google akan Membantu data, seharusnya mungkin bagi mereka untuk mengembalikan Blog Anda atas bukti kepemilikan blog. Ketika isi tidak dapat diambil seluruhnya, Anda mungkin harus membuat ulang Blog. Di saat seperti ini, Anda akan menyadari pentingnya menjaga backup dari template kode sumber dan menyimpan salinan dari artikel yang Anda tulis. Selalu buat backup khusus blog anda jiak terjadi suatu hal yang tidak anda inginkan yang membuat semua data dan isi blog hilang anda bisa membuat blog baru dengan isi yang sama persis dengan yang lama.

Baca Lebih lanjut......