Agoengsang - Asyiknya otak - atik blog sendiri - Hallo sobat, bertemu lagi dengan saya dalam season Pojok Curhat Agoengsang. Nah, kali ini saya akan sedikit curhat mengenai " Asyiknya otak - atik blog sendiri ". Dalam season ini saya sekaligus menjawab pertanyaan sahabat saya yang bernama Sulthan Hidayatullah dengan alamat blog riau-news.blogspot.com/ .
Well, dari pada mubeng mending langsung saja ikuti saya dalam mengotak - atik blog kesayangan ini.. :D
1. Menambah Menu dibawah menu utama
Tutorialnya:
Cari kode HTML ]]></b:skin>, Lalu ketakan Kode HTML dibawah diatas kode HTML ]]></b:skin>
.solmenu{background:#7b0000;width:970px;margin:0 auto;padding:0 auto}
.solnav{width:970px;height:26px;border-bottom:solid 1px #b53e01;margin:0 auto;padding:4px 0}
.solnav ul{padding-left:7px;color:#666;text-transform:capitalize;list-style-type:none;font:normal 12px Arial, Helvetica,Verdana,sans-serif;margin:0}
.solnav li a{float:left;display:block;text-decoration:none;border-right:0 solid #415770;font-weight:700;color:#fff;padding:4px 6px 4px}
.solnav li a:visited{color:#fff}
.solnav li a:hover{background:#fff;border-radius:3px;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px;color:#000;text-decoration:none}
.solnav .current a{background:#e95000;border-radius:3px;-webkit-border-radius:3px;-opera-border-radius:3px;-moz-border-radius:3px;color:#000;text-decoration:none}
Cari kode HTML , Lalu letakan kade HTML dibawah diatas kode HTML <!-- skip links for text browsers -->
<div class='solmenu'>
<div class='solnav'>
<ul>
<li><a href='http://agoengsang.blogspot.com/'>Depan</a></li>
<li><a href='http://agoengsang.blogspot.com/'>Daftar Isi</a></li>
<li><a href='http://agoengsang.blogspot.com/'>Tukar Link</a></li>
<li><a href='http://agoengsang.blogspot.com/'>Buku Tamu</a></li>
<li><a href='http://agoengsang.blogspot.com/'>About Me</a></li>
<li><a href='http://agoengsang.blogspot.com/'>Convert Code</a></li>
<li><a href='http://agoengsang.blogspot.com/'>Kode Warna</a></li>
<li><a href='http://agoengsang.blogspot.com/'>Speed Tools</a></li>
</ul>
<br class='clearit'/>
</div>
</div>
Keterangan :
- Ganti tulisan bewarna biru dengan alamat URL sobat
- Ganti tulisan bewarna pink dengan judul menu sobat
2. Menghapus tulisan "NEWS" ( bag. 1 )
Tuturialnya :
Cari kode HTML dibawah ini :
.catbox-even h1{background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFFyUU0NFewe7LceU06nh4MgMnhdsGeDe9dnbNwplV16sLTOpA8Dmb7ux7wc18zGVX2P8a2O_NSdtjk6yLa3eNfhH8RfuW7HSodUmdGDD5YRmlLXcTo2phR4uBJVGGHVPaySgYg0PgXE/s1600/label.png) no-repeat 5px 8px;font:14px Oswald;text-transform:none;color:#333;line-height:1.2em;border-bottom:3px solid #666;margin:0 auto;padding:6px 0 6px 49px}
Jika sobat ingin menghapus tulisan "NEWS" saja tinggal delete tulisan yang berwarna biru.
Keterangan :
- Cara mengganti background yang berwarna abu - abu silakan ganti tulisan yg berwarna pink dengan kode warna sesuai keinginan sobat.. ( cek kode warna ).
- Jikalau sobat tak ingin menghapus tulisan NEWS nya dan bermaksud menggantinya saja silakan ganti tulisan bewarna biru dengan URL gambar sobat sendiri.
- Untuk mengatur jarak judul dengan sisi bagian kiri silakan edit tulisan yang berwarna merah ( Sesuaikan dengan jarak masing2 agar terlihat rapih)
3. Menghapus tulisan "NEWS" ( bag. 2 )
Tuturialnya :
Cari kode HTML dibawah ini :
.postbox1 h1{background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzFFyUU0NFewe7LceU06nh4MgMnhdsGeDe9dnbNwplV16sLTOpA8Dmb7ux7wc18zGVX2P8a2O_NSdtjk6yLa3eNfhH8RfuW7HSodUmdGDD5YRmlLXcTo2phR4uBJVGGHVPaySgYg0PgXE/s1600/label.png) no-repeat 5px 8px;font:14px Oswald;text-transform:none;color:#333;line-height:1.2em;border-bottom:3px solid #666;margin:0 auto;padding:6px 0 6px 49px}
Jika sobat ingin menghapus tulisan "NEWS" saja tinggal delete tulisan yang berwarna biru.
- Cara mengganti background yang berwarna abu - abu silakan ganti tulisan yg berwarna pink dengan kode warna sesuai keinginan sobat.. ( cek kode warna ).
- Jikalau sobat tak ingin menghapus tulisan NEWS nya dan bermaksud menggantinya saja silakan ganti tulisan bewarna biru dengan URL gambar sobat sendiri.
- Untuk mengatur jarak judul dengan sisi bagian kiri silakan edit tulisan yang berwarna merah ( Sesuaikan dengan jarak masing2 agar terlihat rapih)
Sikian, semoga artikel " Asyiknya otak - atik blog sendiri " dapat membantu sobat sekalian yang memiliki template blog yang sama.. Sampai jumpa dalam season curhat berikutnya.
