SKAONE

10 Trik Blog Menjadi Terkenal -  Membuat blog menjadi terkenal/populer dan banyak pengunjungnya tentunya merupakan keinginan semua blogger. Diawal membangun blog ini saya pun memiliki angan-angan yang sama yaitu membuat blog saya jadi populer dan terkenal yang dikunjungi ribuan orang per hari.
Namun tentu saja untuk mencapai sebuah tujuan atau keinginan kita perlu berusaha dulu karena tidak ada sebuah kesuksesan yang sifatnya instant langsung didapat dengan begitu cepat. Paling tidak sobat harus punya trik-trik yang jitu bagaimana cara mempopulerkan blog anda ke orang lain, sehingga blog anda pun nantinya akan menjadi blog yang terkenal dan ramai dikunjungi. Berdo'a saja semoga suatu hari nanti blog anda akan mendapatkan predikat The Most Popular Blog dari situs-situs terkenal.

Sistem navigasi yang baik dalam blog sangatlah diperlukan yang jelas2 dapat mempermudah pengunjung blog saat sedang menjelajahi isi blog kamu. Sistem navigasi ini bisa berupa Menu, baik horizontal maupun vertikal, atau berupa post yg dengan sedemikian rupa diubah menjadi halaman navigasi. Lalu, apa yg menarik dari Menu Horizontal Tab ini?


Menu Horizontal bisa menjadi alternatif buat Menu Vertikal biasanya dan bisa jadi ngebuat halaman
blog jadi lebih hemat. Melihat dari pentingya keberadaan nya, Menu Horizontal Tab biasanya diletakkan di tempat yg mudah dilihat pengunjung. Di bawah Header contohnya.

1. Langkah pertama, masuk ke Layout > Edit HTML.

2. Masukkan kode CSS ke dalam template, gampangnya letakkan di atas kode ]]></b:skin>

#navigation{font-size:110%;
height:2.2em;
line-height:2.2em;
margin:0 1px;
color:#999;
}
#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ccc;
white-space:nowrap;
}
#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #999;
}
* html #navigation a {width:1%;}
#navigation a:hover{
background:#ccc;
color:#fff;
text-decoration:none;
}

3. Selanjutnya cari kode ini:

<b:section class="header" id="header" maxwidgets="1" showaddelement=”no”>

Kalo engga ketemu cari section dengan class="header".
Lalu ubah menjadi:

<b:section class="header" id="header" maxwidgets="10" showaddelement="yes">

Ini dilakukan supaya kamu bisa memasukkan element di bawah bagian header blog kamu.

4. Lalu masuk ke Page Elements. Di bawah bagian Header, klik Add a Gadget. Pilih HTML/JavaScript

5. Masukkan kode2 ini ke dalamnya:

<div style="text-align: center;">
<div id="navigation">
<ul>
<li class="selected">
<a href="http://blogkamu.blogspot.com/">Home</a></li>
<li><a href="http://andika-skn.com/search/label/LABEL" >Link Label</a></li>
<li><a href="http://andika-skn.blogspot.com/">Blogroll Links</a></li>
</ul>
</div>
</div>

6. Klik save.


Menu horizontal tab sebaiknya diisi dengan link yg bisa menjadi 'pintu2' bagi artikel lainnya. Contohnya dengan link menuju label tertentu. Dan jangan juga mengisi nya dengan terlalu banyak link, tentunya bakal bikin jadi penuh nantinya.

Pas lagi2 jalan ke blognya O-OM, saya nemuin ada sebuah online tools yg bisa ngedesain menu, horizontal bisa.. vertikal apalagi. Namanya MyCSSMenu. Tools ini rasanya perlu dicoba, selain prosesnya yg mudah, pilihan menunya juga banyak.


Update:
Ok, menu sudah terpasang, terus bagaimana caranya nambah isi link ke dalam menunya?
Caranya mudah aja koq..
tinggal tambahkan:

<li><a href="LINK_YANG_DIINGINKAN" >Anchor text</a></a></li>

diantara <ul> dan </ul>. Ubah LINK_YANG_DIINGINKAN dengan link yang akan dimasukkan ke dalam menu dan ubah Anchor text sesuai link yang dituju.

Di waktu yang lalu saya pernah menulis tentang cara mengganti favicon standar dari Blogger/blogspot. Gunanya untuk branding blog kita karena dengan begitu blog kita punya 'sesuatu' untuk tampil beda. Tapi tulisan itu cara lama yang manual, karena sekitar pertengahan tahun lalu Blogger memperkenalkan cara mengganti favicon yang sangat mudah, yaitu dengan cara upload gambar yang sudah kita siapkan sebagai favicon. Bagaimana sih?






Nah sekarang bagaimana cara terbaru tadi? Gampang saja, memang paling mudah ditunjukkan dengan gambar. Karena kata orang, gambar mampu berbicara atau menjelaskan lebih banyak dari kata-kata.



Untuk mengganti favicon standar blogspot ada dua versi:
- Bila Anda yang memakai interface lama, klik Design | Page Elements
- Bagi Anda yang menggunakan interface baru, klik tab Layout 

Maka Anda akan melihat gambar yang lebih kurang seperti di bawah ini:
Sudah jelas kan? Anda tinggal klik Edit untuk mengupload favicon pilihan sendiri.
Sampai jumpa di postingan berikutnya...

 dan lihat hasilnya... 

Pada hari ini saya akan posting Cara Pasang Saving/Power Save Mode di Blogger berdasarkan permintaan teman saya di sekolah yang menanyakan tentang cara membuat energy saving berikut adalah tampilannya....