Asyiknya otak - atik blog sendiri

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 <!-- skip links for text browsers -->, 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.

   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)  

Sikian, semoga artikel " Asyiknya otak - atik blog sendiri " dapat membantu sobat sekalian yang memiliki template blog yang sama.. Sampai jumpa dalam season curhat berikutnya.

Share to

Facebook Google+ Twitter

Baca Juga :