Cara Mudah Membuat Tampilan Blog/Web Maintenance Cara Mudah Membuat Tampilan Blog/Web Maintenance

Cara Mudah Membuat Tampilan Blog/Web Maintenance. Yups, kali ini ::Blogging Is My Life:: akan share mengenai Cara Mudah Membuat Tampilan Blog/Web Maintenance. Cara ini bisa sobat pakai bila sobat ingin membuat tampilan maintenance pada blog/web sobat.

Cara ini hanya menggunakan trik CSS dengan penambahan gambar saja kok. Tapi trik ini bisa membuat blog/web sobat seakan-akan seperti sedang maintenance.



Yups ok mari kita langsung aja pada langkah" Cara Mudah Membuat Tampilan Blog/Web Maintenance :
1. login blog
2. buka rancangan >> edit HTML
3. taruh kode dibawah ini diatas kode ]]></b:skin>

div style="overflow:auto;width:470px;height:150px;padding:10px;border:1px solid #000000">html {
  height: 100%;
  background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAQdIEGO3k026gsFq3jmEMxHNuHmJ5Qlf6rCMAaL36c0oQDrUy1Z0XlGA3IsJY9HIjO2rh8eH0EYAIQNCoi-knemj5z0iMz09sJ9V34WiTVEb_jnYyCp6-JBhyphenhyphenZT_s14k4Uece6eQhHo/s1600/under-maintenance.gif) no-repeat center 50%;
  margin: 0;
}
body {
  display: none;
}
</div>

4. sobat bisa mengganti tulisan yang berwarna merah dengan alamat gambar yang lain.

Selamat mencoba sob ^_^

Cara Membuat Anti Click Kanan Dengan Menggunakan Pesan Cara Membuat Anti Click Kanan Dengan Menggunakan Pesan

update Anti klik atau disebut juga no right click berfungsi untuk membuat fungsi klik kanan pada mouse tidak bisa dilakukan. Penggunaan script sederhana ini umumnya dimanfaatkan agar pengunjung tidak mencoba untuk membongkar atau melihat desain blog yang berupa kode html dan javascript dan sekaligus mengopas pastengan isi artikel blog kita miliki. Karena klik kanan pada mouse kehilangan fungsi maka secara otomatis semua aktifitas pengunjung hanya dapat dilakukan melalui fungsi klik kiri.

Langsung aja yeh kawan semua niih tutornya..,

Masukan Kode ini Di atas </head> biasa masukin kodenya di EDIT HTML

<script language='javascript'>
//<![CDATA[
ns6 = document.getElementById; ns  = document.layers;ie  = document.all;if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);document.onmousedown=mouseDown;}
else{document.onmouseup=mouseUp;document.onmousedown=mouseDown;document.oncontextmenu=mouseDown;}
function mouseUp(){  return false;}
function mouseDown(e){if (ie) var e=0;
if (((document.all)&& (event.button==2)) || ((ns || ns6) && (e.which==2||e.which==3))){
alert("Cia cia cia weee gak bisa Copas yaah ckckck xD");return false;}
else if (((document.all)&& (event.button==1)) || ((ns || ns6) && (e.which==1))){
status = "Left click detected";setTimeout('status="";',400);}}
//]]>
</script>

Yang kode ber warna Merah ganti dengan kata2 kmu sendiri dengan sesuka hati ^^

Dan yang terakhir simpen deh SIMPAN TEMPLATE...

Selesai ^^

Cara Memasang Status YM online/offline Cara Memasang Status YM online/offline

Cara membuat status YM di blog. Dengan status YM ini, maka pembaca akan tahu apakah status bro sedang online atau tidak, jadi bagi pembaca setia yang apabila ada saran atau pertanyaan bisa melayangkan langsung ke admin blog yang bersangkutan. Benar-benar mantab dan berguna kan. Penasaran?...

Sponsor yang lewat

Contoh jadinya seperti apa nantinya. Lihat di bawah ini :

Bila online statusnya seperti ini :



Bila off statusnya seperti ini :



Cara membuat status online/offline YM di blog ini guampangg kok. Ikuti langkah-langkah berikut untuk membuatnya :

Log in ke account blog bro.

Layout >> Page element >> Add a gadget >> Html/Javascript.

Copy kode yang sudah saya tuliskan di dalam kotak, tetapi jangan lupa ganti dulu tulisan :

Berwarna merah :
Dengan id e-mail bro. Misalkan itu e-mail saya contohaja@yahoo.com jadi dituliskan contohaja. Nangkep kan bro? Kalau semisal contohaja@ymail.com maka tuliskan contohaja@ymail.com (Yang lengkap)

Berwarna biru :
Ganti dengan angka lain untuk mengganti penampilan desain status YM. (Bisa dilihat di bawah list galerinya).

<a href="ymsgr:sendIM?contohaja"> <img src="http://opi.yahoo.com/online?u=contohaja&amp;m=g&amp;t=2&amp;l=us"/>
</a>

Paste kode >> Save


Galeri kode :

t = 0

t = 1

t = 2

t = 3

t = 4

t = 5

t = 6

t = 7

t = 8

t = 9

t = 10

t = 11

t = 12

t = 13

t = 14

t = 15

t = 16

t = 17


Sekarang bro sudah mendapat satu lagi ilmu "Cara Membuat status YM di blog" dari kumpulan tutorial blog Burukutuk.com, semoga dengan cara membuat status YM untuk dipasang di blog ini dapat menjadi sesuatu yang berguna dan mempercantik blog bro sekalian. Selamat mencoba.

cara mengganti older post dengan angka cara mengganti older post dengan angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

}#.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #cccccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #cccccc;

background-color:#cccccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #cccccc;

background: #cccccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #cccccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>

</b:if> </b:if>

<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.

Cara Membuat Link Yg Disentuh Seperti Menjauh Cara Membuat Link Yg Disentuh Seperti Menjauh

Kali ini saya akan memberikan trick blog yg lumasan keren nya.
Apa lagi gratis ya udah langsung aja peraktekan

1. Login ke blog
2. masuk rancangan
3. edit HTML

4. cari code </head> biar lebih mudah anda hanya tinggal tekan ctrl+f  lalu masukan kode </head> di kolom yg sudah ada

5. lalu copy code di bawah ini tepat di atas code </head>

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

<script type='text/javascript'>

$(document).ready(function() {

$(&#39;a&#39;).hover(function() { //mouse in

$(this).animate({ marginLeft: &#39;12px&#39; }, 400);

}, function() { //mouse out

$(this).animate({ marginLeft: 0 }, 400);

});

});</script>

6. lalu anda tinggal tekan simpan

Cara Membuat Anti Click Kanan Dengan Gambar Cara Membuat Anti Click Kanan Dengan Gambar

Bosan Dengan Anti Clik Kanan Yg Bisa2 Aja Nah Kebetulan Saya Akan Memposting Anti Click Kanan Dengan Gambar Ya Udah Langsung Peraktekan Aja Ya


1.Masuk Ke Rancangan/Design.
2.Click Tambah Gadget/Add Gadget.
3.Pilih HTML/JavaScript.
4.Edit Dan Masukan Code DiBawah Ini.

<script type='text/javascript'>

//Edit tema dibawah ini, isi Dark untuk background bertema gelap, dan Light untuk background berwarna terang.

var DADrightclicktheme = 'Dark';

var DADrightclickimage = 'http://i1145.photobucket.com/albums/o501/robanivm/Untitled-1copy-1.png

';

</script>

<script type='text/javascript' src="http://dickeymaru.googlecode.com/files/dmantirightclickv2.js"> </script>

Kamu ganti kode yang berwarna Hijau dengan skema blog kamu. Jika blog kamu bertema gelap / berwarna hitam, isikan Dark. Jika blog kamu berwarna putih atau berwarna terang, isikan Light.
Kamu ganti kode yang berwarna Kuning dengan URL gambar Anti Klik Kanan mu.
Kemudian Simpan/Save dan lihat hasilnya :D

Cara Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor Cara Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor

Nih Kali Ini saya akan mempost cara membuat gambar kerucut dan berputar saat disentuh cursor

ya udah langsung aja peraktekan

1. buka blogger

2. menuju rancangan  Edit HTML

3. cari code </head> 

4. masukan code di bawah tepat di atas code </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'><style>.post img{margin:10px;padding-left5px;width:100px; height:100px;text-align:center;-webkit-background-clip: padding-box;-webkit-box-shadow:0px 0px 0px 3px #001fbb;-moz-box-shadow:0px 0px 0px 3px #000;box-shadow:0px 0px 0px 3px #001fbb;-webkit-border-top-left-radius: 50px;-webkit-border-bottom-left-radius: 50px;-moz-border-radius-topleft: 50px;-moz-border-radius-bottomright: 50px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;-o-border-top-left-radius: 50px;-o-border-bottom-right-radius: 50px;};{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}</style></b:if>

5. Simpan dan lihat hasilnya

jangan lupa komentar ya :)

Link Exchange Link Exchange

<br />
<a href="http://i1295.photobucket.com/albums/b623/Adit1006/anigif-2.gif"/></a><br />
<br />

Saya Ingatkan Lagi Jika Sudah Memasang Barner Saya Silahkan Masukan Url Blog Anda
Di Kotak Komentar Lalu Publikasikan Koment

TUKARAN LINK
Masukan Link Sobat Dibawah Ini Jangan Lupa Taruh Link Saya Di Blog/Website Sobat Ya

1.	Tips And Tricks Di Ps2	7.	my- tecnology	13.	click to earn money
2.	The FIM Site	8.	Miki Maru™	14.	Doank Blog
3.	Alam RBQ	9.	Info Dunia | Mengenal Waktu	15.	Nickadam
4.	Red Hackz Cheaterz	10.	Darkel Emen	16.	Nick Adam
5.	Info New Software	11.	Kumpulan Tutorial dan Artikel Gratis (Achmad Husaini)	17.	You're next!
6.	Kevin- Syndicate	12.	Klik Untuk Dapat $5

Mister Linky's Magical Widgets
To add your link to the list, enter your name and URL in the form below and press Enter.

Your name:
Your URL:

Please leave a comment after linking... Thank you!
Click here for Mister Linky's name/URL cookie removal tool.

AUTO BACKLINK FREE



<a href="http://dj-doo.blogspot.com/" target="_blank" title="Free Automatic Backlink"><img border="0" alt="Free Automatic Backlink" src="http://i1145.photobucket.com/albums/o501/robanivm/anigif_zps5c32efc9.gif" /></a>

Banner Sobat

Cara Menyembunyikan CSS Cara Menyembunyikan CSS

1. Login ke blogger masuk ke rancangan template >>>Edit HTML

2. selection dari tengah code berikut <b:skin><![CDATA[ script css (cut) ]]></b:skin>

3. setelah selection klik kanan >>> cut atau ctrl+x di keyboard 

4. kemudian pastekan kode ke notepad dan save dengan  format. css 
    contoh: DRobani.css 

5. kemudian upload file css tadi ke dalam hostingan atau Google site

6. setelah di upload sekarang tinggal membuat script panggilannya. ganti code dengan code berikut

<link href='URL-FILE.CSS' rel='stylesheet' type='text/css'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:skin><![CDATA[ ]]></b:skin>
</b:if>

7.teks yg merah ganti dengan url yg sudah di upload tadi

8.dan save template

jangan lupa komentar ya ^_^

Cara Membuat Back To Top Dengan Efek Bounce Cara Membuat Back To Top Dengan Efek Bounce

Ok Kali Ini DRobani Akan Memposting Lagi Nih Tentang Tutorial Blog Cara Membuat Back To Top Dengan Efek Bounce Mungkin Di Blog yg lain Udah Banyak yg Post Cara Membuat Back To Top Dengan Efek Bounce Tapi Gak Papa Ok langsung Aja

1. Buka Blogger > Rancangan > Edit HTML

2. Centang Expant Template Widget Lalu Cari Code ]]></b:skin>

3. Setelah Itu Lalu Letakan Code Dibawah Ini Di Atas Code ]]></b:skin>

#`Cyber`-`Adit`Top {text-align:center;position:fixed;bottom:0px;right:10px;cursor:pointer;        display:none;color:#000; font-family:verdana;font-size:11px;}

4. Dan Taruh Juga Code Dibawah Ini Di Atas Code </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() &gt; 100) { $(&#39;#IrvanTop&#39;).fadeIn(); } else { $(&#39;#IrvanTop&#39;).fadeOut(); } });
$(&#39;#IrvanTop &gt; img&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>

5. Lalu Cari Code </body> Dan Letakan Code Dibawah Ini Diatas Code </body>

<div id='`Cyber`-`Adit`Top'><img src='URL+GAMBAR+BackToTop' style='margin-right:-9px'/></div>  

6. Selesai Tinggal Save Template

Jangan Lupa Komentar Ya ^_^

Script Anti Plagiat (anti copy/paste blog kita) Script Anti Plagiat (anti copy/paste blog kita)

  Ini merupakan trik untuk mengalihkan tombol CTRL+U ke suatu halaman, seperti yang ada di blog saya..

Terima kasih untuk Edwin karena sudah memberikan script ini ^__^

Fitur-Fitur :

Tidak bisa CTRL+U

Tidak bisa CTRL+S

Tidak bisa Ctrl+Shift+I

Tidak bisa F12

Script ini berbeda dengan script

<body oncontextmenu='return false;' onkeydown='window.location.href="URL-JEBAKAN"; return false;'>

Karena script diatas mematikan semua tombol yang memerlukan CTRL. Script yang akan saya berikan kali ini lebih baik dari script yang diatas...

Karena CTRL+C tetap akan bisa..

Ok langsung saja ke caranya....

1. Masuk ke Dashboard Blogger kamu.

2. Lalu ke Rancangan > Edit HTML.

3. Carilah dengan CTRL+F </head>

4. Lalu masukan kode berikut diatas </head>

<script src='http://goo.gl/N8P4Z' type='text/javascript'/>

5. Save Template , Selesai deh ^__^

jika ingin mengganti url redict nya kamu bisa mengupload script berikut di webhost kamu atau di Google Code, saya sarankan sih mending di Google Code... kalau tidak mengerti anda bisa menjelah ke website pencarian terbesar yaitu Google. :)

shortcut={all_shortcuts:{},add:function(a,b,c){var d={type:"keydown",propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(c)for(var e in d)"undefined"==typeof c[e]&&(c[e]=d[e]);else c=d;d=c.target,"string"==typeof c.target&&(d=document.getElementById(c.target)),a=a.toLowerCase(),e=function(d){d=d||window.event;if(c.disable_in_input){var e;d.target?e=d.target:d.srcElement&&(e=d.srcElement),3==e.nodeType&&(e=e.parentNode);if("INPUT"==e.tagName||"TEXTAREA"==e.tagName)return}d.keyCode?code=d.keyCode:d.which&&(code=d.which),e=String.fromCharCode(code).toLowerCase(),188==code&&(e=","),190==code&&(e=".");var f=a.split("+"),g=0,h={"`":"~",1:"!",2:"@",3:"#",4:"quot;,5:"%",6:"^",7:"&",8:"*",9:"(",0:")","-":"_","=":"+",";":":","'":'"',",":"<",".":">","/":"?","\":"|"},i={esc:27,escape:27,tab:9,space:32,"return":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"break":19,insert:45,home:36,"delete":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},j=!1,l=!1,m=!1,n=!1,o=!1,p=!1,q=!1,r=!1;d.ctrlKey&&(n=!0),d.shiftKey&&(l=!0),d.altKey&&(p=!0),d.metaKey&&(r=!0);for(var s=0;k=f[s],s<f.length;s++)"ctrl"==k||"control"==k?(g++,m=!0):"shift"==k?(g++,j=!0):"alt"==k?(g++,o=!0):"meta"==k?(g++,q=!0):1<k.length?i[k]==code&&g++:c.keycode?c.keycode==code&&g++:e==k?g++:h[e]&&d.shiftKey&&(e=h[e],e==k&&g++);if(g==f.length&&n==m&&l==j&&p==o&&r==q&&(b(d),!c.propagate))return d.cancelBubble=!0,d.returnValue=!1,d.stopPropagation&&(d.stopPropagation(),d.preventDefault()),!1},this.all_shortcuts[a]={callback:e,target:d,event:c.type},d.addEventListener?d.addEventListener(c.type,e,!1):d.attachEvent?d.attachEvent("on"+c.type,e):d["on"+c.type]=e},remove:function(a){var a=a.toLowerCase(),b=this.all_shortcuts[a];delete this.all_shortcuts[a];if(b){var a=b.event,c=b.target,b=b.callback;c.detachEvent?c.detachEvent("on"+a,b):c.removeEventListener?c.removeEventListener(a,b,!1):c["on"+a]=!1}}},shortcut.add("Ctrl+U",function(){top.location.href="URL-JEBAKAN"}),shortcut.add("Ctrl+S",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("Ctrl+Shift+I",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("Ctrl+Shift+J",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("Ctrl+Shift+K",function(){top.location.href=" URL-JEBAKAN "}),shortcut.add("F12",function(){top.location.href=" URL-JEBAKAN "});

Kamu tinggal cukup mengganti URL-JEBAKAN dengan url jebakan anda :D

ok.. cukup sekian.. 

jika artikel ini berguna kamu bisa follow blog ini ^__^

Kumpulan Menu Navigasi Blog yang Keren Kumpulan Menu Navigasi Blog yang Keren

HI. Kawan-Kawan Kali Ini Saya Akan Mempost Menu Navigasi Blog Yg Keren

Taruh Code CSS Di Bawah Di Atas Code ]]></b:skin>

Style 1. Green Navigasi By : RVmalice




CSS

#greeNav{<br /> height:40px;<br /> margin-top:10px;<br /> }<br /> #greeNav-left{<br /> float:left;<br /> display:inline;<br /> width:100%;<br /> }<br /> #greeNav ul{<br /> position: relative;<br /> overflow: hidden;<br /> padding: 0px 0px 0px 5px;<br /> margin-left: 15px;<br /> margin-top: 1px;<br /> margin-right: 15px;<br /> text-transform: uppercase;<br /> font-size: 20px;<br /> height: 35px;<br /> font-family: 'Squada One', cursive;<br /> background: #292929;<br /> border-left: 5px solid #393939;<br /> border-right: 5px solid #393939;<br /> -moz-border-radius: 20px;<br /> -webkit-border-radius: 20px;<br /> border-radius: 15px;<br /> }<br /> #greeNav ul li{<br /> float:left;<br /> list-style:none;<br /> background:#191919;<br /> height:50px;<br /> margin-left:5px;<br /> width:relative;<br /> -moz-border-radius:5px 0 0 5px;<br /> text-shadow: 0 1px 2px #191919;<br /> }<br /> #greeNav ul li a, #nav ul li a:visited{display:block; color:#ace43f; text-decoration:none; padding:6px;}<br /> #topnav2 ul li a:hover{background-color: #90C529;<br /> color: #191919;<br /> display: block;<br /> height: 50px;<br /> -webkit-transition: all .4s ease-out;<br /> -moz-transition: all .4s ease-out;<br /> -o-transition: all .4s ease-out;<br /> }<br /> #greeNav ul li.home a:hover{background: url("http://i1180.photobucket.com/albums/x403/ilhamganteng99/HOME_32x32-32.png") no-repeat top left;<br /> background-size: 22px;<br /> background-position-y: 5px;<br /> background-color: #191919;<br /> color: #90C529;<br /> display: block;<br /> height: 40px;<br /> -webkit-transition: all .4s ease-out;<br /> -moz-transition: all .4s ease-out;<br /> -o-transition: all .4s ease-out;<br /> }<br /> #greeNav li.home a {<br /> background: url("http://i1180.photobucket.com/albums/x403/ilhamganteng99/HOME_32x32-32_IZ.png") no-repeat top left;<br /> background-position-y: 5px;<br /> padding-left: 27px;<br /> background-size: 23px;<br /> color: #191919;<br /> padding-bottom: 1px;<br /> background-color: #ACE43F;<br /> height: 40px;<br /> }</a>

 Jika Anda Memilih Green Navigasi Maka Ganti Code <div id="navigasi"> Dengan <div id="Greenav">



Style 2 SORA NO OTOSHIMONO Navigasi



#SNOnav {<br /> float: left;<br /> width: 100%;<br /> overflow: hidden;<br /> margin-top: 0px;<br /> border-bottom: 10px solid #A8CABA;<br /> background: rgba(0, 0, 0, 0.4);<br /> padding-top: 5px;<br /> padding-bottom: 5px;<br /> }<br /> #SNOnav li {<br /> float: left;<br /> display: inline;<br /> list-style: none;<br /> margin: auto;<br /> color: #fff<br /> -moz-border-radius: 60px;<br /> -webkit-border-radius: 60px;<br /> border-radius: 60px;<br /> border-left: 9px solid #5D4157;<br /> border-right: 9px solid #5D4157;<br /> text-shadow: 0px 1px 1px black;<br /> width: 81px;<br /> height: 35px;<br /> line-height: 35px;<br /> margin-right: 10px;<br /> text-align: center;<br /> margin-left: 10px;<br /> -webkit-transition: all 0.5s ease-in-out;<br /> -moz-transition: all 0.5s ease-in-out;<br /> }<br /> #SNOnav li:hover {background:#5D4157;}<br /> #SNOnav ul:hover, #nav li a {text-shadow: 0px 3px 1px black;}<br /> #SNOnav li a:hover, #nav li a.selected{<br /> color:#fff;}<br /> #SNOnav li a {<br /> font-size:12px;<br /> font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;<br /> text-decoration:none;<br /> text-align: center;color:#fff;<br /> -moz-transition: all 0.5s ease-in-out;<br /> -webkit-transition: all 0.5s ease-in-out;}

  Contoh Jika Anda Memilih Green Navigasi Maka Ganti Code <div id="navigasi"> Dengan <div id="SNOnav">



                         Style 3 #Coming Soon


                         Style 4 #Coming Soon

                        Style 5 #Coming Soon


Sekarang Taroh Code Dibawah Ini Di Bawah Code  </body>

<div id='navigasi'> <ul> <li><a href='http://dj-doo.blogspot.com/'>Home</a></li> <li><a href='http://dj-doo.blogspot.com/'>GuestBook</a></li> <li><a href='http://dj-doo.blogspot.com/'>Exchange</a></li> <li><a href='http://dj-doo.blogspot.com/'>SiteMap</a></li> <li><a href='http://dj-doo.blogspot.com/'>Disclaimer</a></li> <li><a href='http://dj-doo.blogspot.com/'>About</a></li> <li><a href='http://dj-doo.blogspot.com/'>Stats</a></li> </div> </a>

 Ganti Code http://indraahmadrobani.blogspot.com/ Diatas Dengan URL Anda Ganti Juga Nama nya yaitu Home , Guest , Exchange , SiteMap , Disclaimer , About , Stats Dengan Name Yg Anda Inginkan

Jangan Lupa Komentar Ya ^_^