Membuat Menu Bar
1. Login pada blogger
2. masuk ke halaman Template
3. Edit HTML lalu Lanjutkan
4. Klik centang pada Expand Template Widget
5. Cari kode ]]></b:skin> (gunakan ctrl+f)
6. Pasang kode di bawah ini di atas kode ]]></b:skin>
#menubar{7. Selanjutnya cari kode <div id="content-wrapper">
width:900px;
height:32px;
background:#de360f;
float:center;
margin-bottom:10px;
}
#menubar ul{
float:left;
margin:0;
padding:0;
}
#menubar li{
float:left;
list-style:none;
margin:0;
padding:0;
}
#menubar li a, #menubar li a:link{
border-right:1px solid #F0512D;
float:left;
padding:8px 12px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#menubar li a:hover, #menubar li a:active, #menubar .current_page_item a {
color:#ffa500;
text-decoration:underline;
}
#menubar li li a, #menubar li li a:link, #menubar li li a:visited{
font-size: 12px;
background: #de360f;
color: #fff;
text-decoration:none;
width: 150px;
padding: 0px 10px;
line-height:30px;
}
#menubar li li a:hover, #menubar li li a:active {
background: #F0512D;
color: #ffa500;
}
#menubar li ul{
z-index:9999;
position:absolute;
left:-999em;
height:auto;
width:170px;
margin-top:32px;
border:1px solid ##F0512D;
}
#menubar li:hover ul, #menubar li li:hover ul, #menubar li li li:hover ul, #menubar li.sfhover ul, #menubar li li.sfhover ul, #menubar li li li.sfhover ul{
left:auto
}
#menubar li:hover, #menubar li.sfhover{
position:static
}
8. Pasang kode di bawah ini di Atas kode yang bercetak tebal pada no 7
<div id='menubar'>
<ul><li><a expr:href='data:blog.homepageUrl'>Home</a></li><li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li><li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li><li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li><li><a href='http://creative-syndicates.blogspot.com/'>Edit me</a></li></ul></div>
Cara Mengganti Scrollbar Di Blog
Nih ada tutor dikit buat kalian......
1. Log In dulu ke Blogger sobat !
2. Pergi ke template
3. Masuk ke Edit HTML
4. Cari kode ]]></b:skin>
5. Masukan kode dibawah ini tepat di atas kode ]]></b:skin>
/* KTscrool*/Keterangan :
::-webkit-scrollbar{width:20px;height:13px;background-color:#fff;border:0}::-webkit-scrollbar-thumb{background-color:#9200bf;border:4px solid #000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#0d3dff}::-webkit-scrollbar-thumb:active{background-color:#33ff00}::-webkit-scrollbar-thumb:disabled{background-color:#ff8400}::-webkit-scrollbar-corner{background-color:#ffff00}
- Ganti kode yang berwarna biru dengan kode warna sesuka kalian !!
- Hanya berfungsi pada Google Chrome
6. Klik "Simpan Template"
7. Selesai
Coba liat keren bukan ??
Cara Menghapus Tulisan Diberdayakan Oleh Google
Blog kalian ada tulisan diberdayakan oleh blogger?,simak tutorial berikut mungkin ini bisa membantu kalian xD,Oke langsung saja
1.Buka blogger
2.klik template
3.klik edit HTML
4.Cari kode ]]></b:skin> Dengan Menggunakan Ctrl + F
5.Copy dan Paste-kan Code Di Bawah Ini Tepat Di Atas Code Tadi.
#Attribution1 {6.Kemudian Save Template
height:0px;
visibility:hidden;
display:none
}
Sukses Berhasilkan?
[ Tutorial ] - How to Edit in Photoshop Using C4D
Gx usah banyak ngomong.......Kita Nonton terus yah