Senin, 11 April 2011

Mengedit template blogspot.

Ini postingan pertama saya….meski bukan jago ngeblog dan nulis. Mudah-mudahan postingan singkat ini bisa bermanfaat bagi pengunjung. Setelah seharian jalan-jalan sama mbah Google akhirnya menemukan beberapa cara mengedit template blogspot agar telihat lebih menarik. Cara ini telah saya uji coba untuk mempercantik blog ini. Silahkan simak……

1. Menghilangkan Icon Obeng dan Tang



Icon obeng dan tang di sebut juga icon Quick Edit. Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.
Namun ternyata ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. Untuk menghapusnya sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Berikut caranya……

  1. Login ke blogger.
  2. Klik  Rancangan.
  3. Klik tab Edit HTML.
  4. Tekan Ctrl+ F dan cari kode seperti ini

]]></b:skin>

5.      Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}
]]></b:skin>


6.      Klik tombol Simpan template.
7.      Selesai.

2. Membuat menu navbar



  1. Login ke blogger.
  2. Klik Rancangan.
  3. Pilih Eleman Laman.
  4. Pilih Tambah Gadget (di bawah header).
  5. Masukan/pilih Gadget  HTML/javascript.
  6. Copy  kode berikut:

<li><a href="url">Home</a></li>
<li><a href="url">About Me</a></li>
<li><a href="url">Download</a></li>
<li><a href="http://www.facebook.com/profile.php?id=1613531848&ref=name">Facebook</a></li>
</ul>

  1. Klik tombol Simpan template.
8.      Selesai.
Ket: Untuk url, anda ganti denganurl yang dituju, sedangkan Home, About Me, Download dan Facebook adalah tulisan yang ditampilkan.



3. Menghilangkan Menu navbar.


PERINGATAN :  Silahkan backup data template anda sebelum memulai langkah berikut:
  1. Login di blogger

  1. Klik menu Rancangan

  1. Klik menu Edit HTML

  1. Tekan Ctrl+ F dan cari kode seperti ini </style>

  1. Copy kode berikut lalu paste di atas kode </style>



/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

  1. Klik tombol Simpan Perubahan Template

  1. Selesai.

Tidak ada komentar:

Posting Komentar

blogwalking.. Selamat datang di blog saya.