- Login ke blogger dengan ID anda tentunya.
- Klik Tata Letak.
- Klik tab Edit HTML.
- Cari kode seperti ini :
]]></b:skin>
- Copy paste kode berikut persis di atas kode yang tadi :
.quickedit{
display:none;
}
- Klik tombol Simpan template.
- Selesai.
Sabtu, 17 November 2012
Cara menghilangkan Tang dan Obeng
22.52
No comments
Scrooll Pada Blog Archive
22.23
No comments
Cara Membuat Scroll Pada Blog
Archive (Arsip Blog) Supaya Lebih Menarik
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan Blogger.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut......
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan Blogger.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut......
<b:widget id='BlogArchive2' locked='false' title='Arsip
Blog' type='BlogArchive'>
6. Lalu Terapkan Seperti di bawahh ini.....
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div></div>
<b:include name='quickedit'/>
</div>
</b:includable>
7. Kode warna Biru dan Merah adalah kode yang ditambahkan kedalam script tersebut.
200 adalah tingginya, dan kalian bisa ubah seseuai ke inginann kalian..
8. Kalo Udahh tinggal Simpan dehhhh.. Liat hasilnyaaa... Mantapsss kan.
Menu Navigasi Harizontal
21.56
No comments
Cara Membuat Menu Navigasi Harizontal
1.) Masuk ke akun blogger sobat
2.) Masuk ke Dashboard > Template > Edit Html > Lanjutkan
3.) Centang tanda
4.) Lalu cari kode ]]></b:skin>
5.) Jika sudah ketemu, masukkan kode dibawah ini tepat diatas kode ]]></b:skin>
6.) Simpan Template
7.) Buka Tata Letak > Tambah Gadget > Html/Javascript
8.) Masukkan kode berikut di form Konten yang tersedia
Catatan :
** Ganti # dengan URL yang akan dituju
** Ganti Nama Link dengan nama yang akan ditampilkan dalam menu.
9.) Simpan dan lihat hasilnya
1.) Masuk ke akun blogger sobat
2.) Masuk ke Dashboard > Template > Edit Html > Lanjutkan
3.) Centang tanda
4.) Lalu cari kode ]]></b:skin>
5.) Jika sudah ketemu, masukkan kode dibawah ini tepat diatas kode ]]></b:skin>
menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Arial", Arial;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
font-size:14px;
font-weight:bold;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("http://i47.tinypic.com/qp53sw.jpg") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #2580a2 url("http://i49.tinypic.com/13zbc53.jpg") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
background:url('http://i45.tinypic.com/nvxxqg.jpg') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#2580a2 url('http://i50.tinypic.com/66elwh.jpg') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}
6.) Simpan Template
7.) Buka Tata Letak > Tambah Gadget > Html/Javascript
8.) Masukkan kode berikut di form Konten yang tersedia
<div class="menu"><ul><li><a href="#"> Nama Link </a></li><li><a href=" # "> Nama Link </a><ul><li><a href=" # "> Nama Link </a></li><li><a href=" # "> Nama Link </a></li><li><a href=" # "> Nama Link </a></li><li><a href=" # "> Nama Link </a></li></ul></li><li><a href="#"> Nama Link </a><ul><li><a href="#"> Nama Link </a></li><li><a href="#"> Nama Link </a></li></ul></li><li><a href="#">Nama Link</a></li></ul></div>
Catatan :
** Ganti # dengan URL yang akan dituju
** Ganti Nama Link dengan nama yang akan ditampilkan dalam menu.
9.) Simpan dan lihat hasilnya