rss

Sabtu, 06 Agustus 2011

Menyembunyikan Judul dan Diskripsi pada Blog

Apabila anda ingin mengganti header blog yang standar menjadi sebuah tampilan image gambar akan lebih menarik dan lebih hidup ... Pilihan yang dapat dilakukan adalah meng-upload foto ke Blogger untuk tampilan header pilihan anda. Tentu anda telah menyiapkan picture untuk bagian header ini. Tetapi sebelumnya anda harus menyembunyikan judul dan deskripsi blog agar tidak tumpang tindih dengan image yang akan di tampilkan, jangan di hapus karena judul dan deskripsi blog sangatlah penting untuk pencarian optimasi (SEO). Hal ini terjadi ketika Search engine mengindeks blog Anda menggunakan tag judul dan keterangan. Oleh karena itu bagian ini sangat diperlukan.

Kali ini saya akan menuliskan bagaimana cara menyembunyikan Judul dan deskripsi blog :

1. Menyembunyikan Judul (Hide Title Blogger)
Login di Blogger.com dan klik di Layouts pada Dashboard. Kemudian klik Edit HTML dari Template. Ingat backup template anda. Kemudian cari kode bawah ini :


#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: normal normal 200% Georgia, Serif;
display:none; /*<---Insert this line*/ }


Tambahlah kode yang saya beri warna merah : "display: none;" di baris kode untuk judul seperti yang ditunjukkan di atas. Klik tombol Pratinjau untuk melihat perubahan. Simpan Template. Lihat Blog

2. Menyembunyikan keterangan blog (Hide Description Blog)

Untuk menyembunyikan deskripsi blog cari kode dibawah ini di template blog :


#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none; /*<---Insert this line*/ }

Tambahlah kode yang saya beri warna merah : "display: none;" di baris kode untuk judul seperti yang ditunjukkan di atas. Klik tombol Pratinjau untuk melihat efek. Simpan Template. Lihat Blog.

Selamat mencoba ...

0 komentar:

:) :( ;) :D ;;-) :-/ :x :P :-* =(( :-O X( :7 B-) :-S #:-S 7:) :(( :)) :| /:) =)) O:-) :-B =; :-c :)] ~X( :-h :-t 8-7 I-) 8-| L-) :-a :-$ [-( :O) 8-} 2:-P (:| =P~ :-? #-o =D7 :-SS @-) :^o :-w 7:P 2):) X_X :!! \m/ :-q :-bd ^#(^ :ar!

Posting Komentar


Jangan kalah dengan blogger negara tetangga, sertakan link sumber saat berbagi informasi

Get Update on Facebook !

Info Terkini

Advertise

ads ads ads ads
 

Daftar Blog Saya

free counters

ads ads

Anda Pengunjung :

Followers

Diberdayakan oleh Blogger.

Checkpagerank.net Yahoo bot last visit powered by MyPagerank.Net Msn bot last visit powered by MyPagerank.Net Google PageRank Checker Powered by  MyPagerank.Net Ping your blog, website, or RSS feed for Free Blogs lists and reviews Page Rank AutoBacklinkGratisFree Promotion LinkFree Smart Automatic BacklinkMalaysia Free Backlink Services MAJLIS LINK: Do Follow BacklinkLink Portal Teks TVjapanese instant free backlink Free Plugboard Link Banner ButtonFree Automatic Backlink Service Page Ranking Tool BELAJAR|GAPTEK