loading...

Fitur baru Blogger : Statistik blog

// 17 komentar

Sekarang pihak blogger telah meluncurkan fitur satistik pengunjung blog di blogspot untuk mengetahui tentang lalu lintas berita situs.

Pilihan ini sudah diterapkan di blogger in draft dan tidak lama lagi juga akan segera diterapkan di blogger.



Fitur ini seperti Google-analytics namun hanya memberikan gambaran rinci seperti pandangan Page untuk posting, lalu lintas dan sumbernya, audience.

Yang keren tentang fitur ini adalah bahwa ia dapat diperbarui setiap jam. Jadi kamu tidak perlu menunggu terlalu lama untuk melihat statistik blog kamu.

Kamu dapat membaca lebih lanjut tentang hal ini di Bloggerindraft.
[ Baca selengkapnya ]

Membuat Highlight Current Page Menu tanpa Javascript

// 17 komentar

Bagi kalian yang udah memasang navigation menu pada blognya mungkin masih ada kekurangan, yaitu jika mengarah pada salah satu halaman static belum terhighlight.
Beberapa cara bisa dilakukan, tapi kebanyakan menggunakan jQuery atau juga javascripts. Tapi ada cara yang lebih mudah yang saya temukan di blognya Denny yang menggunakan modifikasi pada tag <ul> dengan permainan <b:if>.

Tapi kode yang digunakan memang agak panjang dan berulang-ulang, tapi cara ini murni tanpa menggunakan Javascript yang katanya bisa membuat loading blog kita agak lama.

navigasi

Kita mulai aja ya.

Login ke account blogger kamu.
Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".

contoh :

<ul id='nav'>
<li><a class='current' href='URL HOME' title='Homepages'>Home</a></li>
<li><a class='current' href='URL ABOUT' title='About Writer'>About</a></li>
<li><a class='current' href='URL CONTACT' title='Contact Person'>Contact</a></li>
<li><a class='current' href='URL SITEMAP' title='Sitemap'>Sitemap</a></li>
</ul>


diganti menjadi :

<ul id='nav'>
<b:if cond='data:blog.url != "URL HOME"'>
<li><a href='URL HOME' title='Homepages'>Home</a></li>
<b:else/>
<li><a class='current' href='URL HOME' title='Homepages'>Home</a></li>
</b:if>
<b:if cond='data:blog.url != "URL ABOUT"'>
<li><a href='URL ABOUT' title='About Writer'>About</a></li>
<b:else/>
<li><a class='current' href='URL ABOUT' title='About Writer'>About</a></li>
</b:if>
<b:if cond='data:blog.url != "URL CONTACT"'>
<li><a href='URL CONTACT' title='Contact Person'>Contact</a></li>
<b:else/>
<li><a class='current' href='URL CONTACT' title='Contact Person'>Contact</a></li>
</b:if>
<b:if cond='data:blog.url != "URL SITEMAP"'>
<li><a href='URL SITEMAP' title='Sitemap'>Sitemap</a></li>
<b:else/>
<li><a class='current' href='URL SITEMAP' title='Sitemap'>Sitemap</a></li>
</b:if>
</ul>


Ganti huruf yang dicetak tebal dengan Link URL yang dipakai.

Kemudian pada kode CSSnya ditambahkan kode baru :

#nav ul li a.current {color:#000; background:#fff; text-decoration:none;}


Kalau kamu sedikit menguasai pengkodean CSS maupun HTML, kode-kode diatas bisa dirubah agar tampak berbeda...

Contoh penerapannya bisa kamu lihat di blog Rudy Azhar pada Navigasi paling atas kanan.
[ Baca selengkapnya ]

Kenapa Image di Template Blog tidak Muncul?

// 8 komentar

Pertanyaan senada kadang terucapkan, saat kita mengetahui ada gambar yang tidak muncul atau gambar yang seharusnya muncul diganti dengan gambar lain (penyedia layanan image hosting) khususnya terjadi pada template.  Terdapat beberapa kemungkinan yang menyebabkannya, antara lain ;  salah alamat, gambar telah berpindah atau dihapus, bandwidth di penyedia layanan telah habis dan sebagainya.

“Tapi OB aku sudah cek ke alamat penyimpanan gambar-nya dan hasilnya masih memunculkan gambar tersebut.”

Berarti kemungkinan salah alamat dan gambar telah berpindah atau dihapus dapat pula kita sisihkan. Mau tidak mau atau suka tidak suka kita mesti mencari alasan lain, mengapa gambar di template  tidak muncul.  Salah satu kemungkinan lain jatuh kepada bandwidth di penyedia layanan image hosting, seperti ;  Photobucket, ImageShack, TinyPic, de-el-el.

“Bandwidth sering digunakan sebagai suatu sinonim untuk data transfer rate yaitu jumlah data yang dapat dibawa dari sebuah titik ke titik lain dalam jangka waktu tertentu (pada umumnya dalam detik). Jenis Bandwidth ini biasanya diukur dalam bps (bits per second). Adakalanya juga dinyatakan dalam Bps (bytes per second). Dalam bahasa mudahnya, adalah sebuah takaran lalu lintas data yang masuk dan yang keluar.”

(wikipedia).

Bukan menjadi rahasia umum bahwa gambar merupakan salah satu elemen agar template lebih kelihatan asoy geboy aduhay (kata terakhir dipaksain tuh...) dan tidak berasa hambar, sehingga membutuhkan layanan image hosting.  Sekarang kamu menggunakan template dari anu bin anu yang memiliki tampilan menarik dan beberapa elemennya berupa gambar.

Karena saking menariknya, banyak para blogger yang menggunakan template tersebut. Sedangkan template langsung digunakan secara default. Akibatnya semua pengguna akan menggunakan sumber image hosting yang sama.; Ketika pengunjung menyambangi blog kamu, bukan tidak mungkin pengunjung lain juga sedang blog walking ke blog yang menggunakan template sama dengan kamu.

Coba bayangkan jika puluhan pengunjung mengunjungi blog yang memiliki template sama persis.  Oleh karena banyaknya aktivitas upload gambar menyebabkan jatah bandwidth dari penyedia layanan tersebut habis. Akhirnya kamu pasti tahu, yakni gambar dalam template tidak muncul atau diganti dengan gambar si penyedia layanan.

“Kalau begitu aku tidak akan menggunakan template pakai gambar, ah?”

Eit, itu bukan merupakan pemikiran yang bijak. Seperti kata OB di atas, gambar merupakan salah satu elemen agar template tidak berasa hambar.  Point pentingnya, kita hanya membutuhkan alternatif jitu untuk memecahkan "telur itu???" (*maksudnya memecahkan masalah itu).  Alternatif jitu tersebut berupa :

  • Download gambar-gambar yang disertakan dalam template, kemudian upload gambar template tersebut ke hosting gambar yang biasa kamu pakai. Tidak jarang template yang kamu gunakan (download) telah disisipkan file gambar oleh sang empu-nya.  Jadi tinggal meluangkan waktu sebentar untuk mengupload gambar tersebut ke hosting gambar yang biasa kamu pakai.
  • Setelah proses upload selesai, jangan lupa untuk mengganti alamat penyimpanan gambar dalam template tersebut.  Contoh kode yang diganti :
body {
background:#FFFFFF url(http://i647.photobucket.com/albums/uu191/OB//bintang_tujuh_keliling.gif) }

.sidebar h2 {
background:url(http://i46.tinypic.com/152ff2b.jpg) top left repeat-x; }

Catatan : Ganti kode yang berwarna merah dengan gambar yang sama/serupa sesuai dengan alamat penyimpanan file gambar kamu yang sebelumnya telah diupload.

  • Cek dan ricek template, siapa tahu ada gambar yang tidak sesuai, seperti ; gambar yang seharusnya di header malah ngelayap ke sidebar, icon yang seharusnya untuk komentar malah jadi icon kecantikan (kagak nyambung...).

Udah cape rasanya megang tuts keyboard, ditambah lagi mata yang rada-rada mau tertutup (bilang aja ngantuk gitu! ha..ha..).  Badan pun udah pengen bertemu sang kekasih di pulau kapuk alias tempat tidur, Bobo yu...

[ Baca selengkapnya ]

Link Penulis Komentar (Comments Author) Terbuka di Tab Baru

// 10 komentar

Comments Author
Coba buka salah satu postingan di blog kamu yang ada komentarnya.  Kalau sudah klik salah satu link komentator (comments author).  What happen?  Tentu saja kamu akan dibawa ke halaman link komentator tersebut, namun terbuka pada tab yang sama. Kecuali kamu melakukan klik kanan dan pilih "Open link in New Tab".  Nah, trik blogger yang akan OB diskusikan kali ini adalah bagaimana jika kita meng-klik link penulis komentar, maka link itu akan langsung terbuka di tab baru.

Browser Tab

Versi demonya silakan klik salah satu link comments author di blog OB.

  • Sign-in ke akun blogger kamu.
  • Pilih Tata Letak --> Edit HTML --> centang "Expand Template Widget".
Expand Widget Templates

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.
  • Cari kode seperti di bawah ini :
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser, sehingga kamu tinggal memasukkan kata yang ingin dicari.
  • Sisipkan target="_blank" (warna hijau) pada kode yang berwarna merah.
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
  • Jangan lupa disimpan.
Sekarang buka kembali salah satu posting yang ada komentarnya di blog kamu dan klik link comments author.  Mudah-mudahan telah terbuka di tab baru, kalau ngga...  Maka OB akan pusing dan garuk-garuk kepala sendiri.

Update

Trik ini tidak direkomendasikan, silakan telusuri di Google tentang “Link Target” atau “Validitas Link Target”.

[ Baca selengkapnya ]