Wednesday, March 11, 2009

Memasang Widget Translator

Translator sangat penting keberadaannya pada sebuah blog, karena mempermudah pengunjung dari negara lain untuk ikut membaca content blog kita. Sejak lahirnya versi beta Google Translate makin beragam saja layout widget translator pada blogger. Alasannya jelas selain untuk mempermudah pengunjung juga untuk mempercantik tampilan blog.


Widget translator yang akan Ponari share disini adalah buatan Hoctro yang demonya bisa dilihat disini. Cara membuatnya adalah...

1. Login ke account blogger

2. Menuju ke Tata Letak -> Edit HTML

3. CENTANG Expand Template Widget





4. Cari kode yang mirip dengan ini

<b:section class='sidebar' id='sidebar' preferred='yes'>

5. Jika sudah ketemu kopi kode dibawah ini dan pastekan di bawah kode tadi


<b:widget id='HTML200' locked='false' title='Translate to your Language' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<form action='http://translate.google.com/translate_c?'>
<table id='webtb'>
<tr><td> <select name='tl' style='width: 15em;'>
<option value='ar'>Arabic</option>
<option value='bg'>Bulgarian</option>
<option value='ca'>Catalan</option>
<option value='zh-cn'>Chinese (Simplified)</option>
<option value='zh-tw'>Chinese (Traditional)</option>
<option value='hr'>Croatian</option>
<option value='cs'>Czech</option>
<option value='da'>Danish</option>
<option value='nl'>Dutch</option>
<option value='en'>English</option>
<option value='tl'>Filipino</option>
<option value='fi'>Finnish</option>
<option value='fr'>French</option>
<option value='de'>German</option>
<option value='el'>Greek</option>
<option value='iw'>Hebrew</option>
<option value='hi'>Hindi</option>
<option value='id'>Indonesia</option>
<option value='it'>Italian</option>
<option value='ja'>Japanese</option>
<option value='ko'>Korean</option>
<option value='lv'>Latvian</option>
<option value='lt'>Lithuanian</option>
<option value='no'>Norwegian</option>
<option value='pl'>Polish</option>
<option value='pt'>Portuguese</option>
<option value='ro'>Romanian</option>
<option value='ru'>Russian</option>
<option value='sr'>Serbian</option>
<option value='sk'>Slovak</option>
<option value='sl'>Slovenian</option>
<option value='es'>Spanish</option>
<option value='sv'>Swedish</option>
<option value='uk'>Ukrainian</option>
<option selected='vi' value='vi'>Vietnamese</option>
</select>
<input expr:value='data:blog.url' id='url' name='u' type='hidden'/>
<input name='sl' type='hidden' value='id'/>
<input name='hl' type='hidden' value='id'/>
<input name='ie' type='hidden' value='UTF-8'/>
<input style='width: auto;' type='submit' value='Go'/>
</td></tr></table></form>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


6. Save Template

Ganti value id pada kode <input name='sl' type='hidden' value='id'/> jika bahasa dasar pada blog anda memakai bahasa Indonesia





Salam manis dan damai dari Jombang, Ponari

Tuesday, March 10, 2009

Cara Meringkas Label Dengan Scroll

Setelah dalam postingan sebelumnya Ponari mencoba "mengakali" tampilan Label dengan cara menghapus angka label, tutorial kali ini kembali bermain - main dengan Label. Label kali ini akan dipermak seperti "Blogroll Auto Scroll", baca disini . Ternyata auto scroll pada Blogroll ( Linklist ) juga bisa diterapkan pada label, ga percaya ? ayo cepetan disimak...


1. Seperti biasa, kita login ke account blogger masing - masing

2. Seperti biasa juga kita menuju ke Tata Letak -> Edit HTML

3. Jangan lupa "CENTANG" Expand Template Widget






4. Cari Kode Yang MIRIP dengan ini :


<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>



Perhatikan tulisan Label yang berwarna MERAH, itu adalah nama label blog Ponari. Jika anda menamai label anda dengan KATEGORI, maka tulisan yang berwarna merah akan bertuliskan KATEGORI

5. Jika sudah ketemu, Copy kode dibawah ini dan letakkan di bawah kode tadi

<div style='width:100%; height:100px; overflow:auto;'>

6. Setelah itu, cari kode ini


<data:label.name/>
</a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
</ul>



7. Tambahkan kode </div> , di bawah kode tadi

8. Save Template

Hasilnya akan terlihat seperti blog ini, lumayan kan buat meringkas banyaknya tabel kita :)


Menghapus Angka Pada Label Dan Arsip Blog

Sebagian orang pasti merasa risih dengan adanya angka pada Label dan Arsip Blog. Padahal angka tersebut menunjukkan jumlah posting blog tentang suatu pokok bahasan dan produktivitas kita dalam posting, bahkan karena dianggap tidak sedap dipandang mata sebagian orang rela tidak menyertakan adanya label dan arsip blog


Padahal kalau alasannya hanya tidak sedap dipandang mata, itu bisa diakali kok dengan cara Menghapus Angka Pada Label dan Arsip blog. Langsung aja deh Ponari akan berbagi triknya...


1. Login dulu ke akun blogger kita

2. Lalu masuk ke menu Layout -> Edit HTML -> Centang Expand Template Widget






3. Untuk "MENGHAPUS ANGKA PADA LABEL", cari kode ini :

(<data:label.count/>)

Kemudian HAPUS

4. Sedangkan untuk "MENGHAPUS ANGKA PADA ARSIP BLOG", cari kode ini :

(<data:i.post-count/>)

Kemudian HAPUS

5. Simpan Template



Selesai deh, mudah kan ? sekarang angka yang tidak sedap dipandang mata itupun pergi entah kemana. Baca juga tutorial Cara Membuat Arsip Blog Ala Kalender sebagai alternatif untuk mempercantik Arsip Blog.

Salam manis dan damai dari Jombang, Ponari

Older Posts