Pasang Emotions di Kotak Komentar

Kalo kata o-om sih "ga akan lengkap kalo komentar tanpa emotions". Yupz..emang betul banget sih kayak gitu soalnya dengan adanya emotions kita jadi bisa mencurahkan perasaan kita. Nah...untuk pasang emotions  di Kotak Komentar ini sebelumnya anda harus sudah pasang dulu kotak komentar blogspot, kalo belum silahkan menuju ke bikin kotak komentar di bawah postingan blog. Kalo udah langsung aja ikutin cara2 ini : Langkah #1 (Pasang Javascript) Anggap saja anda sekarang telah berada di menu edit HTML, Silahkan copy paste kode ini persis diatas kode tag body penutup --> </body>
<script src='http://mizwar.blog.googlepages.com/senyum.js' type='text/javascript'/>
Jadi posisi sesudah di copy-nya seperti ini : <script src='http://mizwar.blog.googlepages.com/senyum.js' type='text/javascript'/> </body> Nah....kalo udah silahkan kasih tanda centang pada kotak expand template widget. Lalu cari kode seperti 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> Jika sudah ketemu, copy paste kode berikut di bawah <p class='comment-footer'> (lihat kode diatas)
<b><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'/> =))</b>
save template dan selesai. Untuk cara pakai-nya tinggal tambahin aja tanda emotions sesuai gambarnya.
sumber o-om.com

Cara Bikin Kotak Komentar Langsung di Bawah Postingan (Fitur Baru)

Nah...ini dia salah satu fitur terbaru yang akan di luncurkan oleh google. Tapi walaupun masih "akan", Tetep dah bisa dipraktekin kok. Kotak komentar di bawah postingan yang memang menjadi salah satu kekurangan blogger (dulu) kini sudah ngga lagi. Ok..Mengenai bagaimana cara membuatnya, ikuti langkah2 nya di bawah ini :

Langkah #1

- Silahkan login dulu di http://draft.blogger.com dengan menggunakan id dan password kamu.
- di Menu Dashboard, Pilih Setting kemudian pilih Comment.
- Setelah itu, silahkan cari Penempatan formulir komentar. Lalu pilih Disemat di bawah entri.


- Kalo udah Save Template anda.

Langkah #2

Langkah ini dilakukan apabila setelah setting di langkah #1, kotak komentar masih belum muncul. Jadi saran saya, silahkan lihat dulu blog anda (setelah langkah #1 selesai). Apabila belum muncul kotak komentarnya, silahkan lanjutkan dengan langkah #2 ini.
- Langsung aja masuk ke menu Edit HTML pada Layout anda
- Jangan lupa Download dulu template anda takut2 terjadi kesalahan.
- Lalu kasih tanda centang pada expand template widget.
- Kemudian cari kode Html berikut : (Terkadang setiap template agak berbeda, jadi fokuskan saja pada text yang berwarna hijau "Kata O-OM")


<p class='comment-footer'>
<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>
</p>


Kalo dah ketemu, ganti kode tersebut (semuanya) dengan kode dibawah 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>

Save template anda, dan lihat hasilnya. Catatan : bila masih tetep ga ada kotak komentarnya, silahkan ikuti tutorial super lengkapnya di blog kang rohman tentang setting kotak komentar dibawah posting.


Sumber : O-om.com 

Fitur Terbaru dari Blogger

Setelah jalan2 di blognya kang rohman, saya melihat artikel tentang fitur2 baru dari blogger yang mana di terangkan dalam blognya blogger di http://bloggerindraft.blogspot.com. Fitur terbaru yang akan diluncurkan oleh blogger tersebut antara lain New post editor, Webmasters Tools, Star Rating, import / Export Blogs, dan Embedded Comment From. Berikut artikel singkat tentang fitur2 blogger terbaru tersebut :


New Post Edittor
Edittor untuk posing artikel terbaru dari blogger dengan design yang lebih stabil, lebih cocok, lebih terprediksi, dan akan lebih memudahkan blogger untuk memberikan fungsi lebih dalam posting artikel di masa yang akan datang.

Webmaster Tools
Memudahkan blogger untuk memverifikasi blognya di Google Webmaster Tools

Star Rating
Memudahkan para pembaca blog untuk menilai artikel blog anda.



Import / Export Blogs
Memudahkan blogger untuk memindahkan postingan dari satu blog ke blog yang lain

Embedded Comment Form
Menampilkan kolom komentar langsung di bawah postingan.



Jika anda ingin langsung memanfaatkan fitur - fitur blogger yang baru itu, silahkan login langsung di http://draft.blogger.com dengan menggunakan Id dan Password blogger anda. Dengan adanya fitur - fitur terbaru ini, mudah2an para blogger mania makin cinta dengan blogspot.com.

Salam ngeblog

Cara Daftar Blog ke Search Engine

Materi Tips SEO kali ini adalah mengenai Cara Daftar Blog ke Serach Engine. Daftar Blog ke search engine dimaksudkan, supaya...blog kita dapat terindeks di search engine (Google, Yahoo, Msn, dll). Pernah ga terbayang kalo blog kita muncul di hal pertama di search engine google misalnya? Bagaimana hal tersebut bisa terjadi...salah satunya adalah dengan mendaftarkan situs/blog kita search engine. Berikut cara - caranya : Daftar situs/blog di google Anda pasti sudah tidak asing dengan google. Ya...karena google merupakan mesin pencari (search engine) terbaik saat ini. Nah..supaya blog kita muncul di mesin pencari ini, silahkan daftar kan blog anda dengan mengunjungi www.google.com/addurl. Selanjutnya silahkan isi form2 yang disediakan sesuai dengan data situs/blog anda.
  1. URL --> isi dengan alamat blog anda. contoh = http://bloganda.blogspot.com
  2. Comments --> isi dengan keyword pada bloganda
  3. Optional --> isi sesuai text yang tertulis (untuk menghindari spam)
Nah....Selesai deh Daftar blog di yahoo Selain google, search engine lain yang biasa dipakai orang2 untuk mencari sebuah situs adalah yahoo. Supaya blog anda terindeks di mesin pencari ini, silahkan kunjungi https://siteexplorer.search.yahoo.com/submit. Untuk di mesin pencari ini, anda tinggal masukan alamat blog anda dan alamat blog feed anda. contoh untuk alamat blog = http://bloganda.blogspot.com contoh untuk feedblog = http://feeds.feedburner.com/feedanda (kalo anda daftar di feedburner). Daftar blog di Msn Mungkin untuk mesin pencari yang ini anda agak sedikit asing mendengarnya. Memang sih saya juga merasa demikian. Tapi ga ada salahnya kalo anda mendaftarkan blog anda di msn, gampang kok tinggal kunjungi http://search.msn.com/docs/submit.aspx?FORM=WSDD2. lalu isi text sesuai gambar (untuk menghindari spam) kemudian masukan url blog anda c:/ http://bloganda.blogspot.com. selesai Selain diatas sebenarnya ada cara yang lebih mudah untuk daftar ke beberapa search engine secara otomatis tinggal kunjungi ini atau ini lalu masukan url blog anda.

Mengganti Tanggal dengan Icon Kalender

Haloo semua....Selamat pagi. Aku punya hacking blog yang baru nih....walaupun aku baru tahu, padahal orang lain sudah tahu dari dulu . Nah...untuk blog hack yang ini saya akan kasih tau bagaimana Mengganti Tanggal dengan Icon Kalender. Pengen tahu contohnya...? Lihat aja nih di blognya mr. robbex. Dah liat...? Pengen tau caranya...?Ok deh langsung aja ya......
  1. Setelah login di blogger, dan sebelum edit HTML anda, pastikan dulu format tanggal blog anda harus mm/dd/yyyy. Kalo belum, silahkan ganti dulu. Caranya...setting--->>formatting trus ganti date header format-nya dengan mm/dd/yyyy. kalo ga tau formatnya seperti ini : 1.25.2008.
  2. Nah..langkah ke-2 yaitu edit HTML. caranya masuk ke layout--->>edit HTML jangan lupa kasih tanda centang di Expand Template Widget.
  3. Kalo udah, Silahkan cari kode HTML di bawah ini :

    <TITLE><data:blog.pageTitle/></TITLE>

  4. Kalo sudah ketemu, copy paste script berikut dibawah kode HTML yang tadi :

    <SCRIPT type='text/javascript'> //<![CDATA[ function date_replace(date) { var da = date.split('.'); var day = da[1], mon = da[0], year = da[2]; var month = ['0','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']; document.write("<div class='month'>"+month[mon]+"</div> <div class='day'>"+day+"</div>"); } //]]> </SCRIPT>

  5. Kalo udah, cari kode berikut :

    h2.date-header { background:none; margin:1.5em 0 .5em; border:0px; font-size:80%; color:#b33c3c; font-style:normal; }

  6. Kalo dah ketemu, copy kode berikut di bawah kode diatas :

    .dateblock { background: url("http://mizwar.blog.googlepages.com/biru.gif") no-repeat; width: 55px; margin: 0; font-weight: bold; height: 50px; /*position: absolute; top: 0; left: 0;*/ float: left; text-align: center; } .month { font-size: 11px; width: 34px; margin-top:4px; margin-bottom:3px; margin-left:5px; margin-right:5px; text-transform: uppercase; color: #fff; } .day { color:#3366CC; font-size: 19px; width: 37px; margin: 0 5px; }

    Keterangan: Kode http://mizwar.blog.googlepages.com/biru.gif adalah gambar kalender. Kalo anda ingin mengganti gambar kalender tersebut, silahkan ganti text biru.gif dengan text kalender di bawah ini :
    Blue.gifcyan.gifhijau.gif
    orange.gifpink.gifungu.gif
    hitam.gifkuning.gifmerah.gif
    Untuk mengganti warna text bulan, silahkan ganti kode heksa warna #fff dengan warna sesukakamu. Begitu juga jika ingin mengganti warna text tanggal, silahkan ganti kode heksa #3366cc dengan kode warna sesukamu. Apabila letak text bulan tidak sesuai dengan kalender, silahkan ubah kembali marginnya dengan disesuaikan.
  7. Kalo udah selesai, kemudian cari kode html berikut :

    <data:post.dateHeader/>

    Lalu ganti dengan script ini :

    <DIV class='dateblock'> <SCRIPT>date_replace('<data:post.dateHeader/>'); </SCRIPT></DIV>

  8. Save Template dan Selesai

Tips Cara Memodifikasi Template

Artikel ini, pertama kali di publikasikan oleh hoctro's dan di publikasikan ulang oleh Kursus Blog dalam Bahasa Indonesia. Pada postingan kali ini, saya akan memberikan tips bagaimana cara memodifikasi template blogger baru anda dengan mudah... A. Memasuki Halaman Template 1. Jika anda sudah berada di blog anda (sudah login), klik pada menu customize. 2. Jika anda berada dalam suatu blog dan ingin memodifikasi blog anda yang lain, klik pada dashboard. 3. Jika sudah masuk ke dashboard klik layout. 4. Jika sudah masuk ke setting halaman, klik menu template. B. Ganti ke Edit HTML menu. Untuk melihat kode struktur template anda, klik edit HTML. Pada defaultnya, Template tersebut tidak menampilkan struktur lengkap sebuah template untuk setiap widget. Jadi apa yang anda liat adalah sebagian kecil kode dari template tersebut. Lihat gambar di bawah ini : (1) Sebelum memulai memodifikasi template anda, sangat aman apabila anda mendownload dulu template anda. (2) Jika terdapat kesalahan dalam modifikasi template, silahkan upload kembali template anda. (3) Ini adalah suatu cara untuk menampilkan kode template anda sepenuhnya (kasih tanda centang) (4) Untuk menambahkan widget baru, masukan diantar b:section tab di dalam id='sidebar'. C. Menambahkan kode CSS atau Java Script. (1) Cara termudah untuk menambahkan kode CSS yaitu diatas kode html ]]> (2) Nah...kalo untuk kode javascript, cara yang termudah yaitu di bawah kode di atas. Untuk lebih jelasnya...lihat gambar di bawah ini : (3) Selesai......

Cara Buat Related Post (Artikel yang Bersangkutan)

Mungkin anda sudah tidak asing dengan apa yang dinamakan Related Posts. Kalo misalnya belum tahu, saya kasih sedikit gambaran, Related Posts itu adalah Artikel yang Bersangkutan dimana kalo misalnya kita menampilkan suatu artikel maka akan tampil juga artikel lain dengan label yang bersangkutan. Pasti dah ngerti kan sekarang...... Ok....sekarang bagaimana cara buat Related Posts. Silahkan ikuti tutorialnya.
  1. Login di Blogger
  2. di menu Dashboard klik Layout --> edit HTML.
  3. Kasih tanda checklist pada kolom Expand Template Widget.
  4. Cari kode HTML berikut :

    <data:post.body/>

  5. Kemudian buka link berikut Related Posts code dan copy semuanya
  6. Simpan kode yang barusan di copy seperti ini :

    <data:post.body/> (Simpan kodenya disini)

  7. Save Templates dan selesai
Selamat Mencoba.....!

Menampilkan Label dengan Dropdown Menu

Tampilan menu Label untuk default blogspot yaitu dengan menu ul (list style). Mungkin untuk sebuah blog yang mempunyai label sedikit, tampilan tersebut tentu tidak masalah karena hanya memerlukan sedikit space di bagian sidebar. Nah....coba kalo blog tersebut mempunyai label yang banyak....berapa banyak space yang habis untuk memuat label tersebut.....Tentunya hal ini akan sangat mempengaruhi efisiensi blog kita. Nah...supaya tampilan label tidak terlalu menghabiskan space sidebar anda, saya punya trik bagaimana cara menampilkan label dengan dropdown menu. Berikut Tutorialnya :
  • Seperti biasa, Login dulu di blogger
  • Di jendela dashboard, klik menu layout lalu pilih edit HTML
  • Setelah itu, jangan lupa kasih tanda centang di expand template widget
  • Lalu cari kode seperti di bawah ini :

<ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <data:label.name/> <b:else/> <a expr:href='data:label.url'><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul>

Kalo ngga ketemu, berarti menu label anda belum terpasang. Silahkan pasang terlebih dahulu lalu ikuti langkah2nya lagi. Kalo sudah ketemu, ganti kode tersebut dengan kode di bawah ini :

<br /> <select onchange='location=this.options[this.selectedIndex].value;'> <option>Select a label</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select>

Klik save dan selesai..... Selamat mencoba...

Memaksimalkan Tampilan Label (Daftar Isi)

Setelah jalan-jalan liat blog orang2 yang bener jago blogging, akhirnya saya menemukan trik bagaimana cara memaksimalkan tampilan label / archive anda. Konsekuensinya....setelah kita mengklik label / archive kita, maka yang akan keluar dari label tersebut bukan isi dari posting, melainkan hanya judul post-nya saja alias daftar isi blog. sebagai contohnya, silahkan anda klik Tutorial Blogger pada menu navigasi blog saya ini. Ok...langsung aja saya kasih bagaimana caranya.
  • Login di Blogger.
  • Pada menu Dashborad klik Layout lalu edit HTML.
  • Kasih centang pada kolom Expand Template Widget
  • Trus cari kode seperti di bawah ini :

<b:include data='post' name='post'/>

kalo sudah ketemu, silahkan ganti kode tersebut dengan kode HTML di bawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <data:post.title/></a><br/><br/> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>

  • Kalo udah selesai, save template anda

Membuat Menu Dropdown

Salah satu cara termudah untuk menampilkan setiap artikel yang kita tulis yaitu dengan menggunakan menu dropdown. mengapa demikian....karena setiap artikel yang kita tulis di blog itu akan tersimpan sesuai dengan bulan dimana kita posting artikel tersebut. Misalnya kita posting artikel bulan Januari, maka artikel tersebut akan berada di arsip bulan januari. Nah...kalo misalnya blog kita udah tahunan nih ceritanya, kira2 sepanjang apa ya arsip bulanan kita...? yang pasti hal tersebut akan menghabiskan semua bagian sidebar kita...hehehehe. Nah...salah satu cara yang paling efisien untuk mengantisipasi hal tersebut, yaitu dengan menu dropdown. Contohnya seperti di bawah ini :
Nah....kali ini, saya akan membahas bagaimana cara membuat menu dropdown untuk archive dan membuat menu dropdown untuk menampilkan hal lain (link, text). Membuat Menu Dropdown untuk Archive
  • Login di Blogger
  • Pada menu dashboard pilih layout lalu pilih Page Element
  • Setelah itu pilih Add New Page Element
  • Kemudian pilih Blog Archive.
  • Lalu checklist Dropdown Menu pada menu Style.
  • Kemudian pilih Monthly pada Archive Frequency.
  • Klik Save.
  • Selesai
Nah...langkah2 diatas adalah untuk membuat menu dropdown untuk archive. Sekarang bagaimana cara Membuat Menu Dropdown untuk menampilkan hal lain semacam link...Silahkan ikuti langkah2 nya. Membuat Menu Dropdown Untuk Link. Untuk membuat menu dropdown buat link, silahkan copy paste kode di bawah ini:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex] .value,'_blank')"size=1 name=menu> <option value=0 selected>tulisan disini yang akan muncul duluan</OPTION> <option value="url anda">tulisan di sini yang akan muncul</option> </select></form>

Ket : --> Silahkan ganti text yang berwarna biru sesuai keterangan yang anda inginkan. Selamat Mencoba............
Sumber : Kang Rohman

Tutorial & Cara Buat Menu Navigasi dengan CSS

Dulu sebelum ada yang namanya kode CSS, menu navigasi dibuat dengan menggunakan table dengan kode HTML. Baik itu secara horizontal menu atau vertikal menu. Bahkan, untuk membuat sebuah layout website pun masih pake table. Nah...kalo sekarang udah ga zaman bikin menu navigasi dengan table udah ada cara lain yaitu dengan menggunakan kode CSS. Berikut cara-caranya dan mudah2an dapat dipahami......... Tutorial Membuat Kode CSS Menu Navigasi Sebelum dimulai, perlu diketahui bahwa untuk menempatkan kode CSS di blog yaitu harus diantara tag <head> dan </head>. Atau untuk lebih gampangnya, simpan aja diatas kode ]]></b:skin> </head> Ok....langsung aja ke cara membuat kode CSS untuk menu navigasi. Pertama anda harus buat dulu kode css untuk tag pengaturan menu navigasi. Lihat kode dibawah ini : #menu { margin-bottom: 10px; height: 29px; background: transparent ; padding: 0px 0; } Setelah itu, buat kode CSS untuk merubah format default untuk tag ul dan li #menu ul { margin: 0; padding: 7px; height: 29px; text-align: center; } #menu ul li { list-style: none; display: inline; } Maksud dari kode CSS diatas adalah untuk merubah format tag ul dari vertikal ke horizontal serta mengatur margin dan padding tiap menu navigasi. Selanjutnya, buatlah kode CSS untuk membuat variasi link dari menu navigasi. kodenya : #menu ul li a:link, #menu ul li a:active, #menu ul li a:visited { color: white; margin-bottom:4px; padding: 13px 7px 13px 7px; font-size: 1em; font-family: 'lucida grande', arial, sans-serif; font-weight: bold; text-decoration: yes; background: url(http://i283.photobucket.com/albums/kk315/ meezanx_2008/menu.gif) repeat-x; background-position:center; } #menu ul li a:hover { color: white; } Nah.....kode2 diatas itu semua adalah Tutorial mebuat kode CSS menu navigasi. Untuk lebih jelasnya dan cara menyimpan kode tersbut di template blog anda ikuti langkah2 berikut :
  • Login ke Blogger lalu pilih layout kemudian edit HTML
  • Sebagai kemanan silahkan download dulu template anda
  • Ingat....Jangan kasih tanda checklist pada kotak Expand Template Widget.
  • Cari kode berikut :
]]></b:skin> </head>
  • Kalo sudah ketemu. silahkan copy paste kode berikut di atas kode HTML tadi

#menu { margin-bottom: 10px; height: 29px; background: transparent ; padding: 0px 0; } #menu ul { margin: 0; padding: 7px; height: 29px; text-align: center; } #menu ul li { list-style: none; display: inline; } #menu ul li a:link, #menu ul li a:active, #menu ul li a:visited { color: white; margin-bottom:4px; padding: 13px 7px 13px 7px; font-size: 1em; font-family: 'lucida grande', arial, sans-serif; font-weight: bold; text-decoration: yes; background: url(http://i283.photobucket.com/albums/kk315/meezanx_2008/menu.gif) repeat-x; background-position:center; } #menu ul li a:hover { color: white; }

  • Setelah selesai copy paste nya, cari kode berikut :
<div id='content-wrapper''>
  • Kalo sudah ketemu (harus) copy kode berikut di atas kode html tadi

<!-- MULAI MENU --> <div id='menu'> <div style='display:none;'> <img alt='preload' src='menuon.png'/> </div> <ul> <li><a href='URL ANDA' target='_blank">Text Anda</a></li> <li><a href='URL ANDA' target='_blank">Text Anda</a></li> <li><a href='URL ANDA' target='_blank">Text Anda</a></li> <li><a href='URL ANDA' target='_blank">Text Anda</a></li> </ul> </div> <!-- AKHIR MENU -->

Catatan Penting :
  1. Ganti URL ANDA dengan link yang anda maksud dan Text Anda dengan nama dari masing - masing link. Lihat Cara Membuat Link.
  2. Jika anda mengerti kode CSS, anda bisa ganti kode CSS-nya, sesuai dengan kebutuhan anda.
Kalo sudah selesai, save template. OK....Selamat mencoba...

Cara Menyisipkan Tombol DIGG di Postingan

Kemaren ada seorang teman yang nanyain bagaimana cara menyisipkan tombol digg di postingan blog seperti blog ini, nah....sekarang, bagi sobat yang memang menginginkan hal tersebut bisa ikuti langkah - langkah menyisipkan tombol digg di postingan sebagai berikut : Ups....lupa, sebelum memulainya, pastikan pada settingan blog anda yaitu sudah di set ke enabled post page sudah di set ke yes. Ok....silahkan ikuti langkah - langkahnya :
  • Seperti biasa, Login dulu di Blogger
  • Lalu masuk ke Layout trus Edit HTML.
  • Sebelum otak atik template, sebagai keamanan silahkan download dulu template..setelah itu, beri tanda checklist pada Expand Template Widget.
  • Setelah itu, silahkan cari kode html seperti ini :

  • Kalo sudah ketemu, silahkan copy paste salah satu kode berikut :
Menampilkan Tombol Digg di Pojok Kanan Atas Postingan

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

Untuk Menampilakn Tombol Digg di Pojok Kiri Atas POstingan

<div style='float:left; margin-right:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div> <p><data:post.body/></p>

Menampilkan Tombol Digg di bawah Postingan

<p><data:post.body/></p> <div style='float:right; margin-left:10px;'> <script type='text/javascript'> digg_url="<data:post.url/>"; </script> <script src='http://digg.com/tools/diggthis.js' type='text/javascript'/> </div>

Selamat Mencoba....

Cara Membuat Text Area

Apa itu Text Area....? Untuk lebih memudahkan sobat, silahkan lihat di Bag. Sidebar blog ini dengan judul "Tukeran Link yu". Dimana.....di dalamnya ada kode-kode HTML untuk di copy paste. Memang setiap blog yang pasang text area, rata2 berfungsi untuk copy paste kode HTML bagi para pengunjungnya, Baik itu untuk tukeran link, atau pun untuk menyimpan kode2 HTML atau javascript yang nantinya akan di copy paste oleh pengunjung. Nah...bagaimana cara membuatnya, Silahkan copy paste kode di bawah ini :

<textarea rows="4" cols="20" name="code"> Simpan Text atau Kode HTML disini</textarea>

Nah...Text yang berwarna biru itu, tinggal sobat ganti sesuai apa yang mau ditulis didalam text area tersebut. Jadi kalo lihat kode HTML di atas, hasilnya akan seperti ini :

Untuk mempermudah pemahaman sobat, berikut keterangan dari kode html diatas : rows="4" --> Panjang area (Bisa diganti sesuai keinginan) cols="20" --> lebar area (Bisa diganti sesuai keinginan) Nah.....sekarang pasti sudah tau kan...?? Gampang kok.......Selamat Mencoba. Tambahan, kalo sobat pengen text area yang seperti ini :

Silahkan ikuti Tutorial Lengkapnya di blognya Kang Rohman.

Apa itu SEO

Pada waktu saya mulai menyelami Dunia Internet, Saya sering bertanya pada diri saya sendiri tentang bagaimana cara orang bisa tau Blog atau Situs kita...Ternyata setelah saya pelajari, Orang datang ke situs / blog kita yaitu dengan 2 hal : 1. Mesin Pencari (Google, Yahoo) 2. Referensi dari blog atau situs lain. Nah....terus saya berpikir lagi bagaimana situs atau blog saya bisa muncul di Search Engine (Mesin Pencari) dan ternyata setelah saya cari2 informasi mengenai hal tersebut, barulah saya tahu kenapa suatu situs bisa muncul di search engine, yaitu dengan istilah SEO. Apa itu SEO.....?

SEO adalah kepanjangan dari Search Engine Optimatization intinya, SEO adalah suatu cara untuk meningkatkan rangking situs / blog kita di Mesin Pencari. Sobat tau apa itu mesin pencari...? mesin pencari adalah suatu mesin yang bisa mencari atau yang lebih pasnya melacak situs kita dengan kata kunci tertentu. Contoh : sobat coba masuk ke www.google.com dan ketikkan kata kuncinya yaitu Kursus Blog. Hasilnya....sobat lihat gambar dibawah ini :


Sobat bisa lihat di gambar diatas, kalo blog ini ada di urutan ke 4 hal 1 dengan kata kunci Kursus Blog (Padahal blog ini usianya masih belum 1 bulan lho.....). Mengapa bisa demikian...? karena saya mengoptimasi kata kunci untuk blog ini dengan kata Kursus Blog.

Kembali ke masalah SEO. Sebenarnya, Teknik SEO itu sendiri, lebih diterapkan untuk blog / situs yang memang sifatnya commercial. Dalam artian blog / situs tersebut memang ditujukan khusus untuk bisnis. Nah...kalo kita selaku blogger dan memang kalo kita buat blog hanya sekedar hobi tanpa ada latar belakang bisnis maka SEO itu tidak terlalu penting.

Tapi kalo sobat bener2 pengen tahu mengenai masalah SEO beserta tips dan trik SEO supaya blog / situs kita bisa muncul di search engine, silahkan ikuti terus Kursus Blog ini atau silahkan sobat daftar untuk berlanggan artikel Kursus Blog ini.

Cara Membuat Marquee (Text Bergerak)

Sebelum saya membahas mengenai marquee, saya akan berbicara sedikit mengenai apa itu marquee. Seperti judul postingan di atas, Marquee adalah Text Bergerak. Masih belum ngerti juga....?? silahkan lihat di bagian sidebar blog ini yang judulnya kerabatku. Nah...pastinya kalo sudah liat itu sobat pasti tau apa itu marquee. OK.....sekarang saatnya bagaimana cara membuat marquee tersebut. Eittt tapi tunggu dulu...sebagai pengetahuan sobat saja, marquee bisa digunakan untuk text bergerak, link, dan gambar. Dan juga marque bisa digunakan di semua bagian blog. Tentunya....sobat harus tahu dulu bagaimana cara bikinnya . Ok..deh kita mulai aja. Format dasar Marquee Sebuah marquee mempunyai format seperti berikut :

<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" height="100px" onmouseover="this.stop()" width="100%">TEXT atau LINK atau URL gambar anda</marquee>

Nah....pada kata yang berwarna biru itu, silahkan ganti dengan Text / Link / Url Gambar yang akan sobat jadikan supaya bergerak. Berikut keterangan dari kode HTML diatas :
  • onmouseout="this.start()" --> text akan bergerak jika pointer tidak diarahkan ke text
  • direction="up" --> text akan bergerak ke atas. Bisa diganti dengan down, left, atau right.
  • align="center" --> text rata tengah
  • scrollamount="2" --> kecepatan bergerak (makin besar angka berarti makin cepat)
  • height="100px" --> batas vertikal marquee.
  • onmouseover="this.stop()" --> marquee akan berhenti ketika mouse diarahkan ke zona marquee tersebut.
  • width="200px" --> batas horizontal marquee.
Nah....sekarang bisa khan membuat marquee....?. Sebagai contoh, silahkan sobat copy paste kode berikut dan masukan pada blog sobat.

<marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" height="100px" onmouseover="this.stop()" width="100%"><a href="http://kursus-blog.blogspot.com" target="_blank" alt="Kursus Blog">Kursus Blog</a></marquee>

Ket:
  • Marquee tsb menggunakan link. Kalo sobat belum tahu cara buat link silahkan ikuti bagaimana cara buat link.
  • Saya sarankan untuk mempermudah sobat mempraktekkan marquee tsb, sobat simpan di sidebar blog sobat. Caranya klik layout pilih page element lalu add new page element kemudian pilih html/javascript, lalu paste kode diatas.
Selamat mencoba........

Cara Buat Link

Cara buat link. Tadi pagi.....pas saya online (YM), saya dapet pertanyaan dari teman yang mengunjungi blog saya. Dia nanya..."mas...ada script buat link di jendela baru ga.....??". Nah...menyimak pertanyaan diatas (dari teman saya itu), saya pikir kayaknya ga ada script untuk buat link supaya tampil di jendela baru, tapi kalo kode HTML ada....Nah..biar berurutan, saya jelasin dari awal. Apa itu Link... Link adalah sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut . Bagaimana Membuat Link... Mari kita bahas sama – sama :

Kode HTML Dasar Untuk LINK

Kode HTML Dasar (syntax) untuk membuat link sangat simple sekali. Hanya dibutuhkan sebuah html tag yaitu <a> dan menambahkan attribute href di dalamnya. Kode lengkapnya yaitu :

<a href="url">Anchor Text</a>

Penjelasan :
- kode <a> dan </a> merupakan tag html untuk membuat link.
- href, merupakan suatu attribute yang menunjukan tujuan link (URL).
- Anchor Text merupakan perwakilan dari URL yang bisa berupa text (kata) atau gambar.

Contoh Dasar Cara Membuat Link.

Dari syntax (kode) dasar pembuatan link diatas, sekarang saya akan tunjukan bagaimana membuat suatu link. Misalnya :

<a href="http://kursus-blog.blogspot.com">Tutorial Blogspot</a>

Dari contoh diatas menunjukan bahwa URL yang menjadi tujuan link adalah http://kursus-blog.blogspot.com dan yang menjadi anchor text nya yaitu Tutorial Blogspot. Hasilnya, jika ditampilkan di web atau blog = Tutorial Blogspot.

Cara Membuat Link Terbuka di Jendela Baru

Setelah kita belajar dasar – dasar pembuatan link, sekarang kita belajar cara membuat link terbuka di jendela baru. Maksudnya? mungkin anda pernah mengalami ketika meng-klik suatu link, akan terbuka sebuah halaman baru dari web browser anda. Nah cara inilah yang saya maksud.

Untuk membuat link terbuka di halaman baru, caranya cukup simple aja. Dari kode dasar pembutan link diatas, kita cukup menambahkan attribute target dan menambahkan value _blank di dalamnya. Supaya lebih jelas, coba simak kode berikut :

<a href="url" target="_blank">Anchor Text</a>

Kode diatas merupakan contoh penerapan dari attribute target pada sebuah link. Sekarang kita terapkan kode tersebut ke dalam contoh pembuatan link.

<a href="http://kursus-blog.blogspot.com" target="_blank">
Tutorial Blogspot</a>

Hasil dari kode diatas adalah = Tutorial Blogspot. Coba anda klik link tersebut, maka akan terbuka sebuah jendela baru.

Cara Membuat Link pada Gambar

Untuk membuat link pada gambar, caranya simple banget tinggal tambahin aja kode HTML untuk menampilkan gambar yaitu tag <img> sebagai pengganti dari anchor text. Format nya sebagai berikut :

<a href="url anda"><img src="url gambar anda"></a>

Kode yang saya tebalkan diatas merupakan kode dasar untuk menampilkan gambar. Lengkapnya semua kode diatas, merupakan kode dasar pembuatan link untuk gambar. Contoh penerapannya sebagai berikut :

<a href="http://kursus-blog.blogspot.com">
<img src="http://mizwar.blog.googlepages.com/logo.gif"></a>

Maka Hasilnya : Kursus Blog Mudahkan......??

OK! Panduan cara membuat link saya kira sudah cukup sampai disini (for a while). Mudah – mudahan bisa bermanfaat dan di pahami tentunya.

Jika ada pertanyaan, silahkan bertanya di kolom komentar.


Review Blog.......Blogger-Sehat.co.cc

Mulai......kali ini, saya akan mencoba memberikan informasi mengenai blog-blog yang unik dengan tema Review Blog.

Untuk review blog kali ini, saya akan coba mengulas blognya ga tau siapa tapi yang pasti blog ini mengulas seputar kesehatan. Ya....emang judulnya juga Blogger Sehat otomatis artikel - artikel yang tertulis didalamnya mengenai kesehatan. Dan saya pikir....kayaknya yang punya blog itu seorang dokter kali ya.....hehehehe.....

Di...blog tersebut, dibahas mengenai berbagai macam yang ada kaitannya dengan kesehatan, mulai dari jenis-jenis penyakit, obat-obat dan juga di blog tersebut kita bisa konsultasi mengenai masalah kesehatan. Ya...intinya, bagi sobat-sobat yang memang sadar dengan kesehatan, silahkan kunjungi http://blogger-sehat.co.cc. Insyaallah bermanfaat bagi sobat yang pengen sehat selalu...amiiinnnnnn.

Hari Gini Gak Bisa Bikin Blog....??


Mungkin....postingan kali ini agak sedikit menyimpang dari Kursus Blog. Ceritanya begini kemaren ada seorang teman yang nanya sama saya via YM,

Teman : "Mas.....!! Mas buka kursus ya....??" tanya teman aku itu setelah dia liat blog aku.
Saya : "Iya" jawabku simple
Teman : "Mas.....!! Ajarin aku dong.....!!?" rengek teman aku itu.
Teman : "Aku belum bisa nih........Tapi pengen bisa bikin blog....."
Saya : "Oohh....belum bisa ya..?" Tanyaku....
Saya : "Kenapa susah-susah jeng.... baca aja blog ini (kursus-blog.blogspot)" Kataku...
Saya : "Dari mulai daftar buat blog sampai dengan cara-cara yang lainnya ada kok....." Tambah aku
Saya : "Kalo misalnya ada pertanyaan, silahkan tanyain aja....dengan senang hati akan aku jawab kalo bisa, ya....kalo nggak mungkin ditangguhkan tapi pasti dijawab....." Celotehku.
Teman : "OK" Jawabnya simple....

Yaa mungkin juga dengan kurangnya perhatian dari para blogger yang udah profesional, dan juga mungkin dengan kurangnya publikasi mengenai blog, baik secara online maupun offline, sehingga tidak sedikit orang-orang yang belum tahu sama sekali tentang blog.

Sekedar informasi aja...bagi sobat-sobat yang belum bisa blog sama sekali dan pengen bisa, tinggal ikuti aja terus blog ini. Dan...kalo misalnya ada pertanyaan seputar blog atau mungkin hal lain, bisa langsung ditanyakan via YM atau dengan mengisi kolom komentar. Saya akan dengan senang hati unttuk membantu anda. Dan bagi yang mau daftar...Gratis kok ga usah bayar apa2..tinggal klik aja disini (via rss) atau disini (via email) atau dengan mengisi email di bagian sidebar blog ini. Terimakasih....................

Tips Memilih Template

Kebanyakan....template - template yang disediain blogger terkesan agak kurang menarik, sehingga banyak para blogger yang utak atik templatenya sendiri atau mendownload langsung template gratis di situs - situs yang menyediakkannya. Kenapa hal tersebut bisa begitu...ya karena template adalah modal utama kecantikan blog. Template yang bagus dan enak diliat akan memberikan kesan kepada pengunjung blog bahwa blog tsb indah sehingga para pengunjung blog pun ga akan lari kemana. Tapi tentunya....untuk menarik pengunjung ke blog kita itu bukan hanya karena template aja. Melainkan isi dari blog tsb pun harus benar-benar mempunyai nilai informasi yang sangat tinggi. Kembali ke permasalahan. Dalam memilih template ada beberapa banyak hal yang harus diperhatikan. Diantaranya : Warna dan Tata letak layout. Kenapa demikian...?? karena selera masing - masing individu sangat berbeda dan juga yang harus diperhatikan adalah kombinasi warna template yang tidak karuan. Jangan sampai....warna template yang kita digunakan pada body misalnya, kontras dengan warna template pada bagian sidebar. Walaupun demikian keindahan suatu template itu..tidak bisa kita nilai sendiri. Tapi penilaian itu datang berdasarkan penilaian pengunjung blog kita. Saran saja buat sobat yang memang seneng atau pengen utak atik template-nya, saya sarankan ketika memilih template dasar blog untuk memilih template minima. Ini saran saya lho.....Karena setelah saya teliti, ternyata template minima sangat mudah untuk dipahami sehingga mudah juag untuk direnovasi. Tapi...kalo sobat males utak atik alias ga bisa, dan pengen punya template yang bagus silahkan kunjungi newblog-templates atau klik disini. Di blog tersebut, sobat bisa lihat dan download secara gratis berbagai macam template tanpa harus utak atik kode html di blog sobat.

Cara Menghilangkan Angka dalam Label

Setelah saya perhatikan, kayaknya angka dalam label itu menjadi penghalang keindahan blog saya. Nah....bagi sobat yang ingin juga menghilangkan angka dalam label, saya kasih tau caranya :
  • Setelah login di Blogger
  • Masuk ke LAYOUT dan klik edit HTML
  • Beri tanda checklist pada kolom EXPAND TEMPLATE WIDGET.
  • Tunggu sejenak sampai proses loading selesai.
  • Setelah itu....cari kode seperti ini :
(<data:label.count/>)
  • Nah...kalo bingung nyarinya, gunakan aja menu bar edit pada browser sobat. Tinggal klik edit lalu find in this page
  • Setelah itu masukan kode seperti diatas
  • Kalo dah ketemu....Hapus aja kode itu untuk menghilangkan angka dalam label.
Mudah kan........? Selamat mencoba...........

Cara Menghilangkan Navbar Blog

Sebelum membahas hal tersebut, sebaiknya sobat harus tahu apa akibatnya bila mau menghilangkan navbar blogger. Tapi kalo emang tetep mo diilingain, ini dia langkah - langkahnya :
  • Login ke blogger lalu masuk ke LAYOUT kemudian edit HTML.
  • Copy kode di bawah ini.
#navbar-iframe { height:0px; visibility:hidden; display:none} {
  • Paste kode tersebut diatas kode ini :
]]></b:skin>
  • Jadi kurang lebih kodenya seperti ini :
#navbar-iframe { height:0px; visibility:hidden; display:none}
]]></b:skin> Nah....kode yang berwarna biru itu adalah kode untuk menghilangkan navbar blogger. Kalo pengen munculin lagi navbarnya, tinggal hapus aja kode itu. Selamat Mencoba

Cara Menampilkan Icon YM Status

Sobat pasti tahu dengan YM (Yahoo Messenger) kan...? itu lho yang sering di pakai chat....Nah kali ini saya akan memberi tahukan bagaimana cara menampilkan status YM kita apabila sedang online atau offline. Biar pengunjung blog kita tahu dan kali aja ada cewe yg pengen kenalan (PD sengihnampakgigi). Berikut ini...contoh gambar icon ym status : asa1asasasasas2sasasasasa3asasas4sasa5asasa Nah....diatas adalah gambar iconnya. Adapun untuk menampilkan gambar tersebut + status YM kita sedang online atau offline, silahkan copy paste kode di bawah ini : <a href="ymsgr:sendIM?ID YM ANDA"><img src="http://opi.yahoo.com/online?u=ID YM ANDA&m=g&t=Style" border="0"></a> Nah...text yg berwarna biru...silahkan ganti sesuai data anda untuk ID YM ANDA, ganti dengan Id ym sobat. Contoh kalo punya saya miz_doc86. pada STYLE ganti dengan gambar YM sesuai selera anda pilih aja antara 1 s.d 5. contoh gambarnya ada di atas.

Merubah Warna dan Ukuran Huruf

Untuk membuat blog sesuai dengan selera kita, ada baiknya kita mengganti warna dan ukuran huruf blog kita dari standarnya. Untuk caranya, silahkan ikuti langkah di bawah ini :
  • Login di Blogger
  • Pilih menu LAYOUT
  • lalu klik FONTS and COLORS
  • Tunggu sesaat sampai loading selesai.
  • Kalo dah masuk, silahkan ganti ukuran dan warna huruf blog sobat sesuai selera sobat sendiri.
Dalam mengganti warna huruf, ada 2 cara. Pertama sobat tinggal ganti dengan warna yang telah disediakan dengan cara mengklik warna tersebut atau mengganti kode heksa dengan kode heksa warna sobat. Simple kan......Selamat mencoba

Pasang Gambar di Postingan

Sobat semua.....supaya postingan kita terlihat lebih menarik, ada baiknya kalo kita posting sambil pasang gambar. Dan insyaAllah dengan adanya gambar dipostingan sobat tidak akan terlalu membebani proses loading blog sobat. Tapi inget.....pasang gambarnya harus yang relevan dengan postingan ya.... Misal..kita lagi nulis artikel tentang mobil, ya...untuk gambarnya kita pasang gambar mobil juga, jangan yang aneh-aneh kaya rumah, pohon, atau apa aja yang ga ada kaitannya dengan postingan. Nah...bagaimana cara pasang gambar di postingan, berikut saya sampaikan langkah - langkahnya : 

  • Login dulu di blogger
  • Pilih menu POST
  • Lalu klik NEW POST
  • Pada jendela posting, klik gambar seperti berikut
  • Kalo sobat pengen ambil gambar dari komputer sobat, sobat tinggal klik aja tombol BROWSE pada bagian ADD AN IMAGE FROM YOUR COMPUTER lalu pilih gambar yang akan dimasukan ke postingan
  • Kalo misalnya mau upload gambar dari situs lain, tinggal isi aja kolom kosong di bawah tulisan ADD IMAGE FROM WEB dengan memasukan url gambar yang sobat maksud.
  • Pada menu CHOOSE A LAYOUT pilih salah satu antara NONE, LEFT, CENTER atau RIGHT sesuai dengan keinginan sobat.
  • Pada menu IMAGE SIZE pilih satu antara SMALL (kecil), MEDIUM (sedang) atau LARGE (besar) tergantung selera sobat.
  • Kalo misalnya sobat pengen settinga gambarnya tetap setiap posting, kasih tanda checklist aja di samping tulisan USE THIS LAYOUT EVERY TIME.
  • Kalo sudah selesai klik UPLOAD IMAGE
  • Tunggu sebentar dan klik DONE

UPDATE: Untuk info terbaru tentang cara pasang gambar di postingan, silahkan baca tutorial lengkapnya &rarr; Cara Pasang Gambar di Postingan.


Cara Mengganti Background Blog

Duh.....dah lama nih ga posting sibuk terus ma kerjaan. Ok..sobat ku semua....kali ini saya akan sedikit membahas mengenai bagaimana cara mengganti background blog. Untuk patokannya....pertama anda harus menyimpan gambar background anda di situs yang nyediain tempat penyimpanan file. Katakanlah Photobucket.com. Tapi ingat sebelum anda menyimpan, anda harus terlebih dahulu mendaftar gratis kok. Nah kalo sudah daftar, terus sudah upload gambar yang mau dijadiin background, sekarang perhatiannya kita fokuskan ke blog. 

  • Login ke Blogger.
  • Pilih menu LAYOUT lalu editHTML
  • Jangan kasih tanda checklist pada kolom EXPAND TEMPLATE WIDGET.
  • Cari kode css body, kurang lebih contohnya seperti dibawah ini :
body { background:#FFF; margin: 0 5px 0; }
  • Kalo dah ketemu, Tambahkan kode seperti di bawah ini diantara tanda { dan } :
background:#fff url(URL FILE GAMBAR ANDA) repeat-x;
  • Tapi...kalo misalnya sudah ada kata background, tinggal nambahin kode yg berwarna biru aja. dan jangan lupa selalu ditutup dengan tanda ";".

Catatan : Tulisan URL FILE GAMBAR ANDA, ganti dengan Url gambar yang anda simpan. Sebagai contoh, Silahkan ganti Url-nya dengan Url di bawah ini : (http://i283.photobucket.com/albums/kk315/meezanx_2008/body-1.gif) Kalo sudah, klik PREVIEW dan coba anda lihat hasilnya. Ok...selamat mencoba


blogger