The Blogger Template Designer

Inilah yang ditunggu-tunggu para pengguna blogger selama bertahun-tahun, akhirnya sampai juga saatnya dimana  blogger meluncurkan cara termudah bagi penggunanya untuk mendesain template sendiri secara online yang ditanam langsung pada halaman dashboard. Berita yang baru saja om terima dari blogger in draft tentu saja membawa angin segar buat yang kesulitan untuk men-custom tampilan blognya agar bisa tampil lebih menarik dan berbeda.

Selain menambahkan fitur terbaru pada template desainer, blogger juga dengan senang hati menyediakan 15 pilihan template terbaru. Disitu pula tersedia pilihan layout colom mulai dari 1-3 pilihan colom yang dapat rekan pilih langsung. Dan yang lebih menyenangkan, blogger juga menyediakan ratusan background dan beberapa pola siap pakai. Biar gak penasaran, rekan lihat saja videonya langsung dibawah ini:

Untuk bisa mencoba layanan ini, karena masih dalam tahap uji coba, rekan seperti biasa harus login dulu melalui blogger draft di alamat ini http://draft.blogger.com

Selamat mencoba...

Baca terus The Blogger Template Designer

Navbar Blogger Warna Transparant

Blogger kembali memperbaiki sistem tampilan pada Navigasi Bar mereka, jika dulu navbar blogger hanya memberikan 4 pilihan warna tradisional yaitu Blue, Black, Tan dan silver, sekarang blogger menambahkan dua lagi skema warna baru yaitu "Transparan Light" dan "Transparan Dark.".

Skema warna baru ini memanfaatkan kemampuan browser modern untuk memberikan transparansi (sebuah teknik yang dikenal untuk web designer sebagai "alpha blending"). 
Hal ini memungkinkan kita untuk memadukan background navbar bersama dengan background warna blog saat ini.  "Transparan Light" memiliki skema warna semi-transparan dengan latar belakang warna putih, menghasilkan warna pastel halus, sementara latar belakang "Transparan Dark" adalah warna hitam semi-transparan yang menghasilkan tampilan yang teduh. 

Berita selengkapnya bisa dibaca langsung pada Blogger Buzz

Thank for Agus Ramadhani

Baca terus Navbar Blogger Warna Transparant

Readmore (Jump Breaks) pada Blogger

Blogger sekarang udah punya readmore sendiri!!! Fasilitas Jump Breaks yang sudah lama jadi impian para blogger ini akhirnya terwujud juga, berita gembira ini bisa rekan baca langsung diblog resminya blogger, blogger in draft.
Berhubung fasilitas readmore ini masih dalam tahap uji coba pengguna, jadi hanya bisa digunakan pada area draft blogger saja. silahkan login dulu melalui draft.blogger

 

Ada dua cara mengaktifkan fasilitas readmore sekaligus mengatur letak pemenggalan teks, yang pertama, jika berada pada area Compose, kita tinggal mengatur saja letak pemenggalannya dengan mengarahkan mouse sesuai posisi cursor, kemudian diikuti dengan mengklik icon kecil "insert jump break".

Cara yang kedua, merupakan cara manual,  seperti cara konvensional yang biasa kita lakukan pada halaman EDIT HTML, kita tinggal menggunakan kode berikut ini   dan letakan dilokasi  text yang ingin dipenggal.

Want to change the "Read more" text to something more your style? No problem. You can edit the "Read more" text by clicking Layout and then Edit the Blog Posts widget.

Gambar diatas diambil dari bloggerindraft.blogspot.com
Demikian, smoga bermanfaat buat temen-temen....

Baca terus Readmore (Jump Breaks) pada Blogger

Evolusi Blogger 1999 - 2009

Sedikit sejarah tentang blogger bagi anda yang belum tau, yang udah tau mending baca artikel yang lain aja yach... :D
Blogger dibuat oleh Pyra Labs dan diluncurkan pada 23 Agustus 1999. Menarik untuk mengetahui bagaimana Blogger di masa lalu. Berikut sedikit penjelasan mengenai sejarah blogger beserta gambar...

Blogger pada tahun 1999

Blogger pada tahun 2000

Tahun 2003 Blogger dibeli oleh Google Inc dan desainpun berubah pada tahun 2004. Google juga menambahkan beberapa fitur keren seperti Upload foto (melalui Picasa), komentar, halaman arsip untuk posting dan lain-lainnya.

Blogger pada tahun 2004 sampai sekarang

Demikian sedikit sejarah blogger.
Semoga bermanfaat... :)

Baca terus Evolusi Blogger 1999 - 2009

Emoticon di Kotak Komentar

Memasang emoticon pada kotak komentar bukan saja membuat blog kita jadi keliatan rame, tapi juga akan membuat para pengunjung yang ingin berkomentar bisa me-ekspresikan isi komentarnya, gitu kira-kira penjelasannya yach?
Kalau di wordpress mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus menambah sedikit trik.
Dalam artikel kali ini saya akan memberikan dua macam contoh emoticon.

  

Langkah-langkahnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body>

Untuk Emoticon Yahoo :

<script src='http://kendhin.890m.com/emoticon/smile1.js' type='text/javascript'/>

Untuk Emoticon Kucing :

<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>

4. Kemudian cari kode berikut ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

5. Kalo sudah ketemu letakkan kode-kode berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :

<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)]
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;))
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
;;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
:D
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
;)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
:)
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
:(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
:X
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=((
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
:-/
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-*
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:|
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-}
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x(
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))

Emoticon kucing pake yang ini :

<img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o

6. Kalo sudah trus di "save" dan coba lihat hasilnya

Catatan :
Kadang-kadang ada beberapa template memiliki kode yang beda. Kalau caranya sudah dilaksanakan dengan benar tapi hasilnya tidak terjadi apa-apa atau kodenya tidak berubah menjadi emoticon, kemungkinan itu karena kode untuk templatenya berbeda atau bisa juga karena hosting untuk menaruh file emoticon dan javascriptnya sedang bermasalah.

Baca terus Emoticon di Kotak Komentar