`Cyber`-`Adit`

Tampilkan postingan dengan label Tips N Trik Blogger. Tampilkan semua postingan

Sabtu, 17 November 2012

Cara Membuat Headline New Cara Membuat Headline New

Sobat blogger, apa kabar? Pastinya baik.

Jika sobat lihat pada bagian atas blog saya terdapat tulisan berjalan. Tulisan berjalan tersebut kita kenal dengan istilah headline news. Head line news di blog saya ini menampilkan judul dan link ke postingan saya. Hal ini saya manfaatkan untuk membantu para pembaca untuk pergi ke postingan saya yang lain. Selain itu, headline news ini sangat membantu saya untuk meningkatkan traffic pengunjung di blog saya.

Jika sobat tertarik memasangnya pada blog sobat, silahkan sobat praktekkan caranya di bawah ini:

1. Log in Ke Blogger

2. Pada halaman dasbor, klik Rancangan > Elemen Laman

3. Klik Tambah Gadget

4. Plilih HTML/Java Script

5. Copy-Pastekan kode di bawah.

<script type="text/javascript">
var hn_url_blog="http://dj-doo.blogspot.com/";
var hn_jumlah_post= 15;
var hn_warna_latar="#333333";
var hn_warna_garis="#000000";
var hn_posisi="top";
var hn_tampilkan_judul=true;
var hn_backlink= true;
</script>
<script src="http://krisan-tips-trik.googlecode.com/files/Headlinenews%20%281%29.js"></script>"></script>

Ganti kode dibawah menjadi:

http://dj-doo.blogspot.com = Ganti Dengan Url Blog Sobat

jumlah_post= 15; = angka 15 ganti dengan jumlah postingan yang akan muncul.

warna_latar="#333333"; = kode bercetak tebal ganti dengan kode warna sesuai keinginan sobat

warna_garis="#000000"; = kode bercetak tebal ganti dengan kode warna sesuai keinginan sobat

6. Jika sudah Klik Simpan.

Cara Memasang Music Otomatis Tersembunyi di blog

Musik tersembunyi maksudnya ketika blog kita dibuka Musiknya akan
ter play sendiri tanpa terlihat widget dari blog nya . Nah lebih ngirit tempat selain itu juga lbh simpel blognya.
Ok langsung aja, cekidot..

Berikut cara memasangnya di blog Sobat :

1. Log in di blogger dengan id anda untuk masuk ke akun dan mengedit blog anda.
2. Klik Tata Letak / Layout
3. Tambahkan gadget dengan mengklik Add a Gadget
4. Pada menu yang tersedia, pilih atau klik HTML/Javascript
5. Selanjutnya masukkan kode berikut di bawah ini dengan cara copy dan paste pada kotak from HTML tersebut.
<embed src="http://www.snapdrive.net/files/649580/De Meises - Dengarlah Bintang Hatiku.swf" autostart=true loop=true width=0 height=0 align="CENTER"></embed>

Note :
Ganti kode yang berwarna biru dengan kode musik yang akan anda pasang . .
Ingat harus berdomain ( .swf ) agar kode HTML dapat bekerja . .

Untuk Musik.swf nya sendiri sobat dapat cari koleksinya disini

Kamis, 15 November 2012

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

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 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).

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

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.

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';

</script>

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

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

Kalau sudah silahkan dilihat hasilnya.

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() {

$('a').hover(function() { //mouse in

$(this).animate({ marginLeft: '12px' }, 400);

}, function() { //mouse out

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

});

});</script>

6. lalu anda tinggal tekan simpan

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

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 != "item"'><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 :)

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 == "static_page"'>
<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

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() > 100) { $('#IrvanTop').fadeIn(); } else { $('#IrvanTop').fadeOut(); } });
$('#IrvanTop > img').click(function() { $('body,html').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)

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

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

Taruh Code CSS Di Bawah Di Atas Code

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 Dengan

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 Dengan

Style 3 #Coming Soon

Style 4 #Coming Soon

Style 5 #Coming Soon

Sekarang Taroh Code Dibawah Ini Di Bawah Code

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 ^_^

Jam Sekarang
Tanggal
Salam Sapa	:
Status Admin	: Online
User Online	:

`Cyber`-`Adit`

Menu

Tombol Atas

Navbar Bawah

Cari Blog Ini

Sabtu, 17 November 2012

Cara Membuat Headline New Cara Membuat Headline New

Cara Memasang Music Otomatis Tersembunyi di blog

Kamis, 15 November 2012

Cara Mudah Membuat Tampilan Blog/Web Maintenance

Cara Membuat Anti Click Kanan Dengan Menggunakan Pesan

Cara Memasang Status YM online/offline

cara mengganti older post dengan angka

Cara Membuat Link Yg Disentuh Seperti Menjauh

Cara Membuat Anti Click Kanan Dengan Gambar

Cara Membuat Gambar postingan Kerucut Dan Berputar Saat Disentuh Cursor

Cara Menyembunyikan CSS Cara Menyembunyikan CSS

Cara Membuat Back To Top Dengan Efek Bounce

Script Anti Plagiat (anti copy/paste blog kita)

Kumpulan Menu Navigasi Blog yang Keren

Rabu, 07 November 2012

Tips N Trik Blogger Tips N Trik Blogger

Partners

Dialog perhatian

music

online

~Headlines~

JS