Monitor Your Blog Rank With Alexa Widget

Bagi anda yang serius dalam blogging maka akan sangat membantu bila dapat mengetahui langsung ranking dari blog kita. Semakin tinggi ranking, maka akan semakin popular blog kita dalam search engine. Juga dapat digunakan sebagai indikator tingginya jumlah visitor blog anda. Alexa sebagai pengukur ranking blog dan situs telah memberikan free widget yang dapat diembed langsung ditempat anda, sehingga memudahkan anda dan visitor memonitornya. Berikut langkah praktisnya.

- masuk Alexa , masukkan url blog atau web anda pada "Alexa Site Stats Button", tekan "build widget"

- terdapat opsi widget yaitu Button (120 x 95), Vertical Banner (120 x 240), Banner (468 x 60), pilih sesuai keinginan anda, kemudian salin kode (javascript)yang dipilih.

Anda tidak perlu menyediakan gambar karena telah disediakan otomatis oleh Alexa. Paste kode tersebut pada template blog atau web anda. Voila!! Kini blog atau wb anda telah dilengkapi dengan pengukur ranking.

Optimize Your Internet!!

Read More ..

Write Code In Blogger Post

Mungkin anda pernah mencoba menulis suatu HTML Code dalam suatu postingan anda seperti ini ..

<div class="fullpost">

</div>

dan hasilnya adalah blank .. alias tidak keluar. Bahkan ketika telah dirangkap oleh blockquote. Hal ini dikarenakan blogger engine membaca kode tersebut sebagai suatu bagian html bukan sebagai blockquote.

Jangan panik atau membatalkan postingan anda. Yang perlu anda lakukan hanyalah merubah kode atau tag tersebut menjadi karakter html biasa. Terdapat tool online untuk melakukan hal tersebut. Berikut URL nya.

Salin kode yang ingin ditampilkan dalam postingan, pilih "encode", dan hasilnya akan keluar. Hasil tersebut yang anda gunakan dalam posting anda.

Read More ..

Read More In New Blogger

Perubahan template baru pada blogspot membuat cara lama untuk menampilkan "read more" yang berfungsi memotong suatu artikel menjadi setengah bagian menjadi tidak berfunsi lagi. Kecuali bila anda merubah (revert) ke template model lama.

Kini saya memberikan caranya menggunakan "read more" kembali pada template baru. Berikut langkahnya:

1. Login ke dalam blogger. Pilih blog anda > Layout > Edit HTML
2. Beri tanda pada checkbox "Expand Widget Templates"
3. Cari kode berikut

<div class="post-header-line-1">
<div class="post-body entry-content">

4. Tambahkan kode berikut di bawahnya

<b:if cond='data:blog.pageType == "item" '>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

5. Berikutnya cari kode berikut

<p><data:post.body/></p>
<div style='clear: both;'/> <!- clear for photos floats ->
</div>

6. Setelah kode ini

<p><data:post.body></data:post.body></p>

dan sebelum

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Sisipkan kode berikut

<a expr:href='data:post.url'>Read More .. </a>
</b:if>

7. Simpan (save) template.

8. Pilih Settings > Formatting. Pada bagian bawah terdapat Post Template. Isi dengan kode berikut

<div class="fullpost">

</div>

Pilih "Save Settings". Pada umumnya masih menggunakan span, namum terkadang Firefox salah membaca kode tersebut sehingga lebih aman bila menggunakan div.

9. Anda selesai. Kini untuk membuat "read more" pada post anda, letakkan awal posting sebelum div class="fullpost" dan sisa postingan setelah div class="fullpost".

10. Ingat untuk mengetik kode diatas daripada meng-copy paste. Karena browser tertentu akan salah membaca tanda ' yang dapat menyebabkan pesan error "Close XML Tags".

11. Happy blogging.

Read More ..