tag:blogger.com,1999:blog-68642049639757577292024-02-07T21:37:07.931-08:00BEBERAPA MACAM TRIK MEMPERCANTIK BLOGTian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.comBlogger11125tag:blogger.com,1999:blog-6864204963975757729.post-19983728908423321562011-05-09T09:33:00.000-07:002011-05-09T09:33:16.114-07:00<ul class="menu page-menu primary">
<li class="last_menu">
</li>
</ul>
<div id="content">
<div class="post-155 page type-page status-publish hentry post" id="post-155">
<h2>
Bagi Ilmu : Membuat hiasan bola kristal dengan Photoshop</h2>
<div class="entry">
<div class="pd-rating" id="pd_rating_holder_42442_page_155" style="display: inline-block;">
<br /></div>
…nah sudah bisa kan temen2 buat bola kristal kaya’ yang di Bagi Ilmu
tahap A.1… sekarang saya coba menurunkan warisan… berupa ilmu untuk
menghias bola kristal yang telah dibuat sebelumnya… (warisan apaan tuh…
ga mutu…) tapi yo ga pa2… yang penting ilmu-nya bermanfaat.<br />
oh ya…tips dari saya setelah menggambar apapun dari photoshop lebih baik
disimpan dengan format .psd agar suatu saat bisa dimodifikasi lagi…
baru setelah itu disimpan dengan format lagi ga pa2…<br />
…seperti bola kristal yang telah kita buat agar bisa
dimodifikasi…kreasikan saja dengan warna-warna yang cerah… seperti
warna2 berikut… :<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/0a2.jpg" title="0a2"><img alt="0a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/0a2.jpg?w=510" /></a></div>
langsung saja… inilah dia resep2 membuat hiasan bola kristal :<br />
1.Mari kita awali sesi ini dengan bacaan basmalah bersama (lho kok
kaya’ mo ngaji aja…) nih… pertama-tama membuka file bola kristal yang
pernah kita buat… (kalau belum buat ya buat dulu… n kalau sudah dihapus
atau terlanjur disimpan dengan format lain lebih baik buat lagi aja… kan
ga lama, paling ga sampai 5 menit… kalau saya mau pakai bola kristal
berwarna hijau dulu yang kelihatan cerah… open >> pilih file bola
kristal<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/1a2.jpg" title="1a2"><img alt="1a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/1a2.jpg?w=510" /></a></div>
2.Setelah file bola kristal dibuka, kita gandakan bola kristal
tersebut, pertama pilih layer bola kristal… lalu pilih Layer >>
Duplicate Layer >> beri nama, misal hiasan bola >> OK atau
ctrl+j dengan nama default copy. nah sekarang kita punya 2 layer, bola
kristal dan hiasan bola…<br />
<div align="center">
<a href="http://riadyawan.files.wordpress.com/2008/03/2a2.jpg" title="2a2"><img alt="2a2" src="http://riadyawan.files.wordpress.com/2008/03/2a2.jpg?w=510" /></a></div>
3.Selanjutnya kita ubah warna hiasan bola dengan Klik Image >>
Adjusments >> Hue/Saturation atau ctrl+u, tentukan warna yang
dirasa cocok untuk hiasan bola… kalau saya kan bola nya hijau (Hue 100,
Saturation 100, lightning 7, colorize), jadi hiasan saya beri warna
kuning dengan nilai Hue 50, Saturation 100, dan lightning 7. Sekarang
sudah ada dua layer bola dengan warna hijau dan kuning.<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/3a2.jpg" title="3a2"><img alt="3a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/3a2.jpg?w=510" /></a></div>
4.Di tahap ini kita akan membentuk hiasan dengan bantuan filter
distort. Pilih dulu layer hiasan bola… klik Filter >> Distort
>> Polar Coordinates… gunakan tipe Rectangular to Polar. Ulangi
langkah tersebut 4 kali, maka akan terbentuk seperti pada gambar.<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/4a2.jpg" title="4a2"><img alt="4a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/4a2.jpg?w=510" /></a></div>
5.Zimbabwe masih jauh… urusan kita kita belum selesai… (emang ngapain
jauh2 ke Zimbabwe…) anyway… pilih layer hiasan bola, sekarang kita akan
membentuk hiasan bola dengan bantuan filter twirl. Caranya klik Filter
>> Distort >> Twirl… >> tentukan besarnya angle sesuai
selera… kalau saya sendiri menggunakan Angle sebesar 500. Maka… kun!
(jadilah!) hiasan bola.<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/5a2.jpg" title="5a2"><img alt="5a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/5a2.jpg?w=510" /></a></div>
6.Bisa dilihat ukuran hiasan tidak pas dengan ukuran bola kristal…
untuk menyesuaikan ukuran, pilih layer hiasan bola… tekan ctrl+t untuk
masuk ke transform… sesuaikan ukuran hiasan dengan bola… (klo yang ini
sesuaikan sendiri… soale saya bingung menjelaskannya… yang penting pas
aja).<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/6a2.jpg" title="6a2"><img alt="6a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/6a2.jpg?w=510" /></a></div>
7.Nah… untuk penghujung sesi ini maka marilah sebelum kita akhiri
sesi kita baca hamdalah bersama… (lho..) ya ga pa2 ding… ni… sebelum
kita simpan ada baiknya kita percantik sedikit dengan penajaman warna
(ini cuma tambahan…). Caranya, klik kanan layer hiasan bola, pilih
Bending Option… klik/centang Drop Shadow, sesuaikan atribut (kalau saya
Distance 7, Spread 14, Size 21), lalu gabungkan 2 layer tersebut dengan
pilih Layer >> Merge Down atau tekan ctrl+e. Lalu pilih Image
>> Adjusments >> Brightness/Contras… tentukan Brightness
dengan nilai 35 dan Contras 14 atau sesuaikan selera… Simpan file
tersebut dengan format .psd, baru setelah itu kita simpan dengan format
lain… misalnya .gif agar background jadi transparan… atau .jpeg agar
kualitas bisa terjaga…<br />
<div align="center">
<a href="http://riadyawan.files.wordpress.com/2008/03/7a2.jpg" title="7a2"><img alt="7a2" src="http://riadyawan.files.wordpress.com/2008/03/7a2.jpg?w=510" /></a></div>
akhirnya… jadi juga bola kristal dengan hiasannya… cape’ nih… tidur dulu ah… (…baru gitu aja dah capek… payah…)<br />
Kalau ada yang mau kasih komentar, protes, mencela, mau usul atau
request, atau mau nanya2 silahkan ungkapkan unek2nya kepada saya lewat
comment dibawah… (kalau ada kesulitan tinggal tanyakan lewat comment
aja… atau klo mau sms…(maunya ^^…) )<br />
Buat temenku yang di Bandung (mo nyebut nama ndak ga enak…) … jangan
pernah menyerah…buat nyong ini hanya masalah kebiasaan…keep on tryin’
bro!<br />
Next : Bagi Ilmu 2 : Membuat Animasi Text Sederhana dengan Image Ready (wih…pake next, padahal ga tau apa tu arti next…)<br />
Udah dulu ah buat sesi kali ini… selamat men-jajal…<br />
<div style="text-align: right;">
Riadyawan.</div>
</div>
</div>
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-64070070138683328722011-04-13T09:53:00.005-07:002011-05-09T09:31:18.899-07:00<ul class="menu page-menu primary"></ul>
<div id="content">
<div class="post-155 page type-page status-publish hentry post" id="post-155">
<h2>
Bagi Ilmu : Membuat hiasan bola kristal dengan Photoshop</h2>
<div class="entry">
<div class="pd-rating" id="pd_rating_holder_42442_page_155" style="display: inline-block;">
<br />
</div>
…nah sudah bisa kan temen2 buat bola kristal kaya’ yang di Bagi Ilmu
tahap A.1… sekarang saya coba menurunkan warisan… berupa ilmu untuk
menghias bola kristal yang telah dibuat sebelumnya… (warisan apaan tuh…
ga mutu…) tapi yo ga pa2… yang penting ilmu-nya bermanfaat.<br />
oh ya…tips dari saya setelah menggambar apapun dari photoshop lebih baik
disimpan dengan format .psd agar suatu saat bisa dimodifikasi lagi…
baru setelah itu disimpan dengan format lagi ga pa2…<br />
…seperti bola kristal yang telah kita buat agar bisa
dimodifikasi…kreasikan saja dengan warna-warna yang cerah… seperti
warna2 berikut… :<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/0a2.jpg" title="0a2"><img alt="0a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/0a2.jpg?w=510" /></a></div>
langsung saja… inilah dia resep2 membuat hiasan bola kristal :<br />
1.Mari kita awali sesi ini dengan bacaan basmalah bersama (lho kok
kaya’ mo ngaji aja…) nih… pertama-tama membuka file bola kristal yang
pernah kita buat… (kalau belum buat ya buat dulu… n kalau sudah dihapus
atau terlanjur disimpan dengan format lain lebih baik buat lagi aja… kan
ga lama, paling ga sampai 5 menit… kalau saya mau pakai bola kristal
berwarna hijau dulu yang kelihatan cerah… open >> pilih file bola
kristal<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/1a2.jpg" title="1a2"><img alt="1a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/1a2.jpg?w=510" /></a></div>
2.Setelah file bola kristal dibuka, kita gandakan bola kristal
tersebut, pertama pilih layer bola kristal… lalu pilih Layer >>
Duplicate Layer >> beri nama, misal hiasan bola >> OK atau
ctrl+j dengan nama default copy. nah sekarang kita punya 2 layer, bola
kristal dan hiasan bola…<br />
<div align="center">
<a href="http://riadyawan.files.wordpress.com/2008/03/2a2.jpg" title="2a2"><img alt="2a2" src="http://riadyawan.files.wordpress.com/2008/03/2a2.jpg?w=510" /></a></div>
3.Selanjutnya kita ubah warna hiasan bola dengan Klik Image >>
Adjusments >> Hue/Saturation atau ctrl+u, tentukan warna yang
dirasa cocok untuk hiasan bola… kalau saya kan bola nya hijau (Hue 100,
Saturation 100, lightning 7, colorize), jadi hiasan saya beri warna
kuning dengan nilai Hue 50, Saturation 100, dan lightning 7. Sekarang
sudah ada dua layer bola dengan warna hijau dan kuning.<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/3a2.jpg" title="3a2"><img alt="3a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/3a2.jpg?w=510" /></a></div>
4.Di tahap ini kita akan membentuk hiasan dengan bantuan filter
distort. Pilih dulu layer hiasan bola… klik Filter >> Distort
>> Polar Coordinates… gunakan tipe Rectangular to Polar. Ulangi
langkah tersebut 4 kali, maka akan terbentuk seperti pada gambar.<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/4a2.jpg" title="4a2"><img alt="4a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/4a2.jpg?w=510" /></a></div>
5.Zimbabwe masih jauh… urusan kita kita belum selesai… (emang ngapain
jauh2 ke Zimbabwe…) anyway… pilih layer hiasan bola, sekarang kita akan
membentuk hiasan bola dengan bantuan filter twirl. Caranya klik Filter
>> Distort >> Twirl… >> tentukan besarnya angle sesuai
selera… kalau saya sendiri menggunakan Angle sebesar 500. Maka… kun!
(jadilah!) hiasan bola.<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/5a2.jpg" title="5a2"><img alt="5a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/5a2.jpg?w=510" /></a></div>
6.Bisa dilihat ukuran hiasan tidak pas dengan ukuran bola kristal…
untuk menyesuaikan ukuran, pilih layer hiasan bola… tekan ctrl+t untuk
masuk ke transform… sesuaikan ukuran hiasan dengan bola… (klo yang ini
sesuaikan sendiri… soale saya bingung menjelaskannya… yang penting pas
aja).<br />
<div style="text-align: center;">
<a href="http://riadyawan.files.wordpress.com/2008/03/6a2.jpg" title="6a2"><img alt="6a2" class="aligncenter" src="http://riadyawan.files.wordpress.com/2008/03/6a2.jpg?w=510" /></a></div>
7.Nah… untuk penghujung sesi ini maka marilah sebelum kita akhiri
sesi kita baca hamdalah bersama… (lho..) ya ga pa2 ding… ni… sebelum
kita simpan ada baiknya kita percantik sedikit dengan penajaman warna
(ini cuma tambahan…). Caranya, klik kanan layer hiasan bola, pilih
Bending Option… klik/centang Drop Shadow, sesuaikan atribut (kalau saya
Distance 7, Spread 14, Size 21), lalu gabungkan 2 layer tersebut dengan
pilih Layer >> Merge Down atau tekan ctrl+e. Lalu pilih Image
>> Adjusments >> Brightness/Contras… tentukan Brightness
dengan nilai 35 dan Contras 14 atau sesuaikan selera… Simpan file
tersebut dengan format .psd, baru setelah itu kita simpan dengan format
lain… misalnya .gif agar background jadi transparan… atau .jpeg agar
kualitas bisa terjaga…<br />
<div align="center">
<a href="http://riadyawan.files.wordpress.com/2008/03/7a2.jpg" title="7a2"><img alt="7a2" src="http://riadyawan.files.wordpress.com/2008/03/7a2.jpg?w=510" /></a></div>
akhirnya… jadi juga bola kristal dengan hiasannya… cape’ nih… tidur dulu ah… (…baru gitu aja dah capek… payah…)<br />
Kalau ada yang mau kasih komentar, protes, mencela, mau usul atau
request, atau mau nanya2 silahkan ungkapkan unek2nya kepada saya lewat
comment dibawah… (kalau ada kesulitan tinggal tanyakan lewat comment
aja… atau klo mau sms…(maunya ^^…) )<br />
Buat temenku yang di Bandung (mo nyebut nama ndak ga enak…) … jangan
pernah menyerah…buat nyong ini hanya masalah kebiasaan…keep on tryin’
bro!<br />
Next : Bagi Ilmu 2 : Membuat Animasi Text Sederhana dengan Image Ready (wih…pake next, padahal ga tau apa tu arti next…)<br />
Udah dulu ah buat sesi kali ini… selamat men-jajal…<br />
<div style="text-align: right;">
Riadyawan.</div>
</div>
</div>
</div>
<div id="sidebar">
<div>
<div class="widget widget_text" id="text-422098556">
<h2 class="title">
Mau Domain Gratis???</h2>
<div class="textwidget">
<a href="http://www.freedomainsbox.com/signup.php?rid=6d82"><img src="http://riadyawan.files.wordpress.com/2010/05/banner1.png" /></a>
<i> </i><br />
<i>Cukup mendaftar lewat link diatas, lalu ajak 7 teman untuk mendaftar
lewat referral link yang disediakan kemudian pilih namadomain yang kamu
mau. Cukup simple kan, gratis pula. </i>v^.^v</div>
</div>
<div class="widget widget_text" id="text-344207401">
<h2 class="title">
nge-blog yang Sehat yukz</h2>
<div class="textwidget">
<a href="http://www.ictwatch.com/internetsehat" target="_blank"><img alt="Internet Sehat" height="75" src="http://www.ictwatch.com/internetsehat/award/is-blogger.jpg" width="150" /></a></div>
</div>
<div class="widget widget_text" id="text-346846441">
<h2 class="title">
sharing yukz…</h2>
<div class="textwidget">
<a href="http://www.4shared.com/ref/7268475/2"><img src="http://www.4shared.com/affiliate/images/b1.gif" /></a></div>
</div>
</div>
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-76573519666885910072011-04-13T09:47:00.000-07:002011-05-09T09:35:49.721-07:00<br />
<div id="main">
<h1>
Hiasan Bagus Untuk Blog Biar Tambah Meriah</h1>
<br />
<br />
<br />
<center>
<img src="http://i184.photobucket.com/albums/x106/ivbsav/ftp8/kosong.jpg" />
</center>
Blog kamu masih keliatan kosong dan kurang meriah? Terkadang ini
menjadi penyebab blog kamu kurang rame. Kondisi seperti tentu tidak
menguntungkan, apalagi kalau kamu seorang blogger yang pingin
mendatangkan visitor sebanyak mungkin, ya, mungkin<br />
ada yang mau kamu tawarkan dari blog kamu, mungkin saja kerjaan,
informasi biasa, pingin nyari teman utk dating online, nyari duit, nyari
pacar, dsb. <br />
<span id="more-288"></span><br />
Kalau blog kamu yang artikelnya berisi hal-hal yang ringan, saya
sarankan kamu harus membuat blog kamu tampil meriah. Untuk itu, banyak
yang bisa kamu lakukan, mulai dari menambahkan shoutbox / yellbox,
memberikan banner, memasang gadget. Pada artikel ini saya menawarkan
kamu mencari <s>jodoh</s> gadget yang bisa kamu masukkan ke dalam blog,
dan gadget tsb semua berasal dari google. Sebenarnya hiasan2 ini tidak
sengaja saya temukan di web alias saya kesasar ke web tsb.<br />
Di <a href="http://www.google.com/ig/directory?synd=open&source=gghp">disini</a>
disediakan sekitar puluhan ribu gadget, mulai dari hiasan berisi info
mengenai ramalan / prediksi cuaca, jam dinding digital, akuarium ikan
digital, peta online, music mp3 player, birthday countdown, calendar,
translator, video online dari youtube, pelihara ikan, kura-kura,
laba-laba digital bagi yang sayang binatang. live tv channel, chatting
box googletalk, google music search. Daily Jokes pun ada untuk menghibur
kamu. Game online seperti packman, mario bros, kamus, berita rss online
dari cnn, gambar panorama yang indah, tawaran dari amazon product,
gambar / lukisan yang sangat artistik, slideshow images, calculator mini
yang bagus tampilannya, semuanya bisa kamu download gratis untuk
menghiasi blog kamu yang mungkin<br />
tampil “kurang gairah”. Ya, semua kira-kira berjumlah lebih dari 44969.<br />
Coba kamu minta saya sebutkan semuanya, saya bisa cape..<br />
Nah, untuk mendownload gratis para hiasan blog itu semua, kamu bisa melakukannya di alamat url dibawah ini:<br />
<a href="http://www.google.com/ig/directory?synd=open&source=gghp">http://www.google.com/ig/directory?synd=open&source=gghp</a><br />
bikinlah blog kamu tampak menarik dan membuat orang ingin kembali
terus ke blog kamu, mungkin ini salah satu cara supaya pengunjung betah,
mungkin saran saya jika kamu sudah melakukan download, jangan pasang
video, lagu, game yang autoplay supaya visitor tidak termakan
bandwidthnya dengan cepat.<br />
<h4>
<br />
</h4>
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-79751097163340039462011-04-13T09:37:00.000-07:002011-05-09T09:36:35.641-07:00<br />
<div id="wrapper">
<div id="content">
<div class="post" id="post-121">
<h1 class="post_title">
4 Trik CSS Untuk Memperindah Tulisan Artikel Blog</h1>
<div class="post_meta">
<span class="post_date"><br /></span><span class="post_category"><a href="http://fanari-id.com/tutorial/" rel="category tag" title="View all posts in Tutorial"></a></span>
</div>
<div class="post_entry">
<div class="first_paragraph">
Pada artikel sebelumnya kita sedikit
mengetahui bermacam-macam kesalahan yang sering kita temui pada blog,
dalam hal keindahan tipografi (setidaknya menurut saya <img alt=":D" class="wp-smiley" src="http://fanari-id.com/wp-includes/images/smilies/icon_biggrin.gif" /> ). Selanjutnya yang akan kita bahas di sini adalah bagaimana memanfaatkan <abbr title="Cascading Style Sheet">CSS</abbr>
untuk mengatur dan membentuk tulisan postingan kita menjadi sedikit
lebih menarik dan bernilai. Ya, yang akan kita bahas kali ini sepenuhnya
mengenai <i>CSS styling</i>, dan bagaimana mengaplikasikannya pada setiap artikel yang kita tulis. Jadi, siap-siap buka <i>text editor</i> dan menyalin deklarasi-deklarasi CSS berikut sekalian belajar CSS dengan mencoba sedikit demi sedikit mengubah nilai dari <i>property</i> CSS yang tersedia supaya sesuai dengan <i>template</i> yang kita gunakan.<span id="more-121"></span></div>
<h2>
Heading</h2>
Tag <i>heading</i> (<code>h1</code>, <code>h2</code>, <code>h3</code>, <code>h4</code>,
dst.) berfungsi untuk membentuk hirarki dari sebuah tulisan, dari
judul, sub-judul, dan seterusnya. Nah, untuk membedakan masing-masing
tag kita bisa mengubah tampilannya menggunakan CSS. Sebagai contoh, saya
menggunakan CSS di bawah ini untuk tag <code>h3</code> yang sering saya gunakan di postingan ↓<br />
<pre class="brush: css; title: ;" title="">h3 {
margin:2.0em 0 0.25em 0;
font:normal 1.33333em/1.0em Georgia, "Times New Roman", Times, serif;
letter-spacing:-0.02em
}
</pre>
Hasilnya bisa kita lihat di tulisan ini, dimana saya menggunakan tag <code>h3</code> sebagai sub judul artikel.<br />
<h2>
Drop Cap</h2>
Gunakan <i>drop cap</i> untuk mempercantik tulisan kita dengan menggunakan <i>stylesheet</i> berikut ↓<br />
<pre class="brush: css; title: ;" title="">.drop_cap {
padding:0.17em 0.08em 0.05em 0;
font-size:3.4em;
line-height:0.6em;
color:#aaa;
float:left
}
</pre>
Gunakan style di atas sebagai span dan taruh pada <code>id</code> atau <code>class</code> yang digunakan di <i>template</i>, misalnya ↓<br />
<pre class="brush: css; title: ;" title="">.post .drop_cap {
padding:0.17em 0.08em 0.05em 0;
font-size:3.4em;
line-height:0.6em;
color:#aaa;
float:left
}
</pre>
Sekarang, setiap kali menulis postingan, masukkan huruf inisial pada kode HTML, misalnya <code><span class="drop_cap">A</span></code><br />
<div class="tips">
<b style="color: #a90000;">Update:</b> Drop cap bisa dibuat menggunakan pseudo element <code>first:letter</code> pada CSS2. Cara ini lebih bagus digunakan dan paling saya rekomendasikan ↓</div>
<pre class="brush: css; title: ;" title="">p.first_paragraph:first-letter {
padding:0.15em 0.08em 0.05em 0;
font-size:3.4em;
font-weight:normal;
line-height:0.6em;
color:#aaa;
float:left
}
</pre>
Untuk menambahkan drop cap, tambahkan class <code>first_paragraph</code> pada setiap paragraf pertama artikel: <code><p class="first_paragraph">Your first paragraph.</p></code><br />
<h2>
<i>Snazzy</i> Pullquote</h2>
<blockquote class="right">
<i>Pullquote</i>, disamping fungsinya sebagai penegas, penjelas, atau apapun itu, juga bisa membuat pembaca tertarik membaca tulisan kita.</blockquote>
Sekarang, kita akan mencoba menambahkan sebuah elemen yang sering kita lihat di majalah-majalah tapi jarang kita lihat di blog: <i>pullquote</i>. <i>Pullquote</i>,
disamping fungsinya sebagai penegas, penjelas, atau apapun itu, juga
bisa membuat pembaca tertarik membaca tulisan kita. Ada dua metode untuk
mengaplikasikan <i>pullquote</i>, dengan menambahkan <i>class attribute</i> pada <i>blockquote</i>, atau dengan cara membuat <i>div</i> (atau <i>span</i>) baru untuk membuat <i>pullquote</i>. Kali ini kita akan menggunakan cara pertama, alasannya: secara <i>semantic</i> <abbr title="Hyper Text Markup Language">HTML</abbr> lebih tepat karena <i>pullquote</i> akan tetap dibaca sebagai <i>blockquote</i> (hanya menambahkan atribut <i>class</i> baru pada <code>blockquote</code>).<br />
<pre class="brush: css; title: ;" title="">blockquote.left {
width:200px;
margin:5px 15px 5px 0;
font-size:1.4em;
text-align:center;
color:#abafb9;
background:none;
border:none !important;
padding:0 !important;
float:left
}
blockquote.right {
width:200px;
margin:5px 15px 5px 0;
font-size:1.4em;
text-align:center;
color:#abafb9;
background:none;
border:none !important;
padding:0 !important;
float:right
}
</pre>
Untuk memasukkan <i>pullquote</i>, masukkan <i>class</i> yang telah kita buat pada <code>blockquote</code> → <code><blockquote class="left">Dummy Text</blockquote></code> untuk <i>pullquote</i> di sebelah kiri tulisan, dan <code><blockquote class="right">Dummy Text</blockquote></code> untuk <i>pullquote</i> di sebelah kanan tulisan.<br />
<h2>
Gunakan Div</h2>
Seperti yang saya tulis di artikel sebelumnya bahwa kebanyakan blogger kita tidak mempedulikan pentingnya <i>semantic</i>, <i>meaning</i>, atau arti dari masing-masing tag HTML yang sebenarnya, yang bisa saja menurunkan kualitas tulisan dan nilai SEO-nya (baca artikel Opera Developer Community mengenai <i>semantic</i> HTML dan SEO). Contohnya, kebiasaan menggunakan tag <code><b></code> dan <code><i></code>
untuk menebalkan dan memiringkan tulisan, yang sebenarnya cuma
tampilannya saja yang jadi tebal dan miring, tetapi sesungguhnya tidak
ada bedanya dengan <i>plain text</i> dan tidak memberikan arti apa-apa pada tulisan tersebut (sangat berbeda bila menggunakan tag <code><strong></code> dan <code><em></code>). Kemudian ada lagi yang memasukkan blok kode atau <i>markup</i> HTML dalam <code>blockquote</code>, yang tentu saja tetap dianggap sebagai <i>blockquote</i> secara <i>semantic</i>, betapapun rumitnya kode tersebut <img alt=":D" class="wp-smiley" src="http://fanari-id.com/wp-includes/images/smilies/icon_biggrin.gif" /> <br />
Nah, yang di atas ↑ tadi cuma sebagian kecil contoh bagaimana seringnya kita menggunakan <i>blockquote</i>. Sekarang, kita akan coba membuat <code>div</code> baru untuk menggantikan tag <code>blockquote</code> yang sering digunakan untuk <i>highlight</i>, pengumuman, atau apapun itu. Tujuannya, supaya tampilannya lebih menarik aja sih <img alt=":D" class="wp-smiley" src="http://fanari-id.com/wp-includes/images/smilies/icon_biggrin.gif" /> <br />
<pre class="brush: css; title: ;" title="">.update {
padding:6px 9px;
background:#fffbbc;
border:1px solid #E6DB55
}</pre>
Masukkan teks pada class yang telah kita buat →<code> <p class="update">Dummy Text</p></code>, maka hasilnya menjadi seperti ini ↓<br />
<div class="update">
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Nullam egestas, mauris id dignissim dignissim, leo augue rutrum
lacus, id condimentum nisl elit ut nisl. Pellentesque habitant morbi
tristique senectus et netus et malesuada fames ac turpis egestas. Nulla
facilisi.</div>
Selamat mencoba <img alt=":)" class="wp-smiley" src="http://fanari-id.com/wp-includes/images/smilies/icon_smile.gif" /> <br />
<div class="sharethis">
<span class="st_twitter_buttons"></span><span class="st_facebook_buttons"></span></div>
</div>
<div class="center">
</div>
</div>
</div>
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-25745307106237460112011-04-13T09:25:00.000-07:002011-05-09T10:01:55.528-07:00<br /><br /><div id="sidebar-left">
<div class="sidebar-left section" id="sidebar-left">
<div class="widget HTML" id="HTML4">
<div class="widget-content">
<a href="http://9.bb/5Ci" target="_blank"><img alt="Trekpay scam? payment proof" src="http://lh5.ggpht.com/_IjrRiI_bVb0/TPjiQJm0SAI/AAAAAAAAGGw/_CUfz4d8HTc/Trek-Pay.jpg" /></a><a href="http://adf.ly/8aEt" target="_blank"><img alt="paid to promote scam? payment proof" src="http://lh6.ggpht.com/_IjrRiI_bVb0/TPjiQYeEL5I/AAAAAAAAGG0/vIOjH4_UZz4/paid-to-promote.gif" /></a><a href="http://9.bb/6ec"><img alt="ISM (Image Space Media) Referral Banner" border="0" height="125" src="http://cdn3.picadmedia.com/images/website/banner/ISM_referral03.gif" width="125" /></a><a href="http://goo.gl/9b3sc" target="mainframe"><img alt="Daftar dan Login PTC Neobux" src="http://lh6.ggpht.com/_IjrRiI_bVb0/TRWjg4aJrsI/AAAAAAAAGYI/lvDYqE7IyZk/Neobux-PTC.png" /></a>
</div>
<span class="widget-item-control">
</span>
</div>
<div class="widget HTML" id="HTML24">
</div>
<div class="widget HTML" id="HTML9">
<br /><div class="widget-content">
<br />
<span style="cursor: pointer; font-weight: normal;"><h2 class="title">
See More ▼</h2>
</span>
</div>
<span class="widget-item-control">
</span>
</div>
</div>
</div>
<div id="main-wrapper">
<div class="main section" id="main">
<div class="widget HTML" id="HTML2">
<div class="widget-content">
</div>
<span class="widget-item-control">
</span>
</div>
<div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<div class="post hentry uncustomized-post-template">
<a href="http://draft.blogger.com/post-edit.g?blogID=6864204963975757729&postID=2574530710623746011" name="5528115762919337647"></a>
<br />
<div style="text-align: center;">
<span style="font-size: large;"><b>Tips dan Trik Mempercantik Blog</b></span></div>
<h3 class="post-title entry-title" style="font-family: "Courier New",Courier,monospace; font-weight: normal;">
</h3>
<br /><div class="post-body">
<br />
<div style="height: 20px; overflow: auto;">
Label : Tips, Tips Blogger, Trik blogger, Trick Blogspot, Belajar membuat blog, cara membuat blog di blogger / blogspot, cara memperbanyak pengunjung blog, meningkatkan traffik blog, langkah-langkah membuat blog, blogger widget, cara pasang buku tamu, blogger template, download <span class="IL_AD" id="IL_AD1">free template</span>, apa itu SEO, tips SEO, trik search engine optimization, membuat tombol navigasi di blog, memasang alat penerjemah bahasa di blog, membuat jump menu, memasang <span class="IL_AD" id="IL_AD6">emoticon</span> di blog,
membuat kotak komentar dengan smile atau icon imut, install buku tamu
melayang, membuat tab view terbaru, menampilkan postingan atau artikel
yang berkaitan dan berhubungan di bawah postingan, related post di
sidebar, tombol share on facebook, menampilkan postingan terbaru
otomatis, komentar terbaru otomatis, promosikan blog di facebook, tehnik mencari duit di blog, cara di terima di <span class="IL_AD" id="IL_AD11">google adsense</span>, artikel yang berhubungan disertai gambar (thumbnail), recent post berdasarkan label dengan gambar thumbnail.<br />
<br /></div>
<ul class="recent_posts_with_thumbs">
<li class="clearfix"><img class="recent_thumb" src="https://lh5.googleusercontent.com/-801VSb68HGo/TPBuERTjTSI/AAAAAAAAF-w/dnZmpwiR3P8/s72-c/Blogger-Tips-n-Trick.gif" /><b>Meletakkan Widget Hanya Pada Halaman / Postingan / Link / Label Tertentu</b><br /><i>Widget
atau gadget biasanya di pasang dibagian sidebar (left-sidebar or
right-sidebar), dibawah tab menu, atau di bagian bottom. Untuk alasan
tertentu mungkin kamu ingin menampilkan widget itu hanya pada halaman
utama blog kamu saja atau di halaman postingan saja, atau juga hanya ingin menampilkannya di link-link...</i><b> </b></li>
</ul>
<h3 class="post-title entry-title">
<a href="http://hitsuke.blogspot.com/2011/03/meletakkan-widget-hanya-pada-halaman.html">Meletakkan Widget Hanya Pada Halaman / Postingan / Link / Label Tertentu</a>
</h3>
<div class="postedby">
<div class="post-status">
<span class="post-author vcard">
Posted by
<span class="fn">Hitsuke</span>
</span>
<span class="post-timestamp">
at
<a class="timestamp-link" href="http://hitsuke.blogspot.com/2011/03/meletakkan-widget-hanya-pada-halaman.html" rel="bookmark" title="permanent link"><abbr class="published" title="2011-03-15T01:55:00-07:00">1:55 AM</abbr></a>
</span>.
<span class="date-header">Mar 15, 2011</span>
</div>
<span class="post-comment-link">
</span>
</div>
<span class="post-labels">
<div class="breadcrumbs">
<b>Browse</b> » <a href="http://hitsuke.blogspot.com/">Home</a> »
<a href="http://hitsuke.blogspot.com/search/label/Tips%20Blog" rel="tag">Tips Blog</a>
» Meletakkan Widget Hanya Pada Halaman / Postingan / Link / Label Tertentu
</div>
</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://lh5.googleusercontent.com/-801VSb68HGo/TPBuERTjTSI/AAAAAAAAF-w/dnZmpwiR3P8/s1600/Blogger-Tips-n-Trick.gif" /></a></div>
<br />
<div style="text-align: justify;">
<i>Widget</i> atau <i>gadget</i> biasanya di pasang dibagian sidebar <i>(left-sidebar</i> or<i> right-sidebar</i>), dibawah<i> tab menu</i>, atau di bagian <i>bottom</i>. Untuk alasan tertentu mungkin kamu ingin menampilkan <i>widget</i> itu hanya pada halaman utama <i>blog</i> kamu saja atau di halaman postingan saja, atau juga hanya ingin menampilkannya di<i> link-link</i> tertentu di halaman <i>blog</i> kamu. </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Berikut ini akan dijelaskan <span class="IL_AD" id="IL_AD11">cara</span>
melakukan hal yang demikian. Kode yang berwarna merah adalah kode yang
harus kamu tambahkan. Lihat posisinya baik-baik yah^^ klo salah ga bisa
di simpan <i>template</i> na. Untuk menemukan kode yang seperti dibawah ini silahkan menuju <b><span class="IL_AD" id="IL_AD2">Dashboard</span></b> pilih » <b>Design</b> » <b>Edit HTML</b> » <b>Centang Expand Widget </b></div>
<div style="text-align: justify;">
<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixc7NdduS-0hMc8q0BTXhaFAxmAh2dknEL9pbsQoaz5w6LJQV3NezapS1yxA2SloLcSQAF4wqgmdZn7Ft07_1FN20xWzpP_vfEaySNa0Rxdh4QVASVKQqBd5NLWPTYzfshuPE0GQ2bVHM/s1600/cara_mengganti_kursor_1.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90jyImGlmPY47KHDphi-i_bO4_GpZq7M50aOUgdJUAWS1rfAIDeK3dnIrJA8F8I1fndPskj0LgqI6KFQKyb2THbopgRYJVmN8pywyPUyfaZmaewm__pxCLECb65n8RnrZc2cwOiwtSOs/s1600/Specific-widget-on-home-page.jpg" /></a></div>
<div style="text-align: justify;">
<br />
</div>
<h4>
<span style="font-size: medium;">Memasang Widget Hanya Pada Halaman Utama</span></h4>
Dengan menambahkan kode yang berwarna merah dibawah ini <i>Widget</i> atau <i>Gadget</i> yang kamu pasang hanya akan tampil di halaman utama <i>blog</i> kamu contohnya<a href="http://hitsuke.blogspot.com/" target="_blank"> http://hitsuke.blogspot.com/</a> (perhatikan <a href="http://hitsuke.blogspot.com/2009/05/cara-menampilkan-komentar-terbaru.html">Recent Comment</a> na dibagian bottom) sedangkan dihalaman postingan tidak akan muncul.<br />
<blockquote>
<br />
<b:widget id='HTML11' locked='false' title='Judul-Widget type='HTML'><br />
<br />
<b:includable id='main'><br />
<br />
<b style="color: #cc0000;"><b:if cond='data:blog.url == data:blog.homepageUrl'></b><!-- Show widget at <span class="IL_AD" id="IL_AD7">HOME Page</span> Only--><br />
<br />
<!-- only display title if it's non-empty --><br />
<br />
<b:if cond='data:title != &quot;&quot;'><br />
<br />
<h2 class='title'><data:title/></h2><br />
<br />
</b:if><br />
<br />
<div class='widget-content'><br />
<br />
<data:content/><br />
<br />
</div><br />
<b:include name='quickedit'/><br />
<br />
<div style="color: #cc0000;">
<b></b:if></b></div>
<br />
</b:includable><br />
<br />
</b:widget></blockquote>
<h4>
<span style="font-size: medium;">Memasang Widget Hanya Pada Halaman Postingan</span></h4>
Kalau yang ini kebalikan dari kode sebelumnya. Kode ini hanya akan menampilkan widget atau gadget di Halaman Postingan <span class="IL_AD" id="IL_AD3">blog</span> saja contohnya seperti <a href="http://hitsuke.blogspot.com/2010/08/sms-gratis-lewat-internet-sepuasnya.html" target="_blank">http://hitsuke.blogspot.com/2010/08/sms-gratis-lewat-internet-sepuasnya.html</a> (perhatikan Buku Tamunya). Sedangkan di halaman <i>Home Page</i> atau halaman utama widget tersebut akan hilang.<br />
<blockquote>
<br />
<b:widget id='HTML10' locked='false' title='Judul-Widget' type='HTML'><br />
<br />
<b:includable id='main'><br />
<br />
<b style="color: #cc0000;"><b:if cond='data:blog.pageType == &quot;item&quot;'></b><span style="color: #cc0000;"> </span> <!-- Hide widget at HOME Page --><br />
<br />
<!-- only display title if it's non-empty --><br />
<br />
<b:if cond='data:title != &quot;&quot;'><br />
<br />
<h2 class='title'><data:title/></h2><br />
<br />
</b:if><br />
<br />
<div class='widget-content'><br />
<br />
<data:content/><br />
<br />
</div><br />
<b:include name='quickedit'/><br />
<br />
<div style="color: #cc0000;">
<b></b:if></b></div>
<br />
</b:includable><br />
<br />
</b:widget></blockquote>
<h4>
<span style="font-size: medium;">Widget Hanya Pada Link atau URL Tertentu Saja</span></h4>
Kalau kamu mempunyai satu halaman blog yang paling sering dikunjungi oleh <i>visitor</i>
mungkin kamu ingin meletakkan tambahan iklan yang hanya akan muncul
pada halaman itu. Hal yang perlu kamu lakukan hanyalah meletakkan kode
yang berwarna merah dibawah ini dan mengganti <i>Blog_Page_URL</i> dengan link blog kamu yang paling banyak diminati tersebut.<br />
<blockquote>
<br />
<b:widget id='HTML14' locked='false' title='Judul-Content' type='HTML'><br />
<br />
<b:includable id='main'><br />
<br />
<b style="color: #cc0000;"><b:if cond='data:blog.url == &quot;BLOG_PAGE_URL&quot;'></b><!-- Put Widget On Specific Link--><br />
<br />
<!-- only display title if it's non-empty --><br />
<br />
<b:if cond='data:title != &quot;&quot;'><br />
<br />
<h2 class='title'><data:title/></h2><br />
<br />
</b:if><br />
<br />
<div class='widget-content'><br />
<br />
<data:content/><br />
<br />
</div><br />
<b:include name='quickedit'/><br />
<br />
<div style="color: #cc0000;">
<b></b:if></b></div>
<br />
</b:includable><br />
<br />
</b:widget></blockquote>
<h4>
<span style="font-size: medium;">Memasang Widget di Label Tertentu</span></h4>
Selain memasang widget atau gadget <span class="IL_AD" id="IL_AD1">di link</span> atau postingan tertentu kamu juga bisa memasangnya hanya pada label yang kamu inginkan.<br />
<blockquote>
<br />
<b:widget id='HTML15' locked='false' title='Judul-Content' type='HTML'><br />
<br />
<b:includable id='main'><br />
<br />
<b style="color: #cc0000;"><b:if cond='data:blog.url == "http://BLOG_NAME.blogspot.com/search/label/LABEL_NAME"'></b><!-- Put Widget On Specific Label--><br />
<br />
<!-- only display title if it's non-empty --><br />
<br />
<b:if cond='data:title != &quot;&quot;'><br />
<br />
<h2 class='title'><data:title/></h2><br />
<br />
</b:if><br />
<br />
<div class='widget-content'><br />
<br />
<data:content/><br />
<br />
</div><br />
<b:include name='quickedit'/><br />
<br />
<div style="color: #cc0000;">
<b></b:if></b></div>
<br />
</b:includable><br />
<br />
</b:widget></blockquote>
<br /><ul class="recent_posts_with_thumbs">
<li class="clearfix"><b> </b></li>
</ul>
<div style="text-align: center;">
<span style="font-size: x-large;">Membuat Gambar Selalu Melayang di Pojok</span></div>
<h3 class="post-title entry-title" style="font-family: "Courier New",Courier,monospace; font-weight: normal;">
</h3>
<div class="postedby">
<div class="post-status">
<span class="post-author vcard"><br />
</span><span class="date-header"></span>
</div>
<span class="post-comment-link">
</span>
</div>
<span class="post-labels">
<div class="breadcrumbs">
</div>
</span>
<br />
<div style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;">
<a href="http://goo.gl/COvx8" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Floating Image - Membuat gambar selalu melayang di blog" border="0" height="184" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPw14RDPEM_E5TgALyJcpSJXxbUqoFnZ5D6Uf7AOso6KcSV-_GNkrKko2BwThC4RQl3N2mUu5NtaeB4V-1z8uY-9lTLGlCkw5RyF3Qvc5FlU2s44mPnJycsiShdNRJZrbD9UIJeKi5Mhs/s320/Floating_Image_01.jpg" width="320" /></a>Trik yang satu ini lebih dikenal dengan sebutan <i>Floating Image </i>walaupun sebenarnya bukan hanya <i>image</i> / gambar saja yang bisa dibuat mengapung tapi segala bentuk kode <i>HTML</i> termasuk menu yang apabila diletakkan didalam layer (tag) itu akan bisa dibuat selalu melayang mengikuti arah <i>scroll</i> alias selalu berada di bagian paling depan. Trik ini ada juga nama lainnya yang sering di sebut para <i>blogger</i>
yaitu diantaranya ada yang mengatakan trik ini "membuat anu selalu di
pojok", "menjadikan gambar selalu berada dibagian paling atas dan
melayang di <span class="IL_AD" id="IL_AD3">blog</span>", "membuat menu / gambar mengapung" dan lain sebagainya. Baiklah langsung saja saya jelaskan <span class="IL_AD" id="IL_AD8">cara</span> membuat gambar selalu berada di pojok suatu halaman website kamu.</div>
<br />
<br />
<br />
<br />
<br />
<b>Langkah 1</b> : Pastikan kamu sudah login di blogger<br />
<br />
<b>Langkah 2</b> : Pada halaman <b><span class="IL_AD" id="IL_AD1">Dashboard</span></b> pilih » <b>Design</b> » <b>Edit HTML</b> » <b>Centang Expand Widget </b><br />
<br />
<b><img height="488" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixc7NdduS-0hMc8q0BTXhaFAxmAh2dknEL9pbsQoaz5w6LJQV3NezapS1yxA2SloLcSQAF4wqgmdZn7Ft07_1FN20xWzpP_vfEaySNa0Rxdh4QVASVKQqBd5NLWPTYzfshuPE0GQ2bVHM/s1600/cara_mengganti_kursor_1.jpg" width="617" /></b><br />
<br />
<b>Langkah 3</b> : Cari kode <b>]]></b:skin> </b>(gunakan tombal CTRL+F untuk mencarinya)<br />
<br />
<b>Langkah 4</b> : Letakkan kode dibawah ini <span style="font-size: medium;"><b>sebelum</b> </span>kode tersebut<br />
<br />
<blockquote>
<br />
#hitsuke_corner {<span class="IL_AD" id="IL_AD12">position</span>:fixed;_position:absolute;<b>bottom</b>:0px; <b>left</b>:0px; clip:inherit; _top:expression(<span class="IL_AD" id="IL_AD9">document</span>.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth);} </blockquote>
<br />
<b>Langkah 5 </b>: Masih dibagian <b>Edit HTML</b> cari lagi kode <b></body> </b>lalu tambahkan kode dibawah ini <span style="font-size: medium;"><b>sebelum</b> </span>kode tersebut<br />
<blockquote>
<br />
<div id='hitsuke_corner'><br />
<b><a href='http://hitsuke.blogspot.com'><br />
<img border='0'
src='https://lh6.googleusercontent.com/_IjrRiI_bVb0/TXN8NlmsaoI/AAAAAAAAHK8/ZaPFvSXIvAQ/Deidara.gif'/></a></b><br />
</div> </blockquote>
<br />
<b>Langkah 6 </b>: <span style="font-size: medium;">Save </span>template kamu dan lihat hasilnya. Selanjutnya kamu edit dan pelajari sendiri yah ^^<br />
<br />
<i>Keterangan: kode yang dicetak tebal boleh kamu ganti sesukamu </i></div>
<div class="post-body">
<i> </i></div>
<b> </b></div>
<div class="post hentry uncustomized-post-template">
<b> </b></div>
<div class="post hentry uncustomized-post-template">
<div style="font-family: "Courier New",Courier,monospace; text-align: center;">
<span style="font-size: x-large;">Cara Memasang Flash di Blog</span></div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-backlinks post-comment-link">
</span>
<span class="post-icons">
<span class="item-action">
</span>
</span>
</div>
<div class="post-footer-line post-footer-line-2">
</div>
</div>
</div>
<div class="comments" id="comments">
<a href="http://draft.blogger.com/post-edit.g?blogID=6864204963975757729&postID=2574530710623746011" name="comments"></a>
<br />
<div id="backlinks-container">
<div id="Blog1_backlinks-container">
<a href="http://draft.blogger.com/post-edit.g?blogID=6864204963975757729&postID=2574530710623746011" name="links"></a><br />
</div>
<div id="Blog1_backlinks-container">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw46oiPZd02si5MsyUbtEOpWcR78VtoD8xY-kTyqw4KGU9rWzwVxAnic46zgkkp3Z1TATo1R8FvqCgbqFwV2e5P20xiVckMi3lMIq6OZet_zakgyUaOrG2LZNXR2IpF3pKPX4iYCZAOGg/s1600/flash.png" /></a></div>
<br />
<br />
Menambahkan <i>flash </i>(.swf) di blog tentu saja akan membuat blogmu terlihat professional. Selain itu untuk membuat banner dalam bentuk <span class="IL_AD" id="IL_AD3">animasi</span>, extensi <i>flash (*.swf) </i>jauh
lebh ringan dari pada gambar *.gif . Tidak hanya untuk widget dan
gadget saja, flash juga bisa kamu pasang di dalam postingan dengan
memasang kode berikut.<br />
<br />
<embed src="<b>https://sites.google.com/site/hitsukeproject/Green_Cycle.swf</b>" quality="<b>high</b>" <span class="IL_AD" id="IL_AD12">bgcolor</span>="<b>white</b>" width="<b>500</b>" height="<b>100</b>"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash"></embed><br />
<i><b>Keterangan:</b></i><br />
<br />
<ul>
<li>src="https://sites.google.com/site/hitsukeproject/Green_Cycle.swf" » lokasi file flash kamu berada </li>
<li>quality="high" » kualitas flash. bisa diganti dengan <i>normal</i>, <i>medium</i>, atau <i>low</i> </li>
<li>bgcolor="white" » untuk merubah warna latar belakang (<span class="IL_AD" id="IL_AD11">background</span>) flash tinggal merubah kode warna putih <i>white</i>
ke warna yang kamu sukai. Boleh juga diganti dengan kode huruf dan
anggka misalnya #ffffff untuk warna putih. Kalau mau pilih warna lain
bisa kamu cari untuk merubah background flash menjadi transparan kamu bisa manambahkan kode <b>wmode="transparent"</b></li>
<li>width="500" » untuk mengatur lebar flash</li>
<li>height="100" » untuk mengatur tinggi flash</li>
<li>pluginpage » ini maksudnya pemutar flash kamu. Boleh juga diganti sama yang lain. misalnya dengan <br />
pluginspage="http://www.adobe.com/go/getflashplayer"</li>
</ul>
<br />
<div style="text-align: justify;">
Sekian dulu yah. Oh iya, kalau kamu mau membuat banner, tulisan, <span class="IL_AD" id="IL_AD4">photo</span> <span class="IL_AD" id="IL_AD6">slideshow</span>, animasi
dari flash sendiri ada banyak situs yang menyediakan layanan yang akan
membuatmu lebih mudah dalam mengeditnya sesukamu. Mau tau nama situsnya
apa? tanya om google aja yah ^^ </div>
<br /><b><a class="url" href="http://hitsuke.blogspot.com/2011/03/cara-memasang-flash-di-blog.html" target="_top"></a></b></div>
<ul class="recent_posts_with_thumbs"><hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="font-family: "Courier New",Courier,monospace; text-align: center;">
<span style="font-size: x-large;"><b>Cara Mengganti Kursor</b></span></div>
<h3 class="post-title entry-title">
</h3>
Cara Mengganti Kursor
<span class="post-labels">
</span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_ASnJZvoK7wTbaJ7X9Jigm7UppeB6oqCnWz3w69EwHf8sKmiK7nFrQJa93FrtDGtQOF63bBmWSE9HZYz6mvD7YPP6z4Q8jgD4XjdD3hvr7MYRR67LqWsk0-QRSOCuMwmIHxKZ5LZ3VQU/s1600/cara_mengganti_kursor_0.jpg" /></a></div>
<br />
<div style="text-align: justify;">
Agar blog
atau web mu terlihat lebih menarik, ada baiknya kamu mengganti
kursornya. Kursornya bisa kamu design sendiri atau boleh langsung ambil
dari sini saja yang penting extensinya harus bisa digunakan untuk
dipasang di blog. Kalau aku tidak salah extensi kursor yang bisa
dipasang di blog itu ada <i>*.gif, *.ani, *.cur *.png, *.jpg</i>. hm..nah cuma itu yang aku tau ^_^. Langsung saja ku kasih kode <i>css</i> untuk mengganti kursor di blog.</div>
<div style="text-align: justify;">
<br />
</div>
<blockquote>
body, a {cursor: url(<b>https://sites.google.com/site/hitsukeproject/kunai.cur</b>), progress;} a:hover {cursor: url(<b>https://sites.google.com/site/hitsukeproject/Pointer.cur</b>), progress;}</blockquote>
<br />
Kode yang dicetak tebal bisa kamu ganti dengan gambar kursor sesuai keinginanmu. Image yang <b>kunai.cur</b> itu adalah kursor yang akan aktif sebagai kursor <i>default</i> sedang kang yang <b>pointer.cur </b>berfungsi
ketika kamu mengarahkan mouse ke suatu link. Untuk pengguna blogger
berikut ini akan aku jelaskan cara mengganti kursor di blog secara
mendetail.<br />
<br />
<b>Langkah 1</b> : Pastikan kamu sudah <i>login </i>di <b>Blogger</b><br />
<br />
<b>Langkah 2</b> : Pada halaman <b>Dashboard </b>pilih » <b>Design </b>» <b>Edit HTML </b>» Centang <b>Expand Widget</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixc7NdduS-0hMc8q0BTXhaFAxmAh2dknEL9pbsQoaz5w6LJQV3NezapS1yxA2SloLcSQAF4wqgmdZn7Ft07_1FN20xWzpP_vfEaySNa0Rxdh4QVASVKQqBd5NLWPTYzfshuPE0GQ2bVHM/s1600/cara_mengganti_kursor_1.jpg" /></a></div>
<b><br />
</b><br />
<b>Langkah 3</b> : Cari kode <b>]]></b:skin></b> (agar lebih mudah mencari kodenya tekan <i>CTRL + F</i> ) kalau sudah ketemu tambahkan kode yang ku berikan diawal tadi <span style="font-size: medium;"><b>sebelum </b></span>kode tersebut.<br />
<br />
<b>Langkah 4</b> : Kalau sudah jangan lupa di <b>SAVE</b>.
<b><a class="url" href="http://hitsuke.blogspot.com/2011/03/cara-mengganti-kursor.html" target="_top"></a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"><b><span class="post-labels"><div class="breadcrumbs">
</div>
<div class="breadcrumbs">
</div>
<div class="breadcrumbs">
Merubah Judul <span class="IL_AD" id="IL_AD2">Blog</span> Sama Dengan Judul Postingan
</div>
</span></b></span></div>
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"><b><a href="http://hitsuke.blogspot.com/2011/03/merubah-judul-blog-sama-dengan-judul.html" target="_top"><span class="post-labels">
</span>
</a></b></span>
<div class="post-body">
Apa itu judul/title blog? judul blog biasanya muncul dihalaman default / utama blog kamu. Contohnya seperti gambar dibawah ini<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWJDKKhitkY2TjdwE9Nm0DoSx_L4MryJN767WXqrlwBXoAoUU5qc6_uF8ueSn7OxKDFjofc8Qs81Pu1_ecU4hCVY5qNfplHBzoxxQ3iqld9fmoPEpLnLNS9_lZIWuqfFq3pgVW4c6lkMA/s1600/Judul-blog-hitsuke.jpg" /></a></div>
<br />
<br />
Pada blogger biasanya judul postingan kamu akan didahului oleh judul/title utama blog lalu dilanjutkan dengan judul/title postingan kamu. Jadi formatnya seperti ini » <b>Title Blog : Title Postingan</b> . Di Search Engine <i>Google </i>akan tampak seperti<br />
<br />
Setelah kamu memasang kode ini hanya judul postingan yang muncul di google<br />
<br />
<br />
<br />
Nha tentunya orang akan lebih suka untuk memilih mengklik hasil seperti
pada gambar yang kedua dari pada gambar yang pertama, ya kan? dan kalau
menurut yang ahli dalam SEO (Search Engine Optimization) katanya cara
ini akan membuat blog kita menjadi lebih <i>Search Engine Friendly </i>atau dengan kata lain blog
kita lebih mudah mencapai halaman pertama di google atau bahkan bisa
menjadi nomor 1 (satu) di Google. OK bagi yang mau mencobanya silahkan
ikuti langkah-langkah berikut ini:<br />
<br />
<b>Langkah 1</b> : Masuk ke blogger » Pada <b>Dashboard </b>pilih <b>Design </b>» <b>Edit HTML</b> » Centang <b>Expand Widget</b><br />
<br />
<b>Langkah 2 </b>: Cari kode<b> <title><data:blog.title/></title></b> biasanya terletak dibagian atas<br />
<br />
<b>Langkah 3</b> : Kalau sudah ketemu kode yang ada diatas tadi <span style="font-size: medium;"><b> ganti </b></span>kode itu dengan kode dibawah ini<br />
<br />
<blockquote>
<b:if cond='data:blog.pageType == &quot;index&quot;'> <br />
<br />
<title><data:blog.title/></title> <br />
<br />
<b:else/> <br />
<br />
<title><data:blog.pageName/></title> <br />
<br />
</b:if> </blockquote>
<br />
<b>Langkah 4</b> : Jangan lupa di <b>SAVE</b><br />
<br />
Untuk halaman utama<i> (<span class="IL_AD" id="IL_AD1">home page</span>)</i> judul blog
kamu akan tetap sama dengan yang kamu buat. Tapi perubahannya akan
terlihat ketika kamu mengklik salah satu postinganmu maka yang menjadi
judul blog adalah judul postingan itu sendiri. Sekian dulu. Selamat Mencoba ^_^
</div>
<b><a class="url" href="http://hitsuke.blogspot.com/2011/03/merubah-judul-blog-sama-dengan-judul.html" target="_top"></a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="font-family: "Courier New",Courier,monospace; text-align: center;">
<span style="font-size: x-large;"> </span></div>
<div style="font-family: "Courier New",Courier,monospace; text-align: center;">
<span style="font-size: x-large;"> </span></div>
<div style="font-family: "Courier New",Courier,monospace; text-align: center;">
<span style="font-size: x-large;">Cara mengganti logo icon di header bar [favicon]</span></div>
</li>
<li class="clearfix">aukah kamu apa itu <b>favicon</b>? Itu loh, kalau kamu menggunakan
blogger maka favicon kamu akan tampak seperti logo blogger yang
berlambangkan huruf B berwarna putih dan dikelilingi oleh <span class="IL_AD" id="IL_AD8">background</span> berwarna orange pada header bar. Mengerti? Kalau masih blom tau juga apa itu favicon bisa melihat screenshot di bawah ini.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://goo.gl/COvx8" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKY1gQkix9MkkOEnV8yqCy0st8rysB4tlOyB2rma6AF4gbrDcrbsqjMuho-qo3uzVbundTINmtFDKqPKh2W8-BWEdftUH6uYgMm2mkFczlCYESPz5c9MZKqM_SAD6DHj2TgdQdJ-jrd4c/s1600/Favicon.jpg" /></a></div>
<br />
Nah, Untuk merubah icon blogger pada header bar ada dua cara yaitu<br />
<br />
<h4>
<span style="font-size: medium;">1. Dengan menggunakan kode HTML biasa</span></h4>
<br />
<b>Langkah 1</b> : Masuk ke blogger <br />
» Pada <b><span class="IL_AD" id="IL_AD1">Dashboard</span></b> pilih <b>Design</b>» <b>Edit HTML</b> » Centang <b>Expand Widget</b><br />
<b> </b> <br />
<b>Langkah 2 </b>: Cari kode<b> </b:skin></b> agar lebih mudah mencarinya tekan <b>CTRL+F</b><br />
<br />
<b>Langkah 3</b> : Letakkan kode dibawah ini <span style="font-size: medium;"><b>setelah</b> </span>kode<b> </b:skin> </b>tadi<br />
<br />
<blockquote>
<link href='<b style="color: #cc0000;"><span class="style1">http://lh3.ggpht.com/_IjrRiI_bVb0/S0PpDWACG2I/AAAAAAAACsM/BjkmQ_vjJ-8/FavHeader.gif</span></b>' rel='shortcut icon'/></blockquote>
<br />
<b>Langkah 4</b> : Save Template kamu<br />
<br />
<i>Catatan: Kode link yang berwarna merah itu adalah link lokasi gambar
itu terletak. Kode itu bisa kamu ganti sesukamu. Tapi ingat ukuran
gambarnya harus di sesuaikan.</i><br />
<br />
<h4>
<span style="font-size: medium;">2. Dengan Menambahkan kode JavaScript</span></h4>
<br />
<b>Langkah 1</b> : Masuk ke blogger » Pada <b>Dashboard</b> pilih <b>Design</b>» <b>Edit HTML</b> » Centang <b>Expand Widget</b><br />
<b> </b> <br />
<b>Langkah 2</b> : Cari kode<b> </body></b> . Biasanya kode itu terletak dibagian paling bawah.<br />
<br />
<b>Langkah 3</b> : Letakkan kode dibawah ini <span style="font-size: medium;"><b>sebelum</b> </span>kode<b> </body> </b>tadi<br />
<blockquote>
<br />
<script type="text/javascript"><br />
<br />
//<![CDATA[<br />
<br />
/******************************************<br />
<br />
Header Link Icon 2.0 <br />
<br />
Favicon (C)2009 by Vebyo Arson<br />
visit http://hitsuke.blogspot.com to get more cool hacks<br />
<br />
********************************************/<br />
//HEADER LINK ICON<br />
var shortc = <span class="IL_AD" id="IL_AD10">document</span>.createElement("link");<br />
<br />
shortc.rel = "SHORTCUT ICON";<br />
<br />
shortc.href = "<b class="style1" style="color: #cc0000;">Image_Source/FavHeader.gif</b>";<br />
<br />
document.getElementsByTagName("head")[0].appendChild(shortc);<br />
<br />
<br />
</script></blockquote>
<br />
<b>Langkah 4</b> : Ganti kode yang dtebalkan dengan warna merah dengan link gambar yang kamu inginkan.<br />
<br />
<b>Langkah 5</b> : Save Template
<b><a class="url" href="http://hitsuke.blogspot.com/2011/03/cara-mengganti-logo-icon-di-header-bar.html" target="_top"></a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="text-align: justify;">
Highlight <i>Admin </i>/ <i>Author comment </i>fungsinya adalah untuk membedakan komentar <i>Admin </i>/ <i>Author </i>/ Pengarang / Penulis atau bisa di sebut juga pemilik <i>blog </i>dengan orang lain. Contohnya bisa dilihat dari <span class="IL_AD" id="IL_AD2">blog</span> ini. Kalau <i>Admin </i>[hitsuke] yang memberi komenter maka komentar yang muncul ada gambar <span class="IL_AD" id="IL_AD5">thumbnail</span> Admin dan juga komennya diberi warna <span class="IL_AD" id="IL_AD8">background</span>
dan sedikit border, pokoknya ada efek-efek lain githu lah (: . Baiklah,
sudah siap semuanya? Berikut akan saya jelaskan bagaimana caranya
membuat komentar <i>admin </i><i>blog </i>berbeda dari komen selain admin.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0V4i-vmwbum_GjRGTYO-h5vUWhY4yFF842BRcF9Z_lgXO7RkN-KDiqFIQ2kntIAkC0xsV1Lr0qxwn1v4NTjrNwcThkiIGOaJBgPc8_RqaVeFtUizyRzxIc1RCOjsxbbXVijjxVJNVhI4/s1600/Highlight+Author+Comment.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0V4i-vmwbum_GjRGTYO-h5vUWhY4yFF842BRcF9Z_lgXO7RkN-KDiqFIQ2kntIAkC0xsV1Lr0qxwn1v4NTjrNwcThkiIGOaJBgPc8_RqaVeFtUizyRzxIc1RCOjsxbbXVijjxVJNVhI4/s1600/Highlight+Author+Comment.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Highlight AuthorComment</i></td></tr>
</tbody></table>
<br />
</div>
<br />
<b>Langkah 1</b><br />
<b><br />
</b><br />
Login dulu ke <b>blogger </b>terus pilih <b>Rancangan </b>> <b>Edit HTML</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd3pcLVw7ISjIfohL086_b9GHZ0Fo-zMiBPoIPQkbkKarV50bcD2ci1t-4amrJizVWwIRGL2M3BK2noI8daVxt703es7c-fIAKl5NVHIgT3E2gbRmZOre8iuoGUwZem0VKr5KCUINwDEU6/s1600/Design-editHTML.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd3pcLVw7ISjIfohL086_b9GHZ0Fo-zMiBPoIPQkbkKarV50bcD2ci1t-4amrJizVWwIRGL2M3BK2noI8daVxt703es7c-fIAKl5NVHIgT3E2gbRmZOre8iuoGUwZem0VKr5KCUINwDEU6/s1600/Design-editHTML.jpg" /></a></div>
<br />
<b>Langkah 2</b><br />
<br />
Beri tanda centang pada "<b>Expand Widget Templates</b>"<br />
<br />
<b>Langkah 3</b><br />
<br />
Copy script berikut ini <b><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">sebelum </span></span></b>kode <strong>]]></b:skin></strong> atau copy kedalam kode css<br />
<br />
<blockquote>
.owner-Body{background-image:url(<b>http://lh5.ggpht.com/_IjrRiI_bVb0/SzsBDYGcRnI/AAAAAAAACqk/2iOfnXxWGGc/author.jpg)</b>;background-position:top-left;background-repeat:no-repeat;text-align:justify;<span class="IL_AD" id="IL_AD9">text-decoration</span>:bold;margin:0;padding:10px 0 35px 90px}<br />
<br />
.owner-Body p{background:#ffc;border:1px dotted #f5003d;margin:0 10px 15px;padding:10px 15px 10px 30px}</blockquote>
<br />
<br />
Ganti <b>URL gambarnya</b> dengan gambar sesukamu. Selebihnya otak-atik aja sendiri yah byar cepat pinter ^^<br />
<br />
<b>Langkah 4</b><br />
<br />
Cari kode-kode berikut ini. Mungkin disetiap template <b>kodenya akan berbeda</b>, tapi walaupun berbeda cobalah cari kode yang <b><span class="Apple-style-span" style="font-size: medium;">semirip mungkin</span></b> dengan kode dibawah ini<br />
<blockquote>
<dl id='comments-block'><br />
<br />
<b:loop values='data:post.comments' var='comment'><br />
<br />
<dt class='comment-author' expr:id='"comment-" + data:comment.id'><br />
<br />
<a expr:name='"comment-" + data:comment.id'/><br />
<br />
<b:if cond='data:comment.authorUrl'><br />
<br />
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br />
<br />
<b:else/><br />
<br />
<data:comment.author/><br />
<br />
</b:if><br />
<br />
said...<br />
<br />
</dt><br />
<br />
<br />
<br />
<strong><span class="Apple-style-span" style="color: #cc0000;"><b:if cond='data:comment.author == data:post.author'><br />
<br />
<dd class='owner-Body'><br />
<br />
<p><data:comment.body/></p><br />
<br />
</dd><br />
<br />
<b:else/> </span> </strong><br />
<br />
<br />
<br />
<dd class='comment-body'><br />
<br />
<b:if cond='data:comment.isDeleted'><br />
<br />
<span class='deleted-comment'><data:comment.body/></span><br />
<br />
<b:else/><br />
<br />
<p><data:comment.body/></p><br />
<br />
</b:if><br />
<br />
</dd><br />
<br />
<br />
<br />
<strong><span class="Apple-style-span" style="color: #cc0000;"></b:if></span> <br />
</strong><br />
<br />
<dd class='comment-footer'><br />
<br />
<span class='comment-timestamp'><br />
<br />
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'><br />
<br />
<data:comment.timestamp/><br />
<br />
</a><br />
<br />
<b:include data='comment' name='commentDeleteIcon'/><br />
<br />
</span><br />
<br />
</dd><br />
<br />
</b:loop><br />
<br />
</dl></blockquote>
<br />
<br />
<b>Langkah 5</b><br />
<br />
Kode yang berwarna <b><span class="Apple-style-span" style="color: #cc0000;">Merah </span></b>adalah kode yang harus kamu <b><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">tambahkan </span></span></b>ke <i>HTML </i>kamu dan posisinya harus benar. Ingat itu yah!! <br />
<br />
<b>Langkah 6</b><br />
<br />
Kalau merasa semuanya sudah selesai di <b><span class="Apple-style-span" style="font-size: medium;"><span class="Apple-style-span" style="font-family: Arial,Helvetica,sans-serif;">Save </span></span></b>ya templatenya.<br />
Comment author ini berfungsi berdasarkan <span class="IL_AD" id="IL_AD4">profil</span> dari pemilik blog.
Jadi supaya efeknya muncul sebelum memberi komentar kamu harus login
dulu di blogger. OK. Satu hal lagi yang perlu kamu ingat ini bukan
untuk kotak komentar yang<em> Haloscan </em>melainkan yang murni dari blogger.
<b><a class="url" href="http://hitsuke.blogspot.com/2010/11/highlight-admin-author-comment.html" target="_top"></a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"><b>Cara Memasang Emotion / Smile di Blogger</b></span></div>
<div style="text-align: justify;">
Dengan adanya emoticon di kotak komentar tentunya akan membuat <span class="IL_AD" id="IL_AD3">blog</span> menjadi lebih hidup. Para komentator menjadi lebih bisa mengekspresikan perasaannya melalui icon2 (emoticon). Kalau di <span class="IL_AD" id="IL_AD2">wordpress</span>
mungkin feature ini sudah tersedia. Tapi untuk blogspot kita harus
mengotak-atik dan mengakalinya supaya bisa menampilkan emoticon di area
komentar. Gimana? kamu mau memasang emoticon ini?</div>
<br />
<br />
<b>Emoticon Yahoo : - <i>masih belum tersedia untuk saat ini</i></b><br />
<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" /><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" /><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" /><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" /><br />
<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" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" /><img border="0" src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" /><br />
<br />
Gini nih cara membuatnya :<br />
<br />
<span style="font-size: medium;"><b>Langkah 1</b></span><br />
<br />
Masuk <b>Login </b>ke <a href="http://www.blogger.com/"><b>blogger</b></a><br />
<br />
<b><span style="font-size: medium;">Langkah 2</span></b><br />
<br />
Pada halaman <b><span class="IL_AD" id="IL_AD12">Dashboard</span> </b>langsung pilih <b>Rancangan </b>> <b>Edit HTML</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd3pcLVw7ISjIfohL086_b9GHZ0Fo-zMiBPoIPQkbkKarV50bcD2ci1t-4amrJizVWwIRGL2M3BK2noI8daVxt703es7c-fIAKl5NVHIgT3E2gbRmZOre8iuoGUwZem0VKr5KCUINwDEU6/s1600/Design-editHTML.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd3pcLVw7ISjIfohL086_b9GHZ0Fo-zMiBPoIPQkbkKarV50bcD2ci1t-4amrJizVWwIRGL2M3BK2noI8daVxt703es7c-fIAKl5NVHIgT3E2gbRmZOre8iuoGUwZem0VKr5KCUINwDEU6/s1600/Design-editHTML.jpg" /></a></div>
<br />
<br />
<span style="font-size: medium;"><b>Langkah 3</b></span><br />
<br />
Jangan lupa memberi tanda <b>centang </b>pada kotak "<b>Expand widget template</b>" lalu letakkan script berikut <span style="font-family: Arial,Helvetica,sans-serif; font-size: medium;"><b>sebelum </b></span>kode <b></body</b><b>></b><br />
<blockquote>
<b><script src="http://sites.google.com/site/hitsukeproject/smile2.js" type="text/javascript"/></b></blockquote>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/_IjrRiI_bVb0/TPGkK-8CSPI/AAAAAAAAGBI/9hOyBEZZTiw/s1600/Smile-Comment-Emotion-01.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://4.bp.blogspot.com/_IjrRiI_bVb0/TPGkK-8CSPI/AAAAAAAAGBI/9hOyBEZZTiw/s1600/Smile-Comment-Emotion-01.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Contoh Punyaku</i></td></tr>
</tbody></table>
<br />
<br />
<span style="font-size: medium;"><b>Langkah 4</b></span><br />
<br />
Kemudian cari <b>salau satu</b> kode berikut ini :<br />
<br />
<blockquote>
<b><div class='comment-footer'></b></blockquote>
<b><i><span style="color: #cc0000;">atau </span>kalau tidak ada </i><br />
</b><br />
<blockquote>
<b><p class='comment-footer'></b><b> </b></blockquote>
<span id="goog_1641185520"></span><span id="goog_1641185521"></span><br />
Pokoknya yang mirip itu lah...kalau punya ku seperti ini kodenya<br />
<blockquote>
<b><span style="color: #cc0000;"><p class='comment-footer'></span><br />
<b:if cond='data:post.embedCommentForm'><br />
<b:if cond='data:post.allowNewComments'><br />
<b:include data='post' name='comment-form'/><br />
<b:else/><br />
<data:post.noNewCommentsText/><br />
</b:if><br />
<b:else/></b></blockquote>
<b><span style="font-size: medium;">Langkah 5</span></b><br />
Kalo sudah ketemu <b>letakkan kode2</b> berikut <span style="font-size: medium;"><b>setelah</b></span> kode yang kamu temukan tadi<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/_IjrRiI_bVb0/TPGkLB8mPuI/AAAAAAAAGBM/bODeOMiIm_8/s1600/Smile-Comment-Emotion-02.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_IjrRiI_bVb0/TPGkLB8mPuI/AAAAAAAAGBM/bODeOMiIm_8/s1600/Smile-Comment-Emotion-02.jpg" /></a></div>
<br />
ne dy codenya yang harus kamu tambahkan<br />
<blockquote>
<b><br />
<b><img border='0' src='http://myspaceemoticon.com/<span class="IL_AD" id="IL_AD10">image</span>/naruto/naruto_pff.gif'/><br />
:f<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQPvJnDk0H-mLn0wmhNZ-BHZsSw4Kpi5z9QixTDg34l5BqDtOtuaUXz-EK0nfNKCYo1zdYwKtJPsmQFNIdhtQi4KJGoGzcJj6lxLN9tLVao-3n2aHslq_9xtUpESYAhsmSGutBr3bCjbSc/'/><br />
:D<br />
<img border='0' src='http://www.onepiecehq.com/images/chibi/luffy.gif'/><br />
:)<br />
<img border='0' src='http://lh3.ggpht.com/_IjrRiI_bVb0/TMA-UJXeSNI/AAAAAAAAFaI/25paJ0pKKtU/kagum.gif'/><br />
;;)<br />
<img border='0' src='http://lh5.ggpht.com/_IjrRiI_bVb0/TMA_YUMHaII/AAAAAAAAFaU/DaTgH77eRD0/love.gif'/><br />
:x<br />
<img border='0' src='http://msnsmileys.net/g/smileys/Gaara/Ashamed.gif'/><br />
:$<br />
<img border='0' src='http://msnsmileys.net/g/smileys/Gaara/Scary.gif'/><br />
xundefined<br />
<img border='0' src='http://myspaceemoticon.com/image/naruto/naruto_question.gif'/><br />
:?<br />
</b><br />
<br/><br />
<b><br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJffilbMjiltX_qTjX7ffG8VZRprbjkc7KueAnzE47eIXWpRHddct9JPIiXcwrRA7ltOCTKQCp2cKZETg3H6_liqHDc8p7uzzZHVxyI-5jA7uv3p72A7mKmRI7a3gXVm6aJ0Ffa9QPc-Wx/'/><br />
:@<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSOKrRVdpYwG2PN_zrEeo3E1maRru-hUulDTIJlCTGJJ_n6jaXDAtUpo7V6wrodLWdIgngUhSJv0gkwOA6y4nL_8jW3OP26Id1k3FuWhtmB1KLPP1wkvdKmYFOz8rs13iDUBI0Bxvpm9T0/'/><br />
:~<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3CGBH-WhKVyH8vrRdLBUbRSlZ6C9A0W6fFqBD7Y4kGspxxY18GLct3dsfhqF9sl-qjA1acl4spNUm7B7_fjIPsxYUMXJ3HNQMJS70kUZCPZ_E81o8m_K6lFd4nVILYwqrUO2EVdbUe0C/'/><br />
:|<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGbPdh8v78zZ1bebfcgobiftkYf-xJxhQg4-xPXBB842fFmMZr_Z0nwbGY5V_8htNEJzmRgAsrmPs45qffP6JxG-r22ol97QAYw7wp5NGlZy2BK1aNOJMDb6kHdgRCV-E9DL2QEMBkWtdO/'/><br />
:))<br />
<img border='0' src='http://lh5.ggpht.com/_IjrRiI_bVb0/TMPuMKpRC5I/AAAAAAAAFcc/qx7TuTHbR2s/sandy.gif'/><br />
:undefined<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9QsmZ79WRmzuZeXylau_3xJEvPiLRsLhyCe4wv2saC4E3mRgh46Trb2jLnThnFySVw4BWkgrXWAsgm4Sgej5RXghrlj-v0ZfPtV57d7bKWIBsU2XW1wJGSIg_N05_6di7fOjvtRw5qbvc/'/><br />
:s<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxcEpVy9-RYjpObmdl6sgkR52iAEp1ygxg_H1aHtk3fqU5NRrNOtD_zL6RmXz_bAT5HbCRp58FuvuZRcOOcA7WoIto6ccYMq80qPQc3hDnYJzF9ZtPI-ZH2qI3VedLX-QCP93aJo3w88UL/'/><br />
:undefinedundefined<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHdOyPe2p2lBIAHs4FGdO74iPmVS_NPtgocAkOXTgbpp9evbUloDZ0l_T2fhGJXzLT5Hn-fXchHB3Z6f91jMtrvSmOpLB_YLQ0yRv97rMzB6bq6bb6Z6ctAkbpDX9zXs7ryP3mAdWPEjf5/'/><br />
:o </b><br />
</b></blockquote>
<br />
<div style="text-align: center;">
Setelah di tambahkan akan menjadi seperti</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/_IjrRiI_bVb0/TPGkLYQYy-I/AAAAAAAAGBQ/e6VxzqVe0-E/s1600/Smile-Comment-Emotion-03.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_IjrRiI_bVb0/TPGkLYQYy-I/AAAAAAAAGBQ/e6VxzqVe0-E/s1600/Smile-Comment-Emotion-03.jpg" /></a></div>
<br />
<br />
<b><span style="font-size: medium;">Langkah 6</span></b><br />
<br />
Kalo sudah <span class="IL_AD" id="IL_AD5">trus</span> di "<b>SAVE</b>" dan coba lihat hasilnya<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/_IjrRiI_bVb0/TPGmFCq58ZI/AAAAAAAAGBY/hltuLLeON0s/Smile-Comment-Emotion-04.jpg" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://3.bp.blogspot.com/_IjrRiI_bVb0/TPGmFCq58ZI/AAAAAAAAGBY/hltuLLeON0s/Smile-Comment-Emotion-04.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Contoh Kotak Komentar dengan Emotion atau Smile</i></td></tr>
</tbody></table>
<br />
<br />
<b>Tambahan</b><br />
<div style="text-align: justify;">
*Biasanya kalau komentar di lakukan oleh pemilik blog itu sendiri icon smilenya tidak muncul. Untuk mengatasi hal ini ada baiknya kamu memasang <b>Highlight Author Comment</b> yang fungsinya untuk membedakan komentar admin blog dengan komentar yang lain. </div>
<div style="text-align: justify;">
<br />
</div>
<div style="text-align: justify;">
Kadang-kadang ada beberapa
template memiliki kode yang beda. Kalau caranya sudah dilaksanakan
dengan benar tapi hasilnya tidak terjadi apa2 atau kodenya tidak berubah
menjadi emoticon, kemungkinan itu karena kode untuk templatenya berbeda
atau bisa juga karena mugnkin hosting untuk menaruh file emoticon dan
javascriptnya sedang bermasalah. </div>
<b><a class="url" href="http://hitsuke.blogspot.com/2009/11/cara-memasang-emotion-smile-di-blogger.html" target="_top"></a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="text-align: center;">
<img class="recent_thumb" src="http://lh6.ggpht.com/_IjrRiI_bVb0/TN_QHDi68xI/AAAAAAAAF2g/IhREUARnsN0/recent-post-label-thumbnail.jpg" /><span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"><b> </b></span></div>
<div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"><b> </b></span></div>
<div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"><b><a href="http://hitsuke.blogspot.com/2010/11/postingan-terbaru-berdasarkan-label.html" target="_top">Postingan Terbaru Berdasarkan Label [thumbnail]</a></b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
</li>
</ul>
<div style="text-align: center;">
<b>Contoh Gambar</b></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: right; margin-left: 1em; text-align: right;"><tbody>
<tr><td style="text-align: center;"><img alt="Recent Post Based on Label with thumbnail" src="http://lh6.ggpht.com/_IjrRiI_bVb0/TN_QHDi68xI/AAAAAAAAF2g/IhREUARnsN0/recent-post-label-thumbnail.jpg" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Recent Post Based on Label</i> with Thumbnail <span class="IL_AD" id="IL_AD1">Preview</span></td></tr>
</tbody></table>
<br />
<div style="text-align: justify;">
<br />
Ini mungkin adalah inovasi terbaru buat sobat blogger. Bagaimana tidak,
script ini akan menampilkan setiap postingan kita yang terbaru
berdasarkan <b>label </b>yang kita inginkan secara otomatis disertai dengan <b>thumbnailnya</b>.
Baiklah tidak usah banyak intermezo berikut akan saya jelaskan
bagaimana caranya menampilkan postingan terbaru (recent post)
berdasarkan label atau kategori.</div>
<br />
<span style="font-size: medium;"><b>Langkah 1</b></span><br />
<br />
Pastikan sobat sudah login di <b>blogger </b>(kalau pake <span class="IL_AD" id="IL_AD4">wordpress</span> juga bisa kok)<br />
<br />
<span style="font-size: medium;"><b>Langkah 2</b></span><br />
<br />
Pada halaman <b><span class="IL_AD" id="IL_AD3">Dashboard</span> </b>pilih <b>Rancangan </b>> <b>Add Gadget</b> > <b>HTML / Javascript</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwmo9CA_7hXhklGDe-WyWe6yz2rU0U3WNx23CSFvabWP0qwW1OIVqinlIKy-8vetr7a9yvjr_THNrBu9ZhpOc0al5Q-hyF-mh77DHiyTWPF6c31rr0-JDXS13HF2HWYOrP4sr7IksdNGhQ/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwmo9CA_7hXhklGDe-WyWe6yz2rU0U3WNx23CSFvabWP0qwW1OIVqinlIKy-8vetr7a9yvjr_THNrBu9ZhpOc0al5Q-hyF-mh77DHiyTWPF6c31rr0-JDXS13HF2HWYOrP4sr7IksdNGhQ/" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS8AeMeIdV7a7H2bVHl5Ixe3vHUZvyglF-8VV111uGPvaAENKnpgKUFvIhKf8om_H1zRDW96QO-cTqpSakT9knlW_Hjx22SaSlSdagZI01KM2yJj0VJSBIawJndVYHNjtrbm50Wvm0nxSe/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS8AeMeIdV7a7H2bVHl5Ixe3vHUZvyglF-8VV111uGPvaAENKnpgKUFvIhKf8om_H1zRDW96QO-cTqpSakT9knlW_Hjx22SaSlSdagZI01KM2yJj0VJSBIawJndVYHNjtrbm50Wvm0nxSe/" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOovAVNBVm7wmvCJxNJKNHpYdxq3ftRdLDEKwWNhZuvJD1ht3HwVRfL-ZdogwHv1laNZqr0nRxgSUv2FM5lnIgBttv-F9rdd1Jxyq7_Uc8M0frlGeKan5U4FPUhuP5clpKZgTo7xTgXDE0/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOovAVNBVm7wmvCJxNJKNHpYdxq3ftRdLDEKwWNhZuvJD1ht3HwVRfL-ZdogwHv1laNZqr0nRxgSUv2FM5lnIgBttv-F9rdd1Jxyq7_Uc8M0frlGeKan5U4FPUhuP5clpKZgTo7xTgXDE0/" /></a></div>
<br />
<br />
<br />
<span style="font-size: medium;"><b>Langkah 3</b></span><br />
<br />
Copy-Paste kode dibawah ini lalu edit kode sesuai dengan keterangan
selanjutnya lalu masukkan kedalam kotak pop-up seperti gambar dibawah
ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixQQY8EpnEguciaSkUE78b5zLoM5V1WvJrLcWKtuYJcJEy-xE7Xwe0gVMw4qUugvfeihJIBtD111MuIeVuvXX86OAdVgRkwTsqF6qKWTjm7-8lS5-WC04oteIzpQ8bOl-w9kvYOW6y_57b/" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixQQY8EpnEguciaSkUE78b5zLoM5V1WvJrLcWKtuYJcJEy-xE7Xwe0gVMw4qUugvfeihJIBtD111MuIeVuvXX86OAdVgRkwTsqF6qKWTjm7-8lS5-WC04oteIzpQ8bOl-w9kvYOW6y_57b/" /></a></div>
<br />
<div style="text-align: center;">
<i><b>Ini dia code yang harus dimasukkan kedalam kotak diatas</b></i></div>
<blockquote>
<<span class="IL_AD" id="IL_AD12">style</span>><br />
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float:
left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding:
0;font-size:12px;}ul.recent_posts_with_thumbs li
{padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs
a {<span class="IL_AD" id="IL_AD10">text-decoration</span>:none;}.recent_posts_with_thumbs strong {font-size:10px;}<br />
</style><script src="http://sites.google.com/site/hitsukeproject/p-recent-post-thumbnail-v3.js"><br />
</script><script><br />
var numposts = <i style="color: #351c75;">8</i>;var
showpostthumbnails = true;var displaymore = true;var displayseparator =
true;var showcommentnum = true;var showpostdate = true;var
showpostsummary = true;var numchars = <i style="color: #351c75;">250</i>;<br />
</script><script src="http://<span style="color: #cc0000;">namablogkamu</span>.blogspot.com/feeds/posts/default/-/<span style="color: #cc0000;">labelname</span>?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"><br />
</script></blockquote>
<br />
<br />
<span style="font-size: medium;"><b>Langkah 4</b></span><br />
<br />
Berikut ini adalah kode yang <i>Boleh </i>diganti<br />
<br />
<div style="font-family: inherit;">
<b><code><span id="fullpost">http://<span style="color: #cc0000;">namablogkamu</span>.blogspot.com/feeds/posts/default/-/<span style="color: #cc0000;">labelname</span></span></code></b></div>
<br />
<code><span id="fullpost">1. Ganti tulisan <b><span style="color: #cc0000;">namablogkamu </span></b>dengan url <span class="IL_AD" id="IL_AD5">blog</span> sobat contohnya: <b>hitsuke</b></span></code><br />
<br />
<code><span id="fullpost">2. Ganti tulisan <b style="color: #cc0000;">labelname </b>sesuai dengan label mana yang ingin sobat tampilkan </span></code><br />
<br />
<code><span id="fullpost">postingan terbarunya secara otomatis. Contoh: kalau menggunakan satu kata seperti </span></code><br />
<code><span id="fullpost"><b>http://hitsuke.blogspot.com/search/label/<span style="color: #cc0000;"><span class="IL_AD" id="IL_AD8">Artikel</span></span></b></span></code><br />
<code><span id="fullpost">jadi yang perlu diganti adalah <b><span style="color: #cc0000;">labelname </span>dengan <span style="color: #cc0000;">Artikel</span></b></span></code> <br />
<br />
tapi kalau menggunakan 2 suku kata seperti<br />
<b>http://hitsuke.blogspot.com/search/label/Photoshop%20Tutorial</b><br />
maka harus ditambahkan <b style="color: #cc0000;">%20</b> sebagai pengganti spasi.<br />
<br />
3. Menampilkan postingan terbaru (recent post) berdasarkan label tinggal ganti feed URL-nya<br />
<b>http://<span style="color: #cc0000;">yoursitename</span>.blogspot.com/feeds/posts/default/-/<span style="color: #cc0000;">labelname</span></b><br />
Tapi kalau ingin menampilkan postingan terbaru tidak berdasarkan label gunakan kode dibawah ini<br />
<b>http://<span style="color: #cc0000;">yoursitename</span>.blogspot.com/feeds/posts/default</b><br />
<br />
4. Jumlah postingan dan Panjang ringkasan yang ingin di tampilkan <br />
<b>var numposts = <i style="color: #351c75;">20 - </i><span style="color: #351c75;"><span style="color: black;">Angka 20 menunjukkan jumlah postingan yang ingin di tampilkan</span></span></b><br />
<br />
<b>var numchars = <i style="color: #351c75;">320 - </i><span style="color: #351c75;"><span style="color: black;">Menentukan panjang ringkasan (summary) yang ingin di tampilkan</span></span></b><br />
<br />
<br />
<span style="font-size: medium;"><b>Langkah 5</b></span><br />
<br />
Jangan lupa di <b>Simpan (SAVE)</b>. Sekarang lihatlah hasilnya. Sobat juga bisa menaruh kodenya didalam postingan seperti contoh <b><a href="http://hitsuke.blogspot.com/2010/11/tips-dan-trik-mempercantik-blog.html">berikut ini</a></b>.<br />
<br />
Sekian dulu ya tutorialnya. Mohon maaf atas s<ul class="recent_posts_with_thumbs"><hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="text-align: center;">
<img class="recent_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG3gxj9ZVCt29nyndmxHllNWIQcFsaf4bbnwN6QR5P3UQPHkTCXS0-LZSCNOVQwwn6UlzUqUoodt_78wadrdMQlhN64ZeCL9Xwkt1Du59DRxJPU5FLem5OZc6nRbZPCuYGR8qYIP0R/" /><span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"> </span></div>
<div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"> </span></div>
<div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;">Menghitung Jumlah Klik Suatu Link</span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
Mungkin postingan ini akan menjawab pertanyaan berikut.<br />
</li>
<li><b>Bagaimana <span class="IL_AD" id="IL_AD6">cara</span> menghitung jumlah klik suatu link / URL di <span class="IL_AD" id="IL_AD2">blog</span> kita secara otomatis?</b></li>
<li><b>Bagaimana cara menganalisis setiap klik yang kita letakkan di blog?</b></li>
<li><b>Kalau ada orang yang memasang iklan di blog kita, lalu bagaimana cara kita melihat jumlah klik / visitor pada iklan tersebut perharinya?</b></li>
<li><b>Bagaimana cara mengetahui jumlah pengunjung yang mengunjungi blog kita khusus melalui buku tamu saja?</b></li>
</ul>
<br />
Nah, untuk menjawab semua pertanyaan diatas Google telah meluncurkan produk terbarunya yaitu <b>Google Shortener URL</b>. <b>Google Shortener URL</b> ini fungsinya adalah untuk memendekkan link kita yang panjang seperti contoh berikut ini<br />
<br />
<div align="center">
<img alt="Google Shortener URL" height="368" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG3gxj9ZVCt29nyndmxHllNWIQcFsaf4bbnwN6QR5P3UQPHkTCXS0-LZSCNOVQwwn6UlzUqUoodt_78wadrdMQlhN64ZeCL9Xwkt1Du59DRxJPU5FLem5OZc6nRbZPCuYGR8qYIP0R/" width="617" /></div>
<br />
Link: http://hitsuke.blogspot.com/2010/08/sms-gratis-lewat-internet-sepuasnya.html<br />
<br />
<b>dipendekan menjadi (<i>melalu metode 301</i>)</b><br />
<br />
Link: http://goo.gl/3Bh5<br />
<br />
Jadi setelah anda memendekkan linknya, maka setiap klik yang terjadi pada link yang sudah anda pendekkan tadi akan dihitung dan dapat anda <span class="IL_AD" id="IL_AD3">analisis</span> dengan melihat <i>detailnya</i>. Kalau anda mau blog walking pendekkan saja URL blog / situs / web anda untuk melihat berapa jumlah <i>visitor</i> atau <i>backlink</i> yang anda dapatkan khusus dari blogwalking saja.<br />
<br />
Google
Shorter URL bukanlah satu-satunya fasilitas untuk memendekkan URL /
Link yang panjang, sebenarnya layanan untuk memendekkan link ini ada
banyak sekali salah satunya seperti yang anda temukan di twtter. Twitter
menggunakan <b>bit.ly</b> untuk memendekkan URL yang di-tweet. Selain itu ada juga cara lain untuk memendekkan URL yang panjang ini sekaligus <span style="font-family: Arial,Helvetica,sans-serif; font-size: medium;"><b>menghasilkan dollar</b></span> / duit / uang setiap link itu di klik yaitu <b>adf.ly</b>. Saya sendiri juga menggunakan <b>Adf.ly</b>, lumayan belum satu bulan sudah dapat <span style="font-size: medium;"><b>$12</b></span> dollar lebih (hehe sombong dikit). [<b>Panduan Mendaftar di Adfly</b>]<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoZZBOHYc3ITUuIPyHog5v8wPOCu0ATjKfnSyr7EiZPfdU2-qrb53VRqrj9zfQoE56ezudyASM0KAq57LiNFMmmnPwqlGC2Hb_gceUtU9t6oJqM4HLIcdvdj0oHQ0SckaSIjDMGyUe/s1600/Adfly+revenue.jpg" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Contoh Layanan Alternative Penghasil Dollar Adf.ly</i></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizU1Fgs3clhyphenhyphen5rNvAz6oFHMRk1C3l-zEd9uBD10zYmqgH8ESBQ-GFOf2cTWhWLotvzE4tBQ6fYe61pPoO4WVa3k_Ht-4cdz3c4iJuciYcDR041IGqmLBazCkUNcG1AbNYlaBasc-7KhHij/s1600/Bukti%20Pembayaran%20Adfly.jpg" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Bukti Pembayaran Pertamaku dari Adfly | Pembayaran kedua klik <a href="http://hitsuke.blogspot.com/2010/11/cara-mendaftar-di-adfly-scam.html?">disini</a></i></td></tr>
</tbody></table>
<br />
<br />
<div style="text-align: justify;">
Diantara layanan diatas terserah anda
mau pakai yang mana semuanya sama-sama menggunakan data statistik untuk
menghitung atau menganalisis jumlah klik link tertentu di blog anda.
Kalau ada kesulitan dalam menggunakan layanan diatas silakan tanyakan
saja melalu Cbox atau kotak komentar. Sekian dulu dan Terima kasih.</div>
<ul class="recent_posts_with_thumbs">
<li class="clearfix"><b><a class="url" href="http://hitsuke.blogspot.com/2010/10/menghitung-jumlah-klik-suatu-link.html" target="_top"></a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;">Memasang Widget atau Gadget Dasar Ter-POPULE</span></div>
<div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"> </span></div>
<div style="text-align: center;">
<span style="font-family: "Courier New",Courier,monospace; font-size: x-large;"> </span></div>
</li>
</ul>
Maksudnya disini adalah memasang widget-widget yang paling di perlukan oleh <span class="IL_AD" id="IL_AD1">blog</span> dan juga paling populer di kalangan peblogger.<br />
<br />
<br />
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: medium;"><b>1. Yang asli dari blogger</b></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<br />
</div>
Untuk memasang semua widget yang asli dari <span style="font-size: medium;"><b style="font-family: Arial,Helvetica,sans-serif;">blogger</b></span> ini silahkan pergi ke <b>Rancangan </b>> <b>Element</b> <b>Hamalan </b>><b> Tambah Gadget </b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioVzZ05WUs_9sxS6WyUQahnvqFMVJ9CIYrpHn2-XjzDfSzEtn0d1veXSo5xDkvMvGWmj0luA5PKAqewBhM2r8wDLrGWQtEFWg_DDaLsB12sZSRmGQHFjwApArPjKkg_1cV2rKUdrf8iI2G/s1600/RAncangan-EditHalaman.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioVzZ05WUs_9sxS6WyUQahnvqFMVJ9CIYrpHn2-XjzDfSzEtn0d1veXSo5xDkvMvGWmj0luA5PKAqewBhM2r8wDLrGWQtEFWg_DDaLsB12sZSRmGQHFjwApArPjKkg_1cV2rKUdrf8iI2G/s1600/RAncangan-EditHalaman.jpg" /></a></div>
<br />
<b>Populer Post</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgFyAKFAyXtQRQrnIz5r_I1e9MYnXrrdY-EFpKpXVNxMZERZ7u53YSvAMOs14MYAJVHIhKq_yidcC0PxNMXWRCpyI8xKUVqRp-RDb6gosoHlBaOkG6LiCXVmMdx3VTTRDZJEQzTHWjnwaU/s1600/icon_popularposts.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgFyAKFAyXtQRQrnIz5r_I1e9MYnXrrdY-EFpKpXVNxMZERZ7u53YSvAMOs14MYAJVHIhKq_yidcC0PxNMXWRCpyI8xKUVqRp-RDb6gosoHlBaOkG6LiCXVmMdx3VTTRDZJEQzTHWjnwaU/s1600/icon_popularposts.gif" /></a></div>
<br />
Widget ini adalah widget terbaru dari blogger yang fungsinya menampilkan
postingan kita yang paling banyak diminati oleh para pembaca secara
otomatis.<br />
<br />
<br />
<br />
<b>Statistik Blog</b><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKuMovgiPuxwi94upUe0bC93nboLKex9JtqbFZAlzXfGtUkHylyVYq7HCEkU3kQlymMcR_BviAYJcNHW355-IQ6QSgafG_xjYwduZKb8AhO71yWDQtNeALCLp7h66OViFHXJDZbt0nr0wC/s1600/icon_stats.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKuMovgiPuxwi94upUe0bC93nboLKex9JtqbFZAlzXfGtUkHylyVYq7HCEkU3kQlymMcR_BviAYJcNHW355-IQ6QSgafG_xjYwduZKb8AhO71yWDQtNeALCLp7h66OViFHXJDZbt0nr0wC/s1600/icon_stats.gif" /></a></div>
Ini
fungsinya untuk menampilkan jumlah pengunjung yang datang ke blog anda.
Setiap pengunjung yang datang akan dihitung dan bisa anda lihat secara
update.<br />
<br />
<br />
<br />
<br />
<b>Followers</b><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3nr14PV0FWWiSYfNy22g2S_NIpmahNQS77z5sYN3olZd2G-50DqJaOVmP-XE_u8iknMobAjasPMJHSFtoFW8dDZ407HJLg_H2Vv73_1qubroPN7acz2k7rgThT6ni7UU5C74v3Riwe7Y/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Followers" border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3nr14PV0FWWiSYfNy22g2S_NIpmahNQS77z5sYN3olZd2G-50DqJaOVmP-XE_u8iknMobAjasPMJHSFtoFW8dDZ407HJLg_H2Vv73_1qubroPN7acz2k7rgThT6ni7UU5C74v3Riwe7Y/" width="120" /></a><br />
Widget ini memungkinkan orang untuk mengikuti blog kamu dan juga menampilkan berapa banyak orang atau pengguna blogger lainnya yang menyukai blog kamu.<br />
<br />
<br />
<br />
<br />
<b>Link List</b><br />
<a href="http://lh3.ggpht.com/_IjrRiI_bVb0/TKHOGUxIsAI/AAAAAAAAFFE/tTkgK4UzMcc/icon_linklist.gif" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img alt="Link List" border="0" height="60" src="http://lh3.ggpht.com/_IjrRiI_bVb0/TKHOGUxIsAI/AAAAAAAAFFE/tTkgK4UzMcc/icon_linklist.gif" width="120" /></a>Widget ini berfungsi untuk memudahkan kamu dalam membuat link yang ingin kamu masukan kedalam blog, baik itu link blogmu sendiri, link situs favorit kamu, atau link blog lain kalau kamu mau bertukar link.<br />
<br />
<br />
<br />
<b>Labels</b><br />
<img alt="Label" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY-TGdVYKZsHvGWHY2N1Qoxt0MnyFqzBjsoAMJfwnYurous7KnuAYP1vm2Dm6gFVCx1_e18MxA_bA3Qj37s2es0WZaLl8rrtL5Ao3KUrjrNT7TZz3XY_-19PlkOmMLjxqtqiac2YcvgrCz/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="120" /><br />
Menampilkan label di sidebar. Widget ini memudahkan pengunjung membaca blog anda berdasarkan topik yang mereka inginkan.<br />
<br />
<br />
<br />
<b>Arsip Blog</b><br />
<img alt="Blog Archive" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC6EaBEUKlj7HIek_vMGrb-DwLrlz-CzDlMd_sOuAEOeef4DLiDccTNecPcA0ayk8wJriDitOwuW6KCdbVXcto0_k1hyphenhyphenGTLX9KYf1GsU1YcT3sQJOOqPGlxvGmeEZdxxUl0fYwbaOe_L8C/" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="120" /><br />
Menampilkan semua postingan atau tulisan anda dari awal ngeblog sampai yang terbaru saat ini.<br />
<br />
<br />
<div style="font-family: Arial,Helvetica,sans-serif;">
<br />
<span style="font-size: medium;"><b>2. Widget External ( yang bukan dari blogger)</b></span></div>
<br />
<div style="text-align: center;">
<b>Komentar terbaru [Recent Comment]</b></div>
<br />
<div align="center">
<img alt="Memasang Widget Komentar terbaru di blog otomatis" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1zMsWznzNbo6lM_MI_KbUMMIsF1DaZtvv8XQHfO35wgx-r0WTK5NpFjc08ahBmWxX280b2Iwt44l9jpqMLYn9mJfzksTGdTr87aS0aGH8om8loyxfqZTG0boq7deGZGs7EgfyCfDWguOc/" width="300" /></div>
<br />
Bagaimana ya <span class="IL_AD" id="IL_AD10">cara</span> menampilkan komentar tarbaru di blog? Nah, Widget ini berfungsi untuk menampilkan setiap komentar terbaru yang masuk di blog anda secara otomatis. <span style="font-size: x-small;"><b>Pasang Widget ini!</b></span><br />
<hr />
<div style="text-align: center;">
<b>Postingan terbaru [Recent Post]</b></div>
<br />
<div align="center">
<img alt="Postingan Terbaru di blog muncul otomatis" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg618oJ8ODB0ELz6FYzKQ5cbuQHXK66FTT1GsnCJvuOPX3CSXdYslNefTY9pKGK345Dl8trtBlrHTaoUmT9hHJEKyzu4TSupCbNGY_UiHekQ4wgP28NzD1drFpG5MYP8amwW8B4ECtmKTuf/" width="286" /></div>
<br />
Kalau yang ini berfungsi untuk menampilkan postingan blog anda yang paling baru secara otomatis di halaman depan blog anda. Widget Recent Post ini ada dua macam, yaitu: Yang pakai gambar dan Yang tidak pakai gambar alias hanya link saja. <b><a href="http://hitsuke.blogspot.com/2009/10/widget-menampilkan-postingan-terbaru.html" style="color: #cc0000;" target="_blank">Pasang Widget ini!</a></b><br />
<hr />
<br />
<div style="text-align: center;">
<b>Flash Label</b></div>
<div align="center">
<img alt="Memasang Flash Label di sibebar blog" height="267" src="http://lh5.ggpht.com/_IjrRiI_bVb0/TKHOF2pgoqI/AAAAAAAAFE0/9SIKdOF69FY/flash%20label%20tag%20cloud.JPG" width="300" /></div>
<br />
Hm..yang ini widget favoriteku. Widget ini menampilkan label / kategori blog dalam bentuk flash <span class="IL_AD" id="IL_AD4">animasi</span>
githu. Ketika kita arahkan mouse kesitu labelnya akan langsung bergerak
sesuai dengan arah mouse. Pokoknya keran lah. Saya sarankan widget
Flash label cloud ini WAJIB di pasang..hehe.<a href="http://hitsuke.blogspot.com/2009/05/memasang-flash-label-widget-di-blog.html" style="color: #cc0000;"><b>Pasang Widget ini!</b></a> <br />
<hr />
<br />
<div style="text-align: center;">
<b>Artikel yang berhubungan [Related Post]</b></div>
<br />
<div align="center">
<img alt="Postingan yang berkaitan muncul otomatis di bawah postingan blog" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVUMa7YM_87p_UprGAeWULC8Asgah2dFyxSUIr0wLaMhSnNQ2KcDwGWGopL1qVsz88H52V4CQw9TqucLUa4RbXUWrhB24p2QFRyCd81tqo8b00Eabm7ioRsRAWL_f-hHLD6ldmQiDtIn6T/" width="317" /></div>
<br />
Klo widget ini berfungsi untuk menampilkan <span class="IL_AD" id="IL_AD7">artikel</span> yang berhubungan dengan postingan anda secara otomatis sesuai dengan label / kategorinya. Kalau anda ingin jumlah <i>page view</i> anda meningkat, pasang saja widget ini, InsyaAllah visitor akan betah berlama-lama di blog anda. <span style="font-size: x-small;"><b><a href="http://hitsuke.blogspot.com/2009/05/menampilkan-artikel-yang-berhubungan.html" style="color: #cc0000;" target="_blank">Pasang Widget ini!</a></b></span><br />
<hr />
<br />
<div style="text-align: center;">
<b>Artikel yang berhubungan dengan gambar <span class="IL_AD" id="IL_AD11">thumbnail</span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5W6b4WF9ty6FYgJ5biZx0aoQqfD040cf64pKXIktXsLks38e888FyTLeN0rMA9YWF1TkUGiMvi0GHCvzglrcdnubCZNQA1-4TRwGe_N94DO8FViY7_xB2HSnhqE14Q17tGTpfvJFKeZUE/s1600/Related+Post+With+Thumbnail.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5W6b4WF9ty6FYgJ5biZx0aoQqfD040cf64pKXIktXsLks38e888FyTLeN0rMA9YWF1TkUGiMvi0GHCvzglrcdnubCZNQA1-4TRwGe_N94DO8FViY7_xB2HSnhqE14Q17tGTpfvJFKeZUE/s1600/Related+Post+With+Thumbnail.jpg" /></a></div>
<div style="text-align: center;">
<br />
</div>
<br />
Sama seperti yang diatas. Cuma bedanya klo yang ini letaknya dibawah postingan dengan tampilan <span class="IL_AD" id="IL_AD2">preview</span> gambar postingan kita tersebut. <a href="http://hitsuke.blogspot.com/2009/11/menampilkan-postingan-yang-berhubungan.html" style="color: #cc0000;"><b>Pasang Widget ini!</b></a><br />
<hr />
<br />
<blockquote>
<div style="text-align: center;">
<i><a href="http://vebyoarson.blogspot.com/2010/11/kumpulan-widget-dan-gadget-untuk-blog.html"><b>Semua Widget dan Gadget untuk Blog ada disini...!!</b></a></i></div>
</blockquote>
<br />
Nah semua widget diatas lah yang menurut saya yang harus kita pasang di blog kita. Mungkin cara
pemasangan widget diatas dapat berubah sewaktu-waktu, jadi bila ada
kesulitan dalam pemasangan widget tersebut silahkan tanyakan saja
melalui kotak komentar di bawah ini. Terima kasih.
<ul class="recent_posts_with_thumbs"><hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><b><a href="http://hitsuke.blogspot.com/2010/07/cara-membuat-blog.html" target="_top"><br /></a></b><b><a class="url" href="http://hitsuke.blogspot.com/2010/07/cara-membuat-blog.html" target="_top"></a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><b><a href="http://hitsuke.blogspot.com/2010/09/cara-memasang-buku-tamu-di-blog.html" target="_top">Cara Memasang Buku Tamu di Blog</a></b><br /><i>Ada banyak layanan yang bisa digunakan sebagai buku tamu untuk blog
kita. Diantaranya adalah shoutmix, cbox, oggix, dan lain sebagainya.
Untuk kesempatan kali ini saya akan membuat tutorial mengenai cara
memasang buku tamu di blog anda untuk pemula dilengkapi dengan gambarnya agar lebih mudah dimengerti. Dulu para...</i><br /><b>Sep-26 - 2010 | <a href="http://hitsuke.blogspot.com/2010/09/cara-memasang-buku-tamu-di-blog.html#comment-form" target="_top">12 Comments</a> | <a class="url" href="http://hitsuke.blogspot.com/2010/09/cara-memasang-buku-tamu-di-blog.html" target="_top">Read more»»</a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><img class="recent_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7MsUyQ6kkWkGxt3Sm-SEQVWCVmInyM8x-FrFEDpWqf6vujYQCdLhCX2LuzJ3gW84KJdq5h_70LOAkofoXAMN_xf0Tsn7XIWsjmAORbyOkvIP5YnfF0GJB6mIGXjoe0_7Q0v9scgzYSVdP/s72-c/Blogger-Template-Designer.jpg" /><b><a href="http://hitsuke.blogspot.com/2010/08/mendesign-template-sendiri-dengan.html" target="_top">Mendesign Template Sendiri dengan Template Designer</a></b><br /><i>Sekarang
anda tidak perlu lagi mendownload template dari situs-situs penyedia
template karena belum lama ini blogger telah meluncurkan fitur
terbarunya yaitu Template Designer. Dengan adanya Template Designer ini
anda bisa membuat template anda sendiri dan tentu saja hal ini
memberikan kepuasan tersendiri bagi anda...</i><br /><b>Sep-10 - 2010 | <a href="http://hitsuke.blogspot.com/2010/08/mendesign-template-sendiri-dengan.html#comment-form" target="_top">8 Comments</a> | <a class="url" href="http://hitsuke.blogspot.com/2010/08/mendesign-template-sendiri-dengan.html" target="_top">Read more»»</a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><img class="recent_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinU5GUusSgyk1bRPCbs9oRfyho2QtLfqc_ipFKKyXmVObeGMioszPlk-sa9bBvvJJULS1JrKBygDp9BQOQl_WCZNZxHrFEswOaESjbmk-ZfF__yWR2C1KlFjCtqW8dC7QsHOgfinI29LCj/s72-c/Buku+Tamu.jpg" /><b><a href="http://hitsuke.blogspot.com/2010/08/cara-meningkatkan-traffik-blog.html" target="_top">Cara Meningkatkan Traffik Blog</a></b><br /><i>1.
BlogwalkingBuku TamuApa anda tau apa itu blogwalking? Blogwalking
maksudnya mengunjungi suatu blog dan mengisi buku tamunya lalu pergi ke
blog yang lain melalui buku tamu blog yang anda kunjungi tersebut dan
begitulah seterusnya. Untuk blog yang masih baru, blogwalking tentu saja
sangat diperlukan untuk...</i><br /><b>Aug-18 - 2010 | <a href="http://hitsuke.blogspot.com/2010/08/cara-meningkatkan-traffik-blog.html#comment-form" target="_top">12 Comments</a> | <a class="url" href="http://hitsuke.blogspot.com/2010/08/cara-meningkatkan-traffik-blog.html" target="_top">Read more»»</a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><img class="recent_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtgdH9VC2ylNCbFDbgn34iwGpr7v-aDg8R0TzO1bXoPIa2MLcLvK7HDunygoTqyrUPzJ3P1eqLKZ0e4tL4MD4UCJ78YzGlmwsA1hIFj32kLeCg_Kht-rHgMasF989n1YaKFTA9fIG7qL8k/s72-c/Dashboard-Setting.jpg" /><b><a href="http://hitsuke.blogspot.com/2010/08/mengganti-post-editor-yang-lama-dengan.html" target="_top">Mengganti Post Editor yang Lama dengan yang Baru</a></b><br /><i>Seiring
dengan berjalannya waktu, blogger terus membuat sesuatu yang baru agar
mempermudah para penggunanya dan akhirnya dia meluncurkan post-editor
yang baru dengan tampilan yang lebih sederhana dan menarik. Selain itu
post editor ini juga banyak mengalami kemajuan seperti tersedianya
tombol pengupload <span class="IL_AD" id="IL_AD5">video</span>, proses...</i><br /><b>Aug-18 - 2010 | <a href="http://hitsuke.blogspot.com/2010/08/mengganti-post-editor-yang-lama-dengan.html#comment-form" target="_top">1 Comment</a> | <a class="url" href="http://hitsuke.blogspot.com/2010/08/mengganti-post-editor-yang-lama-dengan.html" target="_top">Read more»»</a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><img class="recent_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYHMiEHzEfJLDMJ_pE1HFAb49YH150FFjyQ8HzNMU1Ckd-0cGiJRC_OFgAiaO-1sM_9QcSSOIIgGqOpep9-Gky5MtDAvtKm4yg-cKs4yMcJlDElgyvDn-4_lvf2BbQF26hFpZkThHXCSJf/s72-c/Textbox+Area.jpg" /><b><a href="http://hitsuke.blogspot.com/2010/01/cara-membuat-textbox-area.html" target="_top">Cara Membuat Textbox Area</a></b><br /><i>Hidup
ini untuk berbagi. Textbox Area ini sangat berguna untuk menuliskan
text / kode di dalam postingan agar mudah di copy - paste juga untuk
menghemat halaman postingan agar tidak terlalu panjang ke bawah. Selain
itu textbox area ini juga dilengkapi dengan tombol Hightlight All /
Select All yang berfungsi untuk...</i><br /><b>Aug-05 - 2010 | <a href="http://hitsuke.blogspot.com/2010/01/cara-membuat-textbox-area.html#comment-form" target="_top">51 Comments</a> | <a class="url" href="http://hitsuke.blogspot.com/2010/01/cara-membuat-textbox-area.html" target="_top">Read more»»</a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><img class="recent_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAuCqs_GohTq3TmWytDJmeSpFiwQimIo0Lq-Rivd8kLKWGHF_tyHIuWoXJrkwx77IombgC2QdfUFImpTeuGZ_ExLwznjtr0yMEwj-Ye8RIluj5oNw7Ua-2iQZQL9Nd3ow1HR9KvL_NCoKG/s72-c/SMS+GRAtis.jpg" /><b><a href="http://hitsuke.blogspot.com/2010/08/sms-gratis-lewat-internet-sepuasnya.html" target="_top">Sms Gratis Lewat Internet Sepuasnya Ke Semua Operator</a></b><br /><i>Free
SMSAlhamdulillah ada kabar baik buat sobat yang hobi sms-an. Sekarang
sudah ada fasilitas sms gratis (bebas pulsa) alias tanpa bayar via
internet tanpa batas ke semua nomor baik itu Telkomsel (Simpati, Halo,
dan As), Indosat, (im3 dan Mentari), XL, Flexi, 3(three), Axis, Esia,
Star One, pokoke kesemua operator...</i><br /><b>Aug-03 - 2010 | <a href="http://hitsuke.blogspot.com/2010/08/sms-gratis-lewat-internet-sepuasnya.html#comment-form" target="_top">53 Comments</a> | <a class="url" href="http://hitsuke.blogspot.com/2010/08/sms-gratis-lewat-internet-sepuasnya.html" target="_top">Read more»»</a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><img class="recent_thumb" src="http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif" /><b><a href="http://hitsuke.blogspot.com/2009/05/kode-kode-warna-html.html" target="_top">Kode-Kode Warna HTML</a></b><br /><i>Langsung
saja saya jelaskan mengenai kode warna pada HTML.Kode dibawah ini
merupakan kode-kode warna dasar.Black (Hitam) : #000000White (Putih) :
#ffffffBlue (Biru) : #0066ffOld Green (Hijau tua) : #006666Red (Merah) :
#ff0000Yellow (Kuning) : #ffff00Green (Hijau Muda) : #00ff00Purple :
(Ungu) : #ff00ffBlueSky (Biru...</i><br /><b>May-09 - 2010 | <a href="http://hitsuke.blogspot.com/2009/05/kode-kode-warna-html.html#comment-form" target="_top">5 Comments</a> | <a class="url" href="http://hitsuke.blogspot.com/2009/05/kode-kode-warna-html.html" target="_top">Read more»»</a></b></li>
<hr color="#d9f1fa" size="0.5" />
<li class="clearfix"><img class="recent_thumb" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwNp6B1oSmQCvaFuEO5hbF271ZeHG24yoGO3TShFid0vq6iV5DruQGdfWVzc32tj7RNuQgTSHViRkMEBre5Br5WtYXxH7PNxMD9O1VRdnTP_Kdoju-QBx1KM8vzNjDJMsF9762unRLf4j_/s72-c/Share+on+Facebook+Button+R.jpg" /><b><a href="http://hitsuke.blogspot.com/2010/01/memasang-tombol-share-on-facebook-versi.html" target="_top">Memasang tombol Share on facebook versi 3</a></b><br /><i>Facebook Developer telah mengembangkan tombol share on facebook sebelumnya dengan tombol share on facebook <span class="IL_AD" id="IL_AD4">versi</span> 3 yang dilengkapi dengan penghitung berapa kali halaman postingan blog
/ web kamu di sebarkan di facebookAda beberapa style yang bisa kamu
pilih sesukamu1. Tombol share on facebook di sebelah kanan...</i><br /><b>Jan-10 - 2010 | <a href="http://hitsuke.blogspot.com/2010/01/memasang-tombol-share-on-facebook-versi.html#comment-form" target="_top">9 Comments</a> | <a class="url" href="http://hitsuke.blogspot.com/2010/01/memasang-tombol-share-on-facebook-versi.html" target="_top">Read more»»</a></b></li>
</ul>
<br /><br />
</div>
</div>
</div>
</div>
</div>
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-77606545539738143082011-04-13T09:01:00.000-07:002011-04-13T09:01:48.592-07:00<div id="header-wrapper">
<div class="header section" id="header">
<div class="widget Header" id="Header1">
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">
Tutorial, Tips dan Trik Mempercantik Blog (Blogspot) PLUS Dapat Duit
</h1>
</div>
<div class="descriptionwrapper">
<div class="description">
<span>
</span></div>
</div>
</div>
</div>
</div>
</div>
<div id="crosscol-wrapper" style="text-align: center;">
</div>
<div id="sidebar-wrapkiri">
<div id="sisikiriatas">
<div id="sisikiriatas2">
<div class="sidebar section" id="sisiatas">
<div class="widget Text" id="Text1">
<h2 class="title">
Peringatan</h2>
<div class="widget-content">
Tidak diperkenankan untuk meng-<b>CopyPaste</b> semua posting di blog ini tanpa seijin pemiliknya<br />
</div>
<span class="widget-item-control">
</span>
</div>
<div class="widget Label" id="Label1">
<h2>
Labels</h2>
<div class="widget-content">
<ul>
<li>
<a href="http://www.blogger.com/goog_973627475"></a><a href="mailto:http://www.bloggwe.co.cc/search/label/ciptakan%20blog">CIPTAKAN BLOG</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.bloggwe.co.cc/search/label/domain%20.co.cc">
domain .co.cc
</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.bloggwe.co.cc/search/label/edit%20template">
edit template
</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.bloggwe.co.cc/search/label/ganti%20domain">
ganti domain
</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.bloggwe.co.cc/search/label/internet%20marketing">
internet marketing
</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.bloggwe.co.cc/search/label/maksimalkan%20pencarian">
maksimalkan pencarian
</a>
<span dir="ltr">(1)</span>
</li>
<li>
<a dir="ltr" href="http://www.bloggwe.co.cc/search/label/optimalisasi%20SEO">
optimalisasi SEO
</a>
<span dir="ltr">(1)</span>
</li>
</ul>
<span class="widget-item-control">
</span>
</div>
</div>
</div>
</div>
</div>
<div id="kiribawah">
<div id="kiribawah2">
<div class="sidebar section" id="sisikiribawah">
<div class="widget HTML" id="HTML2">
<div class="widget-content">
<div class="garping">
<table bgcolor="ffffff" border="0"><tbody>
<tr><td class="content"><span style="font-family: Arial; font-size: x-small;"><br /><a href="http://kumpulblogger.com/textlink_desc.php?refid=41504" target="_new">KumpulBlogger.com</a></span></td></tr>
</tbody></table>
</div>
</div>
<span class="widget-item-control">
</span>
</div>
</div>
</div>
</div>
</div>
<h2 class="date-header">
Minggu, 03 Mei 2009</h2>
<div class="post hentry uncustomized-post-template">
<a href="" name="6765284338995260577"></a>
<h3 class="post-title entry-title">
<a href="http://www.bloggwe.co.cc/2009/05/cara-membuat-blog-di-bloggercom.html">Cara Membuat Blog di Blogger.com</a>
</h3>
<div class="post-body entry-content">
<div style="text-align: justify;">
<span style="font-family: arial; font-size: 100%;"><b><span class="”fullpost”">“INTERNET”,</span></b></span><span style="font-family: times new roman; font-size: 100%;">sebuah
dunia yang tidak asing lagi bagi sebagian besar orang di dunia ini.
Dalam keseharian kita, dengan sangat mudah kita mengkonsumsi
(menggunakan) internet untuk berbagai keperluan kita sehari-hari. Mulai
dari Browsing,Chatting, Bloging,buka faceboo,friendster,</span>live conector, dll. Namun rasanya belum lengkap bagi seorang netter(pemakai internet) kalau belum punya blog. </div>
<div class="MsoNormal" style="font-family: times new roman; text-align: justify;">
<span style="font-size: 100%;">Blog
sendiri awal mulanya hanya digunakan sebagai diary saja, namun seiring
perkembangan jaman, blog digunakan untuk berbagai keperluan sehari-hari,
mulai sebagai ,tempat berbagi ilmu,media promosi hingga digunakan untuk
internet marketing.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: times new roman; text-align: justify;">
<span style="font-size: 100%;"><i>Aduh…! dari tadi<span> </span>ngomongin opo sech? Kapan mau buat blognya?</i>
<br />Oke dech, langsung saja.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: times new roman; text-align: justify;">
<span style="font-size: 100%;">Sebelum membuat blog kita harus tau siapa saja penyedia blog tersebut. “<i>Emang ada siapa saja? Terus ada yang GRATIZ ga?</i>” ada banyak penyedia blog di dunia ini termasuk yang GRATISAN, seperi <a href="http://www.blogger.com/">blogger.com/blogspot.com</a>, <a href="http://www.wordpress.com/">wordpress.com</a>, dll.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">Cara
membuat blog yang paling mudah bagi para newbie(pemula) adalah
menggunakan fasilitas BlogSpot / Blogger. BlogSpot adalah fasilitas yang
diberikan secara gratis oleh google dan sangat banyak penggunanya.hal
ini disebabkan karena kemudahan untuk membuat, mengedit, dan
mengotak-atiknya. Berikut ini cara membuat membuat blog di blogspot.
<br />
<br /><span style="font-weight: bold;">1. Buka situs </span><a href="http://www.blogger.com/" style="font-weight: bold;">www.blogger.com</a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaS-5mXrQHkDdHfTrOJsYqsY3ULwIdJYYgPJnJMLe-bM3jRjUms6hGTiFipqIGc3FzaadxZ95KLKaX9REJeH316T7zivnG4m5Y66-CLmgFfwudQSofJnlsQLcgQYoQ6WAVvLq7jkLgd3g/s1600-h/go2usman.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5331809335488461410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaS-5mXrQHkDdHfTrOJsYqsY3ULwIdJYYgPJnJMLe-bM3jRjUms6hGTiFipqIGc3FzaadxZ95KLKaX9REJeH316T7zivnG4m5Y66-CLmgFfwudQSofJnlsQLcgQYoQ6WAVvLq7jkLgd3g/s320/go2usman.JPG" style="cursor: pointer; display: block; height: 270px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span></div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">
<br /><span style="font-weight: bold;">2. Registrasi Google Account</span>
<br />Untuk menggunakan fasilitas blogspot, kita harus mendaftar Google
Account terlebih dahulu, caranya sangat mudah. Dari halaman depan
Blogger.com , klik tanda panah yang bertuliskan "<b>Ciptakan Blog Anda Sekarang</b>", dan kemudian akan muncul halaman registrasi. Anda diminta untuk mengisi form pendaftaran google account.</span></div>
<div style="text-align: justify;">
<span style="font-family: arial; font-size: 100%;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtUt9JSFhDL2NgWVD3y6OmfxyfNMYRYI8lukbv-jzHd0qsDTJ7V_4AA9YMSHa_VRoHTqziPgDLstRkZGIfGO2YD_-xTNH8EOY3EfW5YvmfYOkwAH-ftDW0aNjk4yGxqXSm4r26JT2aMFc/s1600-h/go2usman+%281%29.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5332157183174024674" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtUt9JSFhDL2NgWVD3y6OmfxyfNMYRYI8lukbv-jzHd0qsDTJ7V_4AA9YMSHa_VRoHTqziPgDLstRkZGIfGO2YD_-xTNH8EOY3EfW5YvmfYOkwAH-ftDW0aNjk4yGxqXSm4r26JT2aMFc/s320/go2usman+%281%29.JPG" style="cursor: pointer; display: block; height: 275px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span></div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">Bila sudah selesai klik tanda panah “<b>Lanjutkan”.</b></span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;"><span style="font-weight: bold;">3. Membuat identitas blog.</span>
<br />Setelah registrasi google account selesai, kita akan di minta lagi
untuk memilih judul dan alamat(url) blogspot yang kita inginkan.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">Bila sudah selesai klik tanda panah “<b>Lanjutkan”.</b></span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;"><span style="font-weight: bold;">4. Memilih template (tampilan blog)</span>
<br />Langkah selanjutnya adalah memilih template / tampilan blog.
Blogspot menyediakan beberapa template sederhana yang bisa langsung kita
pakai. Pilih saja salah satu yang kita sukai.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hYv0fz4tCfpHSU6O73tozw_UcrUNJMwq0N9zLQFaZ1s7gT_GXzXpR7aTAt4zX94RmOPdt5QsASZATzfOBCVwT0tqRrIml2QoQxbAfVN6UqVIXl-VhNJCG_BB9pHmNw5dxLp8l7CX_lY/s1600-h/go2usman+%282%29.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5332156219460343490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6hYv0fz4tCfpHSU6O73tozw_UcrUNJMwq0N9zLQFaZ1s7gT_GXzXpR7aTAt4zX94RmOPdt5QsASZATzfOBCVwT0tqRrIml2QoQxbAfVN6UqVIXl-VhNJCG_BB9pHmNw5dxLp8l7CX_lY/s320/go2usman+%282%29.JPG" style="cursor: pointer; display: block; height: 275px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">Bila sudah selesai klik tanda panah “<b>Lanjutkan”.</b></span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">Note: jika suatu saat kita ingin menggantinya, itu sangat mudah.klik disini untuk panduan memper-indah template.
<br /><span style="font-weight: bold;">5. Mengisi blog (Posting)</span>
<br />Seletah memilih template blog, kita akan dibawa ke sebuah jendela
yang akan digunakan untuk mengisi posting pertama. isi posting tersebut
dengan posting kita, bisa tentang apa saja.
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7oXx8X7SlmNFJvHh8R9PD-OX-cjh9yaSvZ-ySK1bGLwuSNznmqRILu31hSabeyiWvtsbD0xDgd3jzTgKDtAaDEJNcQsMZouLSaWpYHFHcFAUWafyunQir7WtFFUUhvdVeEOjm9uxlnf4/s1600-h/go2usman+%283%29.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5332156446297483618" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7oXx8X7SlmNFJvHh8R9PD-OX-cjh9yaSvZ-ySK1bGLwuSNznmqRILu31hSabeyiWvtsbD0xDgd3jzTgKDtAaDEJNcQsMZouLSaWpYHFHcFAUWafyunQir7WtFFUUhvdVeEOjm9uxlnf4/s320/go2usman+%283%29.JPG" style="cursor: pointer; display: block; height: 210px; margin: 0px auto 10px; text-align: center; width: 320px;" /></a></span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">Pada kotak di depan kata <b>“Judul”</b> tulis judul posting kita, misalkan “Ini posting pertama gue”.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; text-align: justify;">
<span style="font-size: 100%;">Terus pada kotak berikutnya(kotak gede) isi dengan postingan kita.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" face="verdana" style="text-align: justify;">
<span style="font-size: 100%;">Pada kotak <b>“Label untuk posting ini”</b> ketikan untuk label postingan kita, misalnya:”posting pertama,tulisan pertama”, dll.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: arial; text-align: justify;">
<span style="font-size: 100%;">Terus
untuk penggunaan tool lainnya saya rasa tidak perlu dijelaskan lagi,
soalnya sudah biasa di gunakan pada software lain,seperti,ms word,ms
excel,dll.</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: verdana; font-weight: bold; text-align: justify;">
<span style="font-size: 100%;">6. Terus klik tombol”MEMPUBLIKASIKAN POSTING“</span></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="font-family: arial; text-align: justify;">
<span style="font-size: 100%;"><span style="font-weight: bold;">7. Selesai dech. Untuk melihat blog anda </span><b style="font-weight: bold;">“Lihat Blog(di jendela baru)”.</b>
<br />
<br />Saya mohon maaf atas segala kekurangan blog ini. Untuk kritik,
saran, komentar silahkan poskan komentar anda pada kotak komentar
dibawah.</span></div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
Diposkan oleh
<span class="fn">go2usman</span>
</span>
<span class="post-timestamp">
di
<a class="timestamp-link" href="http://www.bloggwe.co.cc/2009/05/cara-membuat-blog-di-bloggercom.html" rel="bookmark" title="permanent link"><abbr class="published" title="2009-05-03T20:09:00-07:00">20:09</abbr></a>
</span>
<span class="post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/05/cara-membuat-blog-di-bloggercom.html#comments">0
komentar</a>
</span>
<span class="post-backlinks post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/05/cara-membuat-blog-di-bloggercom.html#links">Link ke posting ini</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.bloggwe.co.cc/search/label/ciptakan%20blog" rel="tag">ciptakan blog</a>
</span>
</div>
</div>
</div>
<div class="post hentry uncustomized-post-template">
<a href="" name="4084837914367224208"></a>
<h3 class="post-title entry-title">
<a href="http://www.bloggwe.co.cc/2009/05/manfaatkan-google-donk.html">Manfaatkan google donk!!</a>
</h3>
<div class="post-body entry-content">
Internet merupakan sumber dari segala berita yang up to date setiap
hari. Maka tidak heran kalau orang2 bilang di internet biasa mencari
segala suatu berita atau hal lainnya dengan menggunakan seacrch
engine:seperti google<br /><br />, yahoo, altavista, dll. Sebagian besar manusia yang nge-net adalah browsing, terutama orang2 pemula yang segala tidak tahu.<br />Memang
benar, dengan googling kita bisa menemukan berbagai hal di internet.
tapi tidak sedikit orang yang tersesat ke halaman web/blog yuang tidak
sesuai dengan apa yang mereka inginkan. Salah satu pernyebabnya karena
minimnya pengetahuan mereka pada teknik SEO(search Engine Optimazation) .
Apa itu teknik SEO? teknik SEO adalah teknik memanfaatkan mesin pencari
agar kita bisa mendapatkan apa yang kita cari dengan benar.<br />Ada beberapa teknik yang biasa digunakan sesuai kebutuhan yaitu sebagai berikut:<br /><br />
<ol>
<li>tetukan
keyword secara spesifik. Maksudnya adalah menggunakan kata yang lebih
khusus ketimbang yang lebih umum.Contoh kata "kriminalitas di kota
jakarta".kata kriminalitas merupakan kata yang lebih umum ketimbang kata
pencopertan, pembunuhan, pemerkosaan,dll.</li>
<li>Mengunakan tanda
petik pada satu prasa, seperti prasa "cari duit dari internet" maka
hasil pencarian hanya akan muncul halaman web/blog yang mengadung frasa
tersebut.</li>
<li>Menggunakan penyambung AND. kata AND digunakan apabila
ingin mencari dua atau lebih kata/frasa dalam satu halaman, contoh
internet AND uang atau "mencari uang" AND "internet marketing".tapi
inget kata AND harus huruf kapital semuanya, jika tidak maka pencarian
akan biasa saja.</li>
<li> Tentukan jenis file yang kita inginkan
dengan menggunakan format filetype: , contoh keyword : "cara membuat
Blog" filetype:doc. >>>>>doc (ms word), xls (ms. Excel),
dan yang lainnya anda bisa cari sendiri.</li>
<li> Menetukan kata dari
web/blog mana yang kita inginkan dengan menggunakan site: contoh:
"pembunuhan di jakarta" site:www.compas.com .maka halaman yang muncul
hanya dari web kompas saja.</li>
</ol>
<br />Oke.hanya ini saja yang bisa saya posting untuk saat ini.Selamat bersenang-senang dengan pencarian anda.<br />"semoga kita semua menjadi orang yang sukses".amin
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
Diposkan oleh
<span class="fn">go2usman</span>
</span>
<span class="post-timestamp">
di
<a class="timestamp-link" href="http://www.bloggwe.co.cc/2009/05/manfaatkan-google-donk.html" rel="bookmark" title="permanent link"><abbr class="published" title="2009-05-03T19:01:00-07:00">19:01</abbr></a>
</span>
<span class="post-comment-link">
</span>
<span class="post-backlinks post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/05/manfaatkan-google-donk.html#links">Link ke posting ini</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.bloggwe.co.cc/search/label/maksimalkan%20pencarian" rel="tag">maksimalkan pencarian</a>
</span>
</div>
</div>
</div>
<h2 class="date-header">
Jumat, 13 Februari 2009</h2>
<div class="post hentry uncustomized-post-template">
<a href="" name="4208471453593082953"></a>
<h3 class="post-title entry-title">
<a href="http://www.bloggwe.co.cc/2009/02/mengganti-domain-blogspot-dengan-domain.html">Mengganti Domain Blogspot dengan Domain .co.cc .Gratis!!!</a>
</h3>
<div class="post-body entry-content">
<span style="color: black;">Jika anda telah memiliki blog di
blogspot/blogger,tapi merasa domainnya terlalu panjang,
misalnya:namakamu.blogspot.com, atau ingin terlihat lebih propesional?</span><br /><span style="color: black;">jangan kwatir karena ada cara untuk menyiasatinya, yaitu ganti saja dengan domain .co.cc, misalnya: www.namakamu.co.cc, <a href="http://www.go2usman.co.cc/">www.go2usman.co.cc</a>.itu gampang.Anda bisa mendapatkannya secara gratis.mau tau cara daftarnya?makanya terusin donk bacanya....</span><br /><span style="color: black;">begini nech langkah-langkahnya:</span><br />
<ol>
<li>Buka situs<a href="http://www.co.cc/"> www.co.cc</a> atau<a href="http://www.co.cc/"> klik Disni</a></li>
<li>Lihat gambar berikut.Pada kotak kosong isi dengan domain yang anda inginkan.misalkan:gatot, unyil, myweb, dll.</li>
<li> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihXJ-lBpEuK66Yu3euvhPyD-0O6KCYYYDadU_V-nBQRu6qPLLW1sgxWQeDMcHdKs0G0CeJgdjJhjusLTmQzCxrzJVygiqgXC8MXI0-7DJGgbuPGRi_ZP9emKdmqXE3YmCpfRJj_Pbk1IQ/s1600-h/.co.cc.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5302333925796213666" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihXJ-lBpEuK66Yu3euvhPyD-0O6KCYYYDadU_V-nBQRu6qPLLW1sgxWQeDMcHdKs0G0CeJgdjJhjusLTmQzCxrzJVygiqgXC8MXI0-7DJGgbuPGRi_ZP9emKdmqXE3YmCpfRJj_Pbk1IQ/s320/.co.cc.JPG" style="cursor: pointer; height: 138px; width: 320px;" /></a></li>
<li>kemudian
klik "Periksa Ketersediaan". jika domain yang anda masukan telah
dimiliki orang lain/sudah terdaftar, maka ulangi cara diatas dan cari
kembali dengan nama domain yang lain.note:tidak semua domain gratis,
jadi pilih saja yang harga pertahunnya $0 yang berarti gratis.</li>
<li>jika
kamu telah mendapatkan domain yang kamu inginkan langkah selanjutnya
adalah klik "lanjutkan ke pendaftaran", maka akan muncul jendela berikut
ini <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5sfGnSdHN5Ke3YnbduTGR073YNJ0RbAupATuR2qYwcvqRMgvZ9Ipc60UdN9FvGgF75PxRlL3Tp57aS9aek52a6nCMXzlFuNXK_w7Er63GyKSxquVpnyN_OiF4N596tIljzKCqYs2sa8U/s1600-h/.co.cc.2.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5302336937347589650" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5sfGnSdHN5Ke3YnbduTGR073YNJ0RbAupATuR2qYwcvqRMgvZ9Ipc60UdN9FvGgF75PxRlL3Tp57aS9aek52a6nCMXzlFuNXK_w7Er63GyKSxquVpnyN_OiF4N596tIljzKCqYs2sa8U/s320/.co.cc.2.JPG" style="cursor: pointer; height: 174px; width: 320px;" /></a></li>
<li>langkah
selanjutnya klik "Buat Account Baru Sekarang".trus muncul dech formulir
pendaftaran. Selanjutnya anda tinggal isi formulir dan jangan lupa
centang kotak setelah kalimat "<span style="color: #ff4141;"><b>Saya menerima Persyaratan dan Layanan"</b></span> kemudian klik "Buat Account Baru Sekarang" </li>
<li>langkah
selanjutnya adalah men-setup domain tersebut.jika tidak di setup dalam
waktu 48 jam maka permintaan domain anda kan di gagalkan.untuk
men-setuip anda tinggal klik <span style="font-weight: bold;">Setup</span>.</li>
<li>kemudian klik lagi link <span style="font-weight: bold;">setup</span> yang pertama.</li>
<li>kemudian pilih <span style="font-weight: bold;">2. Zone Record</span>.dan isi seperti dalam gambar berikut. klik <span style="font-weight: bold;">setup </span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJpyrIwhVum8tkoK-wBrvGnCZIkjcg1HPJdn_-RQ1Zoi-LI6jrFzZCtZaRZ6wXHG43pvSr3x7HKz_MSRYzrTlCprHPwxP9nL6qheHix66XkzHJyj8q-tckVGdt5u9HQxM0lR4zbRSe1LE/s1600-h/.co.cc.3.JPG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5302347633025064386" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJpyrIwhVum8tkoK-wBrvGnCZIkjcg1HPJdn_-RQ1Zoi-LI6jrFzZCtZaRZ6wXHG43pvSr3x7HKz_MSRYzrTlCprHPwxP9nL6qheHix66XkzHJyj8q-tckVGdt5u9HQxM0lR4zbRSe1LE/s320/.co.cc.3.JPG" style="cursor: pointer; height: 213px; width: 320px;" /></a></li>
<li>langkah selanjutnya login blogger kamu.</li>
<li><span style="text-decoration: none;"><span>Klik menu “</span></span><span style="text-decoration: none;"><b>Pengaturan</b></span><span style="text-decoration: none;"><span>” pa</span></span><span style="text-decoration: none;"><span>da control panel akun blogger </span></span><span style="text-decoration: none;"><span>.>>klik tab “</span></span><span style="text-decoration: none;"><b>Publikasikan</b></span><span style="text-decoration: none;"><span>”</span></span></li>
<li><span style="text-decoration: none;"><span>Setewlah muncul halaman Publikasikan, klik link text “</span></span><b>Domain Kustom</b> <span style="text-decoration: none;"><span>“ >>klik “</span></span><span style="text-decoration: none;"><b>Beralihlah ke pengaturan lanjut</b></span><span style="text-decoration: none;"><span>”</span></span></li>
<li><span style="text-decoration: none;"><span>Pada halaman “<span style="font-weight: bold;">Pengaturan Lanjut</span>”, isikan kolom domain anda yaitu </span></span><a href="http://www.namablog.co.cc/"><u><span>http://</span></u><u><b>www.namadomainkamu.co.cc</b></u></a><span style="text-decoration: none;">dan klik tombol<b> “</b></span><span style="text-decoration: none;"><b>Simpan Pengaturan</b></span><span style="text-decoration: none;"><b>”</b></span></li>
<li><span style="text-decoration: none;"><span>Selanjutnya akan tampil pilihan di bawah kolom</span></span><span style="text-decoration: none;"><b> Domain anda, </b></span><span style="text-decoration: none;"><span>yaitu berupa </span></span><span style="text-decoration: none;"><b>Mengarahkan namadomainkamu.co.cc ke www.namadomainkamu.co.cc </b></span><span style="text-decoration: none;"><span>beri
tanda centang pada kotak disamping kalimat tersebut, yang berfungsi
untuk otomatis mengalihkan visitor yang mengklik url blog kita tanpa
subdomain www.</span></span></li>
<li><span style="text-decoration: none;"><span>Akhiri dengan mengklik tombol “</span></span><span style="text-decoration: none;"><b>Simpan Pengaturan</b></span><span style="text-decoration: none;"><span>”</span></span></li>
</ol>
<div align="justify" style="margin-bottom: 0in; text-decoration: none;">
Selamat
! sekarang kamu telah sukses melakukan melakukan perubahan nama url
kamu. Jangan kaget atau heran, karena blog kamu yang baru belum bisa di
akses.proses perubahan nama url kamu akan diproses sekitar 1-2 jam,
bahkan ada yang sampai 1-2 hari.</div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
Diposkan oleh
<span class="fn">go2usman</span>
</span>
<span class="post-timestamp">
di
<a class="timestamp-link" href="http://www.bloggwe.co.cc/2009/02/mengganti-domain-blogspot-dengan-domain.html" rel="bookmark" title="permanent link"><abbr class="published" title="2009-02-13T09:03:00-08:00">09:03</abbr></a>
</span>
<span class="post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/02/mengganti-domain-blogspot-dengan-domain.html#comments">1 komentar</a>
</span>
<span class="post-backlinks post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/02/mengganti-domain-blogspot-dengan-domain.html#links">Link ke posting ini</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.bloggwe.co.cc/search/label/domain%20.co.cc" rel="tag">domain .co.cc</a>,
<a href="http://www.bloggwe.co.cc/search/label/ganti%20domain" rel="tag">ganti domain</a>
</span>
</div>
</div>
</div>
<h2 class="date-header">
Jumat, 06 Februari 2009</h2>
<div class="post hentry uncustomized-post-template">
<a href="" name="9115756153141719378"></a>
<h3 class="post-title entry-title">
<a href="http://www.bloggwe.co.cc/2009/02/dapet-duit-internet-marketing.html">Dapet duit Internet Marketing</a>
</h3>
<div class="post-body entry-content">
<br />
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Bagaimana cara mendapatkan duit dari internet melalui blog? </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Buat
para blogger yang udah pakar n ahli cari duit via blog ini sangat
mudah.tapi kalau buat pemula mungkit cukup susah karena belum tahu
caranya. Jujur saya juga belum berpengalaman dalam dunia internet
marketing, tapi sya akan terus belajar dan bertindak untuk bisa dapatkan
yang saya inginkan. Oke dech dari pada berbelit-belit mendingan
lagngsung saja pada intinya. Setelah saya baca dan pahami dari beberapa
buku dan blog yang saya baca mengenai cara nyari duit via blog.intinya
begini, sebelum kita mulai harus ada persiapan dulu.apa persiapanya?
Persiapannya sebagai berikut:</span></div>
<ul>
<li><span style="font-family: Symbol; font-size: 12pt;"><span><span style="font-family: "Times New Roman"; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tanyakan
pada diri anda kenapa anda mau menjalankan bisnis online? Semakin kuat
jawaban dari pertanyaan tsb, maka untuk segala hal berikutnya akan
mejadi mudah dengan sendirinya.</span></li>
<li><span style="font-family: Symbol; font-size: 12pt;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Cari ilmu sebanyak-banyaknya supaya tidak salah bertindak dan tidak tersesat (aliran sesat kali hehe...) </span></li>
<li><span style="font-family: Symbol; font-size: 12pt;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Buat
blog. Terserah mau yang berbayar ato yang gratis, tapi yang saya
sarankan buat blog yang gratisan dulu dech biar gak ada resiko. Kita
bisa daftar di <a href="http://blogger.com/" target="_blank"><span style="color: blue;">blogger.com</span></a> </span></li>
<li><span style="font-family: Symbol;"><span><span style="font-family: "Times New Roman"; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"> </span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Tingkatkan traffic (kunjungan) ke blog
<br /> kita.cari caranya melalui mesin pencari seperti <a href="http://www.bloggwe.co.cc/www.google.com">google</a>,</span><a href="http://www.yahoo.com/">yahoo</a>,
dll. Masukan kata "trik meningkatkan traffic","cara meningkatkan
kunjungan", atau sejenisnya. saya postingkan cara meningkatkan kunjungan
di posting yang lain. </li>
<li><span style="font-family: Symbol;"><span></span></span>Isi blog kita dengan posting yang up to date agar pengunjung mau terus berkunjung ke blog kita.</li>
<li><span style="font-family: Symbol;"><span><span style="font-family: "Times New Roman"; font-size-adjust: none; font-size: 7pt; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"></span></span></span>Daftar ke <a href="http://www.bloggwe.co.cc/www.google.com/adsense">google adsense</a>,
amazon affiliates, adbrite, TLA (text ling ads), atau yang lainya.anda
bisa cari sendiri di google. Saya jelaskan diposting yang lain tentang
cara daftarnya.
</li>
<li> Percantik blog anda dan urus agar blog kita tetap di
kunjungi oleh pengunjung karena tujuan kita bikin blog agar dikunjung
oleh orang lain, pengunjung kan modal kita.</li>
</ul>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;">
Itulah pelajaran kita moga2 bermanfaat.semoga sukses.</div>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
Diposkan oleh
<span class="fn">go2usman</span>
</span>
<span class="post-timestamp">
di
<a class="timestamp-link" href="http://www.bloggwe.co.cc/2009/02/dapet-duit-internet-marketing.html" rel="bookmark" title="permanent link"><abbr class="published" title="2009-02-06T00:58:00-08:00">00:58</abbr></a>
</span>
<span class="post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/02/dapet-duit-internet-marketing.html#comments">1 komentar</a>
</span>
<span class="post-backlinks post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/02/dapet-duit-internet-marketing.html#links">Link ke posting ini</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.bloggwe.co.cc/search/label/internet%20marketing" rel="tag">internet marketing</a>
</span>
</div>
</div>
</div>
<h2 class="date-header">
Senin, 02 Februari 2009</h2>
<div class="post hentry uncustomized-post-template">
<a href="" name="2264370426133568057"></a>
<h3 class="post-title entry-title">
<a href="http://www.bloggwe.co.cc/2009/02/keyword-paling-banyak-di-cari.html">keyword paling banyak di cari</a>
</h3>
<div class="post-body entry-content">
salah satu cara untuk meningkatkan kunjungan (traffic) ke blog kita adalah dengan memilih keyword yang banyak dicari.<br />apa yang di maksud dengan keyword?<br />Key word adalah kata kunci pencarian yang sering dimasukan pada kotak pencarian pada mesin pencari, seperti: <a href="http://www.google.com/">google.com</a>, <a href="http://www.yahoo.com/">yahoo.com</a>,<a href="http://www.incari.com/">incari.com</a>, <a href="http://www.altavista.com/">altavista.com</a>, dll. untuk mencari suatu artikel, gambar,web, blog, dll<br />keyword tersebut diantaranya adalah:<br />
<ul>
<li>make money online</li>
<li>make money from home</li>
<li>make maney by using paypal</li>
<li>how to make money online</li>
<li>ways for teens to make money</li>
<li>make money at home</li>
<li>how to make make money past</li>
<li>how do imake good money</li>
<li>etc.</li>
</ul>
Atau menggunakan bahasa indonesia:<br /><ul>
<li>cara membuat uang online</li>
<li>panduan membuat uang dari internet</li>
<li>bagaimana mencari duit di internet</li>
<li>cara cepat mendapatkan uang</li>
<li>dan lain-lain</li>
</ul>
walaupun posting ini sangat sederhana, mudah-mudahan bermanfaat<br />semoga sukses
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
Diposkan oleh
<span class="fn">go2usman</span>
</span>
<span class="post-timestamp">
di
<a class="timestamp-link" href="http://www.bloggwe.co.cc/2009/02/keyword-paling-banyak-di-cari.html" rel="bookmark" title="permanent link"><abbr class="published" title="2009-02-02T21:32:00-08:00">21:32</abbr></a>
</span>
<span class="post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/02/keyword-paling-banyak-di-cari.html#comments">1 komentar</a>
</span>
<span class="post-backlinks post-comment-link">
<a class="comment-link" href="http://www.bloggwe.co.cc/2009/02/keyword-paling-banyak-di-cari.html#links">Link ke posting ini</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.bloggwe.co.cc/search/label/optimalisasi%20SEO" rel="tag">optimalisasi SEO</a>
</span>
</div>
</div>
</div>
<h2 class="date-header">
Kamis, 15 Januari 2009</h2>
<a href="" name="7326354424466979563"></a>
<h3 class="post-title entry-title">
<a href="http://www.bloggwe.co.cc/2009/01/edit-template-blogger.html">Edit Template Blogger</a>
</h3>
<br />
<div class="MsoNormal">
Template adalah sebuah desain pada suatu blog/wed untuk mempercantik blog atau web tersebut.</div>
<div class="MsoNormal">
Blogger.com
sendiri telah menyediakan berbagai template tersebut, akan tetapi semua
serba standard dan template tersebut telah digunakan oleh banyak
pengguna.</div>
<div class="MsoNormal">
Jika anda ingin merubah template anda dengan template baru itu sangat gambang.berikut uraiannya.</div>
<div class="MsoNormal">
Cara mengganti template blogger:</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>1.<span style="font-family: "; font-size: 7;"> </span></span></span>cari template gratis(kalau anda suka yang gratisan) dengan menggunakan search engine (mesin pencari, seperti: <a href="http://www.google.com/">google.com</a>, <a href="http://www.yahoo.com/">yahoo.com</a>, <a href="http://www.altavista.com/">altavista.com</a>, dll.</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>2.<span style="font-family: "; font-size: 7;"> </span></span></span>masuk ke situs hasil pencarian search engine tersebut.terus pilih deh template yang kamu sukai.</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>3.<span style="font-family: "; font-size: 7;"> </span></span></span>Copy kode html template tersebut.</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>4.<span style="font-family: "; font-size: 7;"> </span></span></span>Buka account blogger anda (jika anda belum membuklanya).</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>5.<span style="font-family: "; font-size: 7;"> </span></span></span>Klik <b><i>Tata Letak </i>(layout).</b>hingga muncul jendela baru.</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>6.<span style="font-family: "; font-size: 7;"> </span></span></span>Klik tab <i>Edit HTML.</i></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>7.<span style="font-family: "; font-size: 7;"> </span></span></span>Hapus semua HTML yang ada pada kotak HTML. Terus paste disitu kode HTML yang telah kamu copy tadi.</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>8.<span style="font-family: "; font-size: 7;"> </span></span></span>Klik tombol <b><i>Simpan template</i></b><i>.</i></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt; text-indent: -13.5pt;">
<span><span>9.<span style="font-family: "; font-size: 7;"> </span></span></span>Selesai dech.sekarang kamu bias lihat sendiri hasilnya dengan meng-klik link <b><i>Lihat Blog</i></b> </div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 13.5pt;">
<b><span style="font-size: 16; line-height: 115%;"> </span></b></div>
<b><span style="font-size: 16; line-height: 115%;">Selamat mencoba</span></b>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-78186631571772965702011-04-13T08:55:00.000-07:002011-04-13T08:55:27.777-07:00<br /><h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2011/04/cari-duit-100-halal-wajib-dicoba.html">CARI DUIT 100% HALAL.. WAJIB DICOBA!!</a>
</h3>
CARI DUIT 100% HALAL.. WAJIB DICOBA!!<br />Kerjanya nyantai
neh,,tinggal ditunggu aja sambil kita browsing (",)..program ini akan
berjalan dgn sendirinya,,,ok deh slamat mencoba ya(",)<br /><br />> > PELUANG USAHA DAHSYAT bagi mereka yang selalu 'surf' internet.<br />> > JANGAN HABISKAN WAKTU ANDA TANPA HASIL<br />> > Kita bisa mendulang dollar dari internet<br />> > Inilah yang disebut situasi win-win solution.<br />> > Program ini GRATIS 100%<br />> > Anda akan dibayar setiap bulannya langsung diantar kerumah anda (via<br /> Pos) atau via paypal. dll<br />> > BAGAIMANA CARANYA ???<br />> > Coba fikirkan :<br />> > Jika kita memerlukan waktu 1 jam untuk berfikir tentang proyek ini,<br />> > anda masih belum mendapat apa-apa, tetapi dalam waktu 1 jam itu saya<br />> > sudah mendapatkan 0,45 Dollar per jam atau 10,8 Dollar jika 24 jam,<br /> jika<br />> > di rupiahkan maka Rp. 99.360,-<br />> > Anda mau tau caranya bagaimana?<br /><br /><span class="fullpost"><br />> > Dekatkan Arah panah mouse ke Tulisan di bawah ini :<br /></span><br />
<blockquote>
<a href="http://www.surfjunky.com/?r=bountooth13">CARI DUIT 100% HALAL.. WAJIB DICOBA!!</a></blockquote>
<br />> > Langkah-langkah yang perlu anda lakukan :<br />> > Sign up (Gratis 100 %)<br />> > Log in<br />> > Klik pada bagian "EARN MONEY"<br />> > klik tanda centang yg bertulisan I agree and understand the<br /> requirements to maintain an active account.<br />> > lalu Click pada bahagian "Click Here To Start Surf Junky Browser"<br />> > Setelah itu Biarkan Program ini akan membuat DUIT untuk anda sepanjang<br /> hari selama anda menggunakan Internet<br />> > Klik pada bagian "STATISTIK" untuk mengetahui jumlah Uang Anda<br />> > Tenang Aja<br />> > Tak perlu risau dan bimbang ...tanpa risiko sedikitpun..<br />> > Hanya satu kata yang perlu dimiliki yakni “JUJUR”<br />> > Promosikan Web anda ke banyak teman-teman anda untuk melakukan hal<br />> > yang sama, maka anda akan mendapatkan banyak manfaat.<br />> > Jadi,Apa salahnya anda berbuat itu kan??<br />> > TIDAK ADA SALAHNYA UNTUK MENCOBA...!!<br />> > TIDAK RUGI APA-APA...!!<br />> > Kita akan dibayar USD$0.45 (Rp.4.140,- Mengikuti Nilai Tukar Rupiah<br />> > sekarang untuk setiap jam program ini berjalan).<br />> > Berarti anda bisa dapat hingga Rp. 100.000,- Perhari<br />> > (Rp.4.140,- x 24 = 99.360,-)<br />> > Ini berarti sebulan kita bisa mendapatkan uang dari internet hingga<br />> > Rp.99.360,- x 30 = Rp.2.980.800,- (Lumayankan)<br />> > Itu Jika kita menggunakannya sendiri,<br />> > jika anda menawarkan web ini ke<br />> > banyak orang maka anda bisa mendapatkan jasa referal (referensi) dari<br />> > internet, dan nilai tertinggi yang dapat anda capai sebesar 75 US<br />> > Dollar / jam. Atau jika dirupiahkan sebesar Rp. 690.000 / jam, dalam 24<br /> jam<br />> > anda akan mendapatkan uang sebanyak Rp 16.560.000,-, dalam satu bulan<br />> > anda bisa mencapai angka paling tinggi sebesar Rp.469.800.000,- Dahsyat<br />> > bukan...<br />> > Berfikirlah....Jangan biarkan waktu kita mubazir percuma di Internet.<br />> > Duit FREE, Ambil saja dengan kerja keras anda<br />> > Chek akan diantar kepada nama dan alamat yang kita isikan sewaktu<br />> > sign up.<br />> > Oleh karena itu tulislan NAMA dan ALAMAT<br />> > Anda dengan lengkap dan benar...<br />> > SELAMAT MENJEMPUT UANG<div id="header-wrapper">
<div class="header section" id="header">
<div class="widget Header" id="Header1">
<div id="header-inner">
<div class="titlewrapper">
<h1 class="title">
Welcome To My Blog™
</h1>
</div>
<div class="descriptionwrapper">
<div class="description">
<span>
</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="search">
<form action="/search" method="get">
<br />
</form>
</div>
<div class="menu">
<br />
</div>
<div align="center">
<div id="middleads-wrapper">
<div class="bottom section" id="middleads">
<div class="widget HTML" id="HTML14">
<div class="widget-content">
<center><div style="font-family: verdana; font-size: 10px; text-align: center; width: 468px;">
<a href="http://adf.ly/?id=382077"><img alt="adf.ly - shorten links and earn money!" border="0" height="60" src="http://adf.ly/images/banners/adfly.468x60.4.gif" width="468" /></a>
<br /><a href="http://adf.ly/?id=382077">Get paid to share your links!</a>
</div>
</center><br /><br />
<center><a href="http://www.asetmandiri.com/?id=login01"><img border="0" height="60" src="http://www.asetmandiri.com/images/468x60.gif" width="468" /></a></center><br /><br />
<center><div id="Banner-ads">
<a href="http://www.bux4ad.com/aft/10f32d07.html" width="100"><img alt="ads" border="0" height="250" src="http://banners.bigextracash.com/banner_1_300x250.jpg" title="Get cash from your website. Sign up as affiliate." width="250" /></a>
<a href="http://adf.ly/?id=382077" width="100"><img alt="ads" border="0" src="http://adf.ly/images/banners/adfly.125x125.3.gif" /></a>
<a href="http://gajigratis.com/?ref=bountooth" width="100"><img alt="ads" border="0" src="http://picasion.com/pic20/abdc83b1dedc513c9182f461d4de5621.gif" /></a>
<a href="http://www.asetmandiri.com/?info=SignUp01" width="100"><img alt="ads" border="0" src="http://www.asetmandiri.com/images/125x125.gif" /></a>
<a href="http://www.ziddu.com/register.php?referralid=%28yot0HAjt;C" width="100"><img alt="ads" border="0" src="http://www.ziddu.com/banners/images/120x90.gif" /></a>
<a href="http://gajigratis.com/?ref=bountooth" width="100"><img alt="ads" border="0" src="http://arenaiklantop.com/images/64_banner-promo-2.gif" /></a>
</div>
</center>
</div>
<span class="widget-item-control">
</span>
</div>
<div class="widget HTML" id="HTML13">
<div class="widget-content">
<center><strong>Google Translator</strong></center>
<br />
<center>
<div>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="http://www.imgxc.com/fullimage/KY7D1n.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="English" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="http://www.imgxc.com/fullimage/2Y3lE4.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="French" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="http://www.imgxc.com/fullimage/KrkmpU.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="German" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="http://www.imgxc.com/fullimage/mR1eCd.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Spain" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="http://www.imgxc.com/fullimage/jh4b6W.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Italian" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="http://www.imgxc.com/fullimage/j39cTF.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Dutch" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="http://www.imgxc.com/fullimage/YZQC7m.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Russian" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Brazil" border="0" height="32" src="http://www.imgxc.com/fullimage/SPfMe5.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Portuguese" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="http://www.imgxc.com/fullimage/N0YtD4.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Japanese" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="http://www.imgxc.com/fullimage/XMT16l.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Korean" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="http://www.imgxc.com/fullimage/HhmBT2.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Arabic" width="32" /></a>
<a class="google_translate" href="http://www.ichalcyutebeud.co.cc/#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="http://www.imgxc.com/fullimage/FiXTmM.gif?imgmax=800" style="cursor: pointer; margin-right: 7px;" title="Chinese Simplified" width="32" /></a>
</div>
<div style="font-size: 10px; margin: 8px 0px 3px 0px;">
</div>
</center>
</div>
<span class="widget-item-control">
</span>
</div>
</div>
</div>
</div>
<div id="content-wrapper">
<div id="crosscol-wrapper" style="text-align: center;">
</div>
<div id="main-wrapper">
<div class="main section" id="main">
<div class="widget Blog" id="Blog1">
<div class="blog-posts hfeed">
<div class="post hentry">
<a href="" name="2016386914365756180"></a><br /><div class="post-footer">
<br />
<blockquote>
<a href="http://www.surfjunky.com/?r=bountooth13">CARI DUIT 100% HALAL.. WAJIB DICOBA!!</a></blockquote>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
</span>
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="post hentry">
<a href="" name="8445203716199399202"></a>
<h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2011/04/menghasilkan-uang-lewat-aset-mandiri.html">Menghasilkan Uang Lewat Aset Mandiri</a>
</h3>
<div class="post-footer-line post-footer-line-1">
<span style="font-size: 8pt;"><span style="color: red;"><strong><span class="postbody"><a href="" id="main_show" name="main_show"></a><br /><span style="color: black;">Investor Utama :</span><span style="color: blue;"> Faisal Husaini</span> - <span style="color: red;">Bekasi</span></span></strong></span></span><strong><span style="font-family: Verdana; font-size: 78%;"><span style="font-family: Verdana; font-size: 85%;"><br /></span></span></strong><br />
<div style="text-align: center;">
<span style="color: #3333ff; font-size: 24px;"><strong><span style="font-family: Verdana;"><span style="font-family: Verdana;">Bahkan, Tanpa Melakukan Apa-apapun</span></span></strong></span><br /><span style="font-size: 24px;"><strong style="color: #3333ff;"><span style="font-family: Verdana;"><span style="font-family: Verdana;">anda akan Tetap Menjadi Jutawan ..</span></span></strong><br /><strong style="color: #3366ff;"><span style="font-family: Verdana;"><span style="font-family: Verdana;"><u>Hanya Jika Anda Mau!</u></span></span></strong></span><br /><strong></strong></div>
<strong><span style="font-family: Verdana; font-size: 78%;"><span style="font-family: Verdana; font-size: 85%;"></span></span></strong><br /><center><span style="font-size: 18px;"><strong>.:: CARA MUDAH MEMBANGUN ASET DI INTERNET ::.</strong></span></center><br /><br /><a href="http://www.ichalcyutebeud.co.cc/2011/04/menghasilkan-uang-lewat-aset-mandiri.html"><span style="font-style: italic;"><strong></strong></span></a><span class="post-comment-link">
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
</span>
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="post hentry">
<a href="" name="4097686525087294456"></a>
<h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2011/04/cara-membuat-kata-pembuka-di-blog.html">Cara Membuat Kata Pembuka di Blog</a>
</h3>
<div class="post-footer">
Sebagai Contoh :<br /><br />
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg23kS6dKLx60rkj4gkBiMLnAtxWl_LPdnybgqsoG679R9VJxFLIq3KP4_pzC00xyckI4NWaNlwJTWGRUQXT89zCiglI6NdUnRnws7EZ42v5p2Zqaonwp5g-KTyjAFBnBR2bQsOkX96YFI/s400/f_0bab73974716.jpg" /></center><br /><br />Tertarik dengan artikel ini???<br />Copy/Paste aja 'Scriptnya'<br /><br /><div style="text-align: center;">
<br /></div>
<a href="http://www.ichalcyutebeud.co.cc/2011/04/cara-membuat-kata-pembuka-di-blog.html"><span style="font-style: italic;"><strong></strong></span></a><div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="post hentry">
<a href="" name="4901361717007475780"></a>
<h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2011/04/games-mr-mothball-snowy-flakes.html">Games Mr. Mothball Snowy Flakes</a>
</h3>
<div class="post-footer">
<center></center><br /><br /><a href="http://www.ichalcyutebeud.co.cc/2011/04/games-mr-mothball-snowy-flakes.html"><span style="font-style: italic;"><strong></strong></span></a><div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.ichalcyutebeud.co.cc/search/label/Games" rel="tag">Games</a>
</span>
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="post hentry">
<a href="" name="3941811737777361188"></a>
<h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2011/04/game-gobble.html">Game Gobble</a>
</h3>
<div class="post-body entry-content">
<br /><br />
<a href="http://www.ichalcyutebeud.co.cc/2011/04/game-gobble.html"><span style="font-style: italic;"><strong>Baca Selengkapnya....</strong></span></a>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
<span class="post-comment-link">
<a class="comment-link" href="http://www.ichalcyutebeud.co.cc/2011/04/game-gobble.html#comments">1 komentar</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.ichalcyutebeud.co.cc/search/label/Games" rel="tag">Games</a>
</span>
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="post hentry">
<a href="" name="7428892447463996374"></a>
<h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2011/04/game-truck-loader.html">Game Truck Loader</a>
</h3>
<div class="post-body entry-content">
<center></center><br /><br />
<a href="http://www.ichalcyutebeud.co.cc/2011/04/game-truck-loader.html"><span style="font-style: italic;"><strong>Baca Selengkapnya....</strong></span></a>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
<span class="post-comment-link">
<a class="comment-link" href="http://www.ichalcyutebeud.co.cc/2011/04/game-truck-loader.html#comments">0
komentar</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.ichalcyutebeud.co.cc/search/label/Games" rel="tag">Games</a>
</span>
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="post hentry">
<a href="" name="7414802467864883670"></a>
<h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2010/08/meraup-rezeki-dalam-sekejap-new-2010.html">Meraup Rezeki dalam sekejap!!! new 2010, buruaaan!!!</a>
</h3>
<div class="post-body entry-content">
<center><span style="color: red; font-weight: bold;">Ingin Berbisnis Online Tapi Modal & Kemampuan Terbatas ??</span><br /><br /><span style="color: red; font-weight: bold;">Ingin Berbisnis Online Tanpa resiko ??? </span><br /><br />Jangan kawatir !!! solusi ada di depan mata anda sekarang ini !!!<br /><br /><span style="font-size: 130%;"><span style="font-weight: bold;">Sekarang anda bisa menghasilkan</span></span><br /><br /><span style="font-size: 180%;"><span style="color: #3333ff; font-weight: bold;">Rp. 5.833.333.332.750,-</span></span></center><br /><br /><br />
<a href="http://www.ichalcyutebeud.co.cc/2010/08/meraup-rezeki-dalam-sekejap-new-2010.html"><span style="font-style: italic;"><strong>Baca Selengkapnya....</strong></span></a>
</div>
<div class="post-footer">
<div class="post-footer-line post-footer-line-1">
<span class="post-author vcard">
</span>
<span class="post-timestamp">
</span>
<span class="post-comment-link">
<a class="comment-link" href="http://www.ichalcyutebeud.co.cc/2010/08/meraup-rezeki-dalam-sekejap-new-2010.html#comments">13
komentar</a>
</span>
<span class="post-icons">
</span>
</div>
<div class="post-footer-line post-footer-line-2">
<span class="post-labels">
Label:
<a href="http://www.ichalcyutebeud.co.cc/search/label/Koleksiku" rel="tag">Koleksiku</a>
</span>
</div>
<div class="post-footer-line post-footer-line-3">
<span class="post-location">
</span>
</div>
</div>
</div>
<div class="widget HTML" id="HTML8">
<a href="" name="8737417660314101102"></a>
<h3 class="post-title entry-title">
<a href="http://www.ichalcyutebeud.co.cc/2010/01/cara-membuat-agar-blog-kita-tidak-bisa.html">Cara Membuat Agar Blog Kita Tidak Bisa di Block / Anti Jiplak CoPas</a>
</h3>
<div class="post-body entry-content">
Cara seperti ini kalau memang semua isi blog anda tidak ingin karya anda di CoPas orang lain,.<br /><br />mau??<br /><br />mau??<br /><br />mau??<br />Silahkan ikuti langkah-langkahnya yUa^_^ :<br /><br />
<blockquote style="color: #000099;">
<SCRIPT type="text/javascript"><br />if (typeof document.onselectstart!="undefined") {<br />document.onselectstart=new Function ("return false");<br />}<br />else{<br />document.onmousedown=new Function ("return false");<br />document.onmouseup=new Function ("return true");<br />}<br /></SCRIPT></blockquote>
<br /><br />7. Klik <span style="font-weight: bold;">Simpan</span> Template<br />8. <span style="font-weight: bold;">Selesai</span><br /><br /><center><span style="color: red;">Selamat mencoba</span>, <span style="color: #3333ff;">semoga bermanfaat</span></center><br /><br />Oia ada yang lupa,, ini sich bagi yang mau sajah ^_^<br /><br /><center><strong>kalo kamu ingin mempunyai tutorial seperti ini</strong></center><br /><strong></strong><center><strong>kamu download ajah, nanti tinggal kamu Copy Paste... simple and gak perlu di otak atik lagi ^_^</strong></center><br /><br /><center><a href="http://www.ziddu.com/download/8311229/Blogtidakbisadiblockataudicopypaste.txt.html" target="_blank">Download here</a></center><br /><a href="http://www.ichalcyutebeud.co.cc/2010/01/cara-membuat-agar-blog-kita-tidak-bisa.html"><span style="font-style: italic;"><strong></strong></span></a><span class="widget-item-control"></span></div>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar-wrapper">
<div class="sidebar section" id="sidebar">
<div class="widget HTML" id="HTML18">
<div class="widget-content">
<br /></div>
</div>
<div class="widget HTML" id="HTML7">
<div class="widget-content">
<br />
<center><a class="AlexaSiteStatsWidget" href="http://www.alexa.com/data/details/main?url=http://www.ichalcyutebeud.co.cc"><br /></a></center>
<br />
<center><div style="background: transparent url(http://bizinformation.org/images/widget/button_back.gif) no-repeat; height: 53px; width: 130px;">
<div style="border: 0; line-height: 14px; margin: 0; padding: 3px 0 0 0; text-align: center;">
<span style="color: #222222; float: none; font-size: 11px;"></span><span style="float: none; font-size: 14px;"></span></div>
</div>
</center>
<br />
<center>
</center>
<br />
<center></center>
<br />
<center><strong>Cek Tagihan Kamu!</strong></center>
<center>
<form action="http://202.162.217.251/info_billing/index.php" method="POST" target="_blank">
</form>
</center>
<br />
<center>
<form action="http://infobill.telkom.co.id/" method="POST" target="_blank">
</form>
</center>
</div>
<span class="widget-item-control">
</span>
</div>
</div>
<div class="sidebar2 section" id="sidebar2">
<div class="widget HTML" id="HTML12">
<div class="widget-content">
<center><strong>Copy kode di bawah masukan di blog anda, saya akan segera linkback kembali</strong></center>
<br />
<center>
<img alt="Tips & Trik Mempercantik Blog" height="76" src="http://www.imgxc.com/fullimage/Ti9Gq3.gif" width="200" />
</center>
</div>
</div>
<div class="widget HTML" id="HTML11">
<h2 class="title">
<br /></h2>
<div class="widget-content">
<center><a href="http://application4you.blogspot.com/" target="_blank">
<img border="2" src="http://i972.photobucket.com/albums/ae209/awiigood/application.jpg" /></a></center>
<br />
<center><a href="http://dedi-iswanto.blogspot.com/" target="_blank">
<img alt="diswanto" border="0" height="25" src="http://images.cooltext.com/993623.gif" title="tekan ya..!" width="150" /></a></center>
<br />
<center><a href="http://www.blogfsym.co.cc/"><img border="0" height="55" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiun8DXG0RfUSCDuULIpxP-7jMhK27GuIVYH9E54zngegVhJPkNlYpELPZNhTdH9-XZDmKDCeUsCayd9-Eb4k8b3v-siRfENs4MAW5CUDvniZr9o3pzuSluCKe7M7A893zOuwQM7PQ6a10/s235/headerIbhetemplates1.JPG" width="185" /></a></center>
<br />
<center><a href="http://ecaknyo.blogspot.com/"><img alt="wong284" height="70" src="http://i466.photobucket.com/albums/rr22/wong284/iconwong284j_10_3pic.gif" width="70" /></a></center>
<br />
<center><a href="http://www.farhan-hariri88.blogspot.com/"><img alt="Farhan Blogs" height="110" src="http://images.cooltext.com/1226253.png" width="180" /></a></center>
<br />
<center><a href="http://blekenyek.blogspot.com/" target="_blank"><img alt="Gubuk blekenyek" border="0" src="http://i638.photobucket.com/albums/uu102/alisman/cooltext428264543.png" /></a></center>
<br />
<center></center>
<br />
<center><a href="http://ellamanis.blogspot.com/" target="_blank"><img alt="Ella Cute" border="0" src="http://i597.photobucket.com/albums/tt54/ellamanis22/ella-banner.gif" /></a></center>
<br />
<center><a href="http://www.salomegank.blogspot.com/"><img alt="Powered by BannerFans.com" border="0" height="60" src="http://img83.imageshack.us/img83/7411/2623680cfda879dm3.jpg" width="200" /></a></center>
<br />
<center><a href="http://safru.blogspot.com/" target="_blank"><img alt="my banner" border="0" src="http://i764.photobucket.com/albums/xx286/msafru/coollogo_com_205259.gif" /></a></center>
<br />
<center><a href="http://adi0511.blogspot.com/" target="blank" title="...Blog Iseng-Iseng..."><img alt="mine" height="75" src="http://images.cooltext.com/1225270.png" width="153" /></a></center>
<br />
<center><img border="0" height="34" src="http://i457.photobucket.com/albums/qq291/wakthingtegar/cooltext422593162.png" title="KLIK!" width="123" /></center>
<br />
<center><a href="http://e-rosmala-lin.blogspot.com/" target="_blank"><img border="0" height="100" src="http://i999.photobucket.com/albums/af113/g3288/f3cca3631938df57.gif" width="70" /></a></center>
<br />
<center><a href="http://cooltext.com/"><img alt="Achmad 17" height="82" src="http://images.cooltext.com/1180469.gif" width="215" /></a></center>
<br />
<center><a href="http://anaxkolonx.blogspot.com/" target="_blank"><img alt="Photobucket" border="0" src="http://i983.photobucket.com/albums/ae318/bambuz_2009/banneranaxkolonxcopy.jpg" target="_blank" /><img /></a></center>
<br />
<center><br /><a href="http://buku-elis.blogspot.com/" target="_blank"><img alt="buku-elis.blogspot.com" border="0" src="http://i675.photobucket.com/albums/vv120/nikers/BukuElis-1.gif" title="((¯`·._[Buku ELis]_.·´¯)™" /></a></center>
<br />
<center><a href="http://fb-trick.blogspot.com/"><img alt="fb-trick" height="77" src="http://images.cooltext.com/1273255.png" width="165" /></a>
<br /> - </center>
<br />
<center><a href="http://yahyalagi.blogspot.com/" target="_blank"><img alt="logo" border="0" height="80" src="http://img30.imageshack.us/img30/4063/8361260939622.png" width="200" /></a></center>
<br />
<center><a href="http://chyardi.blogspot.com/" target="_blank"><img alt="Chyardi's Blog" border="0" height="15" src="http://images.cooltext.com/1292839.gif" width="90" /></a></center>
<br />
<center><a href="http://www.web-by.net/" target="_blank"><img alt="hi guys, I am web-by" height="140" src="http://i813.photobucket.com/albums/zz60/renka69/web-by/webby_net.gif" title="hi guys, I am web-by" width="250" /></a></center>
</div>
<span class="widget-item-control">
</span>
</div>
<div class="widget HTML" id="HTML9">
<h2 class="title">
<br /><span class="widget-item-control"></span></h2>
</div>
<div class="widget HTML" id="HTML4">
<h2 class="title">
<br /></h2>
<div class="widget-content">
<center>
&lt;a href="http://www6.shoutmix.com/?ichal13051991"&gt;View shoutbox&lt;/a&gt;
<br /><a href="http://www.shoutmix.com/" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
</center>
</div>
<span class="widget-item-control">
</span>
</div>
<div class="widget Followers" id="Followers1">
<h2 class="title">
Pengikut™</h2>
<div class="widget-content">
<div id="Followers1-wrapper">
<div style="margin-right: 2px;">
</div>
</div>
<span class="widget-item-control">
</span>
</div>
</div>
<div class="widget HTML" id="HTML6">
<div class="widget-content">
<center><strong>Tempat Untuk Upload Berbagai File</strong></center>
<center><a href="http://www.4shared.com/ref/15443473/8" target="_blank"><img alt="Join 4Shared Now!" src="http://www.4shared.com/affiliate/images/b8.gif" /></a></center>
</div>
<span class="widget-item-control">
</span>
</div>
<div class="widget HTML" id="HTML5">
<div class="widget-content">
<center><div style="background-color: white; border: 1px solid #eeeeee; height: 180px; overflow: auto; padding: 5px; width: 280px;">
<a href="http://s03.flagcounter.com/more/CyZb"><img alt="free counters" border="0" src="http://s03.flagcounter.com/count/CyZb/bg=FFFFFF/txt=000000/border=CCCCCC/columns=3/maxflags=248/viewers=Pengunjung+Blogku/labels=0/" /></a></div>
</center>
</div>
<span class="widget-item-control">
</span>
</div>
</div>
</div>
<div class="clear">
</div>
</div>
<div align="center">
<div id="middleads-wrapper2">
<div class="bottom section" id="middleads1">
<div class="widget HTML" id="HTML16">
<h2 class="title">
.+'''''''''''''''''''''''''''''''''''''+.</h2>
<div class="widget-content">
<center><a href="http://www.asetmandiri.com/?id=login01">
<img border="0" height="60" src="http://www.asetmandiri.com/images/468x60.gif" width="468" /></a></center>
<center><a href="http://www.bux4ad.com/aft/10f32d07.html" title="iNeedSell.com: A Place to Buy, Sell and Trade."><img alt="iNeedSell.com: Free online ads. Post your Ad here." border="0" height="90" src="http://www.ineedsell.com/images/banners/banner728x90_1.gif" width="298" /></a>
</center>
</div>
<span class="widget-item-control">
</span>
</div>
</div>
</div>
</div>
<div class="footer">
<hr style="display: block;" />
<div align="center">
Copyright © 2009-2010 <a href="http://www.ichalcyutebeud.co.cc/">Welcome To My Blog™</a></div>
</div>
<br /><div class="footer">
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-5626100757090617212011-04-13T08:41:00.000-07:002011-04-13T08:41:34.801-07:00<div class="top_post">
<h3>
<a href="http://trik-tips.blogspot.com/2008/07/setting-domain-di-cocc.html">Setting Domain di co.cc</a></h3>
<div class="meta">
<div class="author">
Kendhin</div>
<div class="tags">
<a href="http://trik-tips.blogspot.com/search/label/Domain%20Hosting" rel="tag">Domain Hosting</a>
</div>
</div>
</div>
Seperti yang sudah kita ketahui, bahwa <a href="http://www.co.cc/?id=140833" target="_blank">co.cc</a> adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari <b>"http://namadomain.blogspot.com"</b> atau <b>"http"//namadomain.wordpress.com"</b> (dll) menjadi <b>"http://namadomain.co.cc" </b>. Dengan <a href="http://www.co.cc/?id=140833" target="_blank">co.cc</a> kita bisa mengontrol <i>DNS Records, A, MX, dan CNAME records</i>, sehinga domain <a href="http://www.co.cc/?id=140833" target="_blank">co.cc</a> bukan hanya sekedar <i>"URL Forwarding"</i>.<br />Berikut ini akan <a href="http://trik-tips.blogspot.com/">saya</a> coba mengungkapkan tentang cara setting domain di <a href="http://www.co.cc/?id=140833" target="_blank">co.cc</a>:<br /><span class="fullpost"><br />Ada 3 tipe pengaturan di <a href="http://www.co.cc/?id=140833" target="_blank">co.cc</a>. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:<br /><br /><span style="font-size: 130%;"><b>1. Managed DNS</b></span><br />Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan <i>Name Server</i>-nya ke hosting tersebut. Misal untuk membuat web di <a href="http://www.000webhost.com/42283.html" target="_blank">000webhost</a>,
atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar.
Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan
hosting default dari blogger/blogspot.<br />Cara setting untuk metode ini yaitu dengan mengisi pada kolom <b>"Name Server 1</b> dan <b>Name Server 2</b> dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari <a href="http://www.000webhost.com/42283.html" target="_blank">000webhost</a> maka untuk kolom <b>"Name Server 1"</b> disi dengan <b>"ns01.000webhost.com"</b> dan kolom <b>"Name Server 2"</b> disi dengan <b>"ns02.000webhost.com"</b>. Kemudian klik tombol <b>"Setup"</b>. Selesai<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibeEaEdQYArZyxZx9D3ynJlIe-Rn9AZ7vuP9qpSmOvp84T1YQz1-LZ3fdWg1J1cfos1uuu4UhefBt3NeCMUdkVjdRHOaYSDeOkQkvHyHiHkm6t7b5hjvDWjxPC7ccU3l9XPM2wfGMsDrYm/s1600-h/DNS.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5220056137914329922" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibeEaEdQYArZyxZx9D3ynJlIe-Rn9AZ7vuP9qpSmOvp84T1YQz1-LZ3fdWg1J1cfos1uuu4UhefBt3NeCMUdkVjdRHOaYSDeOkQkvHyHiHkm6t7b5hjvDWjxPC7ccU3l9XPM2wfGMsDrYm/s320/DNS.gif" style="cursor: pointer;" /></a><br /><br /><span style="font-size: 130%;"><b>2. Zone Records</b></span><br />Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records</span><br />
<ul>
<li>Pada kolom <b>"Host"</b> isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")</li>
<br />
<li>Untuk option <b>"TTL"</b> biarkan saja, gak perlu dirubah2</li>
<br />
<li>Pada option <b>"Type"</b> pilih yang <b>"CNAME"</b></li>
<br />
<li>Untuk kolom <b>"Value"</b> isikan <b>"ghs.google.com"</b></li>
<br />Sehingga akan seperti pada gamabr dibawah ini:<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQ3HVpBKepFFiWCpzcgrjoDgejJmpri1ifWd1alJdYhX7AjQn7YglcXAGim-qn5qP38hDRqk4457ZD7hGRPtjsIXAJrQxlxUmH6-Qfh9Ycw4A6gv-oF9bymVn_XNLJcn54710dD3RrdzE/s1600-h/zonerecord.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5220053033865442930" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQ3HVpBKepFFiWCpzcgrjoDgejJmpri1ifWd1alJdYhX7AjQn7YglcXAGim-qn5qP38hDRqk4457ZD7hGRPtjsIXAJrQxlxUmH6-Qfh9Ycw4A6gv-oF9bymVn_XNLJcn54710dD3RrdzE/s320/zonerecord.gif" style="cursor: pointer;" /></a></ul>
<br />Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:<br /><ul>
<li>Login ke blogger/blogspot kemudian masuk ke menu <b>"Setting-->Publishing"</b></li>
<br />
<li>Kemudian pilih <b>"Switch to: • <span style="color: blue;"><u>Custom Domain</u></span></b></li>
<br />
<li>Setelah itu klik pada <b>"Already own a domain? <span style="color: blue;"><u>Switch to advanced settings</u></span>"</b></li>
<br />
<li>Kemudian isikan nama domain kamu yang baru pada kolom <b>"Your Domain"</b>.</li>
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvJHw3e25BLJPtRzyamMUFpBLvUz4nxhYBQkR5w-BkYKP6VFUTXxV_MRRwxuloVT5R8JpneyK1nVvpcB4lB5TBx5XCQ0ir0dYx8j-Xt0VDz_ftawEVk_AFy8EYWW4W2N-t-TxJpLmDa8S/s1600-h/namadomain.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5220057959826202626" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvJHw3e25BLJPtRzyamMUFpBLvUz4nxhYBQkR5w-BkYKP6VFUTXxV_MRRwxuloVT5R8JpneyK1nVvpcB4lB5TBx5XCQ0ir0dYx8j-Xt0VDz_ftawEVk_AFy8EYWW4W2N-t-TxJpLmDa8S/s320/namadomain.gif" style="cursor: pointer;" /></a><br />
<li>Selanjutnya klik tombol <b>"Save Setting"</b></li>
</ul>
<br />Selesai.
Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan
aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja
menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain
yang lama.<br /><br /><span style="font-size: 130%;"><b>3. URL Forwarding</b></span><br />URL
forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL
Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain
lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan
apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama
domain baru kita di browser. Jika menggunakan URL Forwarding maka yang
terindex di google atau Search engine yang lain adalah tetap Domain kita
yang lama.<br />Untuk setting URL Forwarding sangat mudah, kita hanya
mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita,
seperti <i>"Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords"</i>. Kita tidak perlu lagi mensetting domain di web/blog kita lagi.<br /><span style="color: red;">Note: Metode ini tidak dianjurkan jika tidak terpaksa</span><br /><br />Jadi kesimpulannya adalah:<br /><ul>
<li>Jika kamu memakai layanan blogger/blogspot maka gunakanlah <b>"Zone Records"</b></li>
<br />
<li>Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah <b>"Manage DNS"</b></li>
<br />
<li>Jangan menggunakan <b>"URL forwarding"</b> jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.</li>
</ul>
<br />
<h3>
Artikel yang Berhubungan :</h3>
<div id="data2007">
<div>
<b>Domain Hosting</b><ul>
<li><a href="http://trik-tips.blogspot.com/2008/08/setting-domain-dan-hosting-untuk.html">Setting Domain dan Hosting Untuk Wordpress</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/07/web-hosting-termurah-dan-terlengkap.html">Web Hosting Murah, Lengkap dan Berkualitas</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/06/cara-membuat-website-di-000webhost.html">Cara Membuat Website di 000webhost</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/06/web-hosting-gratis-tanpa-iklan.html">Web Hosting Gratis Tanpa Iklan</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/05/membuat-email-dengan-domain-sendiri.html">Membuat Email Dengan Domain Sendiri (nama@domainmu.com)</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/05/setting-custom-domain-di-blogspot.html">Setting Custom Domain di Blogspot</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/04/jual-domain-murah.html">Jual Domain Murah</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/04/alternatif-tempat-hosting-gratis-dan.html">Alternatif Tempat Hosting Gratis Dan Unlimited?</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/03/domain-dot-com-gratis.html">Domain Dot Com Gratis</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/01/mempersingkat-nama-domain-blog.html">Mempersingkat Nama Domain Blog</a></li>
</ul>
<br />
<div class="top_post">
<h3>
<a href="http://trik-tips.blogspot.com/2009/01/cara-pasang-flash-di-blog.html">Cara Pasang Flash di Blog</a></h3>
<div class="meta">
<div class="author">
Kendhin</div>
<div class="tags">
<a href="http://trik-tips.blogspot.com/search/label/Pernak-Pernik" rel="tag">Pernak-Pernik</a>
</div>
</div>
</div>
<div style="text-align: justify;">
Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi <b>.swf</b>
lalu upload file tersebut ke hosting. misal di geocities.com ato
000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa
dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header
sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada
blog caranya sebagai berikut :</div>
<span class="fullpost"><br />1. Login ke blogger kemudian pilih menu "Layout".<br />2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.<br />3. Pilih "HTML/Javascript" kemudian taruh script berikut :<br /><div class="alert">
<embed src="<span style="color: red;">http://blogoholic.info/wellcome.swf</span>" quality="high" bgcolor="white" width="<span style="color: red;">500</span>" height="<span style="color: red;">100</span>"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash"></embed></div>
<br />Contoh :<br /><br /><br />* Ganti "<span style="color: red;">http://blogoholic.info/wellcome.swf</span>" dengan alamat file flash kamu yang telah ditaruh di hosting. <br />* Ganti width="<span style="color: red;">500</span>" height="<span style="color: red;">100</span> dengan ukuran dari file flashmu.</span>
<br />
<ins style="border: none; display: inline-table; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"><ins id="aswift_1_anchor" style="border: none; display: block; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"></ins></ins>
<br />
<hr />
<h3>
Artikel yang Berhubungan :</h3>
<div id="data2007">
<div>
<b>Pernak-Pernik</b><ul>
<li><a href="http://trik-tips.blogspot.com/2008/11/pasang-widget-translator.html">Pasang Widget Translator</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/08/menampilkan-recent-comments-komentar.html">Menampilkan Recent Comments (Komentar Terbaru)</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/06/cara-mudah-membuat-banner.html">Cara Mudah Membuat Banner</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/05/siapa-yang-menjiplak-artikle-blogmu.html">Siapa Yang Menjiplak Artikle Blogmu?</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/04/ketahui-seberapa-berat-blogmu.html">Ketahui Seberapa Berat Blogmu</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/04/free-download-smile-emoticons.html">Free Download Smile Emoticons</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/03/cara-membackup-blog.html">Cara Membackup Blog</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/03/cara-menampilkan-recent-post-postingan.html">Cara Menampilkan Recent Post (Postingan Terbaru)</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/02/cara-menuliskan-scriptkode-dalam.html">Cara Menuliskan Script/Kode Dalam Artikel Blog</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/01/membuat-anu-supaya-selalu-berada-di_22.html">Membuat Anu Supaya Selalu Berada Di pojok</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/01/melihat-statistik-blog-kita.html">Melihat Statistik Blog Kita</a></li>
<li><a href="http://trik-tips.blogspot.com/2008/01/cara-membuat-link-download.html">Cara Membuat Link Download</a></li>
<li><a href="http://trik-tips.blogspot.com/2007/12/berapa-harga-blog-kamu.html">Berapa Harga Blog Kamu?</a></li>
<li><a href="http://trik-tips.blogspot.com/2007/12/melacak-jejak-pengunjung-blog-dengan.html">Melacak Jejak Pengunjung Blog Dengan Google Analytics</a></li>
</ul>
<br />
<br />
<div class="top_post">
<h3>
<a href="http://trik-tips.blogspot.com/2009/08/learn-more-about-website-hosting.html">Learn more about Website Hosting</a></h3>
<div class="meta">
<div class="author">
Kendhin</div>
<div class="tags">
</div>
</div>
</div>
Trying to identify a <a href="http://webhostinggeeks.com/">web hosting</a>
can be a very daunting task especially when there are so many available
nowadays and all of them promise one thing or another because looking
for and buying a reliable web hosting solution is an imperative
decision. inding the best hosting service for your website can be
complicated. The best way to select a quality <a href="http://webhostinggeeks.com/">web hosting</a> is to take the selection process one step at a time.<br /><br />If
you are currently engaged in any facet of ecommerce, even service
sectors, a website makes up a great deal of your business. Therefore, it
is a safe assumption that you pay for hosting your website in some
fashion. If you do not already have a <a href="http://webhostinggeeks.com/dedicatedserverhosting.html">dedicated server</a>, perhaps you should revisit the decision for the best hosting options for your business.<br /><span class="fullpost"><br /><a href="http://webhostinggeeks.com/greenwebhosting.html">Green hosting</a>
was scarce a few years ago, however, recently this type of web hosting
has come into the limelight. There are a handful of companies who
started off 100% green while others have gradually converted. Even some
of the most widely known providers have made the switch to offer a more
eco-friendly web hosting product. Many begin in the office by recycling
waste paper and utilizing bio-fuel for heating purposes. This leads to
the data centers where servers thrive off alternative sources such as
wind, solar and geothermal energy. Some have went out and purchased RECs
(Renewable Energy Credits), a certification which assures the company
is using alternatives forms of power.</span><br /><br />There are some who question the performance and overall reliability you receive with a <a href="http://webhostinggeeks.com/greenwebhosting.html">green hosting</a>
platform. In actuality, renewable energy is proven to be just as
reliable and effective as conventional electricity. Green hosts are
successfully running their businesses just as everyone else is. Like
the traditional provider is equipped with electrical backup sources,
these companies are prepared to produce renewable energy to keep the
operation flourishing.<br /><br />In today's competitive world reliable web
hosting is very critical especially for the success of online
businesses. You need to seek a web hosting company that can provide you
with these critical components and much more.<br />
<br />
<ins style="border: none; display: inline-table; height: 60px; margin: 0; padding: 0; position: relative; visibility: visible; width: 468px;"><div class="top_post">
<h3>
<a href="http://trik-tips.blogspot.com/2009/01/choose-good-email-marketing.html">Choose a Good Email Marketing</a></h3>
<div class="meta">
<div class="author">
Kendhin</div>
<div class="tags">
</div>
</div>
</div>
<div style="text-align: justify;">
Many companies use <a href="http://www.icontact.com/" target="_blank">email marketing</a>
to communicate with existing customers. They use it for purpose of
enhancing the relationship of a merchant with its current or previous
customers and to encourage customer loyalty and repeat business. Lately
there are many email marketting company that offer their service. One of
them is <a href="http://www.icontact.com/" target="_blank">iContact</a>.
iContact is an easy to use email marketing, surveying, autoresponder,
and blogging tool that allows small businesses, non-profits, and
associations to easily communicate online with their customers,
prospects, and members.</div>
<span class="fullpost"><br /><div style="text-align: justify;">
iContact is the best option out there for anyone who wants to send out <a href="http://www.icontact.com/" target="_blank">email newsletters</a>.
They have great inbox deliverability, an extremely easy to use
interface, great prices that start at $9.95 per month, lots of
templates, and also include surveying, <a href="http://www.icontact.com/" target="_blank">autoresponder</a>,
and blogging capability from the same application at no additional
charge. They take care of managing bounces and unsubscribes for you.
They also take care of making sure your message gets to the inbox of
your recipients through their ISP relations, feedback loops, and
whitelist status. If you are currently running into deliverability
issues with your existing newsletter sending method, iContact will be
very helpful and ensure inbox delivery of your messages. 15 day free
trial of iContact is available <a href="http://www.icontact.com/" target="_blank">here</a>.</div>
</span></ins></div>
</div>
</div>
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-48003325020963909262011-04-13T07:40:00.000-07:002011-04-13T07:40:21.110-07:00Cara Mempercantik Blog<h3 class="post-title entry-title">
<br />
</h3>
<div class="post-header">
</div>
<div style="text-align: center;">
<i><span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><b> Update status FB di blogger dengan Tiny Facebook</b></span></i></div>
<div style="text-align: center;">
<i><span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><b><br />
</b></span></i></div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-bOtBFqXeVBxyQACtM1l-L6jDohAuzAa1idjxYtbA15gbnfpXZHt37XGwJhwtqIP6Mp9V1TOZzN7pmv4A7diqs__i2z4ZWn441BqcHNindv0TXB_y4lN8pMrR_Kgqf01fxzDKPC3w3ixs/s1600-h/add.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5442566114674331234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-bOtBFqXeVBxyQACtM1l-L6jDohAuzAa1idjxYtbA15gbnfpXZHt37XGwJhwtqIP6Mp9V1TOZzN7pmv4A7diqs__i2z4ZWn441BqcHNindv0TXB_y4lN8pMrR_Kgqf01fxzDKPC3w3ixs/s320/add.jpg" style="cursor: pointer; float: left; height: 262px; margin: 0pt 10px 10px 0pt; width: 174px;" /></a>Buat kamu yang hoby banget dengan <a href="" id="Y9641639S0" style="color: #000fff; text-decoration: underline;">facebook</a>
namun suka nangkring di blogger ga perlu repot-repot lagi harus klik
sana - klik sini untuk update status, karena dengan tiny facebook kamu
bisa terhubung langsung di blogger. Ini merupakan widget untuk
memunculkan facebook kamu sendiri<br />
<br />
Untuk pemasangan nya ikuti langkah berikut ini :<br />
<br />
<span style="font-weight: bold;">Persyaratan :</span> kamu harus mempunyai akun facebook, jika belum mempunyai bisa daftar gratis <a href="http://www.facebook.com/">disini</a><br />
<br />
<br />
<span style="font-weight: bold;">Pemasangan :</span> Silahkan copy kode di bawah ini<br />
<br />
<div style="text-align: left;">
<span style="color: #000099;"><iframe <a href="" id="Y9641639S1" style="color: #000fff; text-decoration: underline;">scrolling</a>="auto" frameborder="no" width="</span><span style="color: red; font-weight: 700;">250</span><span style="color: #000099;">px" src="http://touch.facebook.com/#/<a href="" id="Y9641639S7" style="color: #000fff; text-decoration: underline;">home</a>.<a href="" id="Y9641639S3" style="color: #000fff; text-decoration: underline;">php</a>" name="tinyfacebook" height="</span><span style="color: red; font-weight: 700;">250</span><span style="color: #000099;">px"></iframe></span></div>
<br />
Letak kan kode di atas ke dalam blogger kamu, caranya:<br />
Login ke <a href="http://www.blogger.com/"><span style="font-weight: bold;">Blogger</span></a> pilih <span style="font-weight: bold;">Tata Letak + Tambah Gadget + <a href="" id="Y9641639S6" style="color: #000fff; text-decoration: underline;">HTML</a>/<a href="" id="Y9641639S2" style="color: #000fff; text-decoration: underline;">JavaScript</a></span> paste kan kode diatas dan simpan<br />
<br />
<span style="font-weight: bold;">NB :</span> Tulisan yang bewarna merah dapat kamu atur untuk lebar dan tinggi nya, <span style="font-weight: bold;">Width = Lebar, Height = Tinggi</span><br />
<br />
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i>cara mengganti background di blogger</i></span><span style="font-weight: bold;"><br />
</span></div>
<div style="text-align: center;">
<h3 class="post-title entry-title">
<a href="http://www.marpoyan.co.cc/2010/02/cara-mengganti-background-di-blogger.html"><br />
</a> </h3>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACHd3jsqG-o_1KHGiaxwZEXRUGftFSEbcTWUilP17lmkTH0WVUqtWfrl_zTwDUnjqyxjSPKajX4idU68M_CESe5yta9nD67fDbbHBY3FJ1a8I5_3AQZOUcCbRF99hB09VAIw6xvJfqWRV/s1600-h/emoqi+copy.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5438822533436299298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACHd3jsqG-o_1KHGiaxwZEXRUGftFSEbcTWUilP17lmkTH0WVUqtWfrl_zTwDUnjqyxjSPKajX4idU68M_CESe5yta9nD67fDbbHBY3FJ1a8I5_3AQZOUcCbRF99hB09VAIw6xvJfqWRV/s320/emoqi+copy.jpg" style="cursor: pointer; float: left; height: 229px; margin: 0pt 10px 10px 0pt; width: 247px;" /></a>Berikut ini akan saya akan tunjukkan bagaimana <a href="http://www.marpoyan.co.cc/2010/02/cara-mengganti-background-di-blogger.html">cara nya mengganti backgroud di blogger</a>
yang sangat mudah, trick ini saya khusus kan buat pemula biar blogger
nya terlihat keren beken serta kamu juga bisa mengganti background engan
gambar kamu sendiri heheheee.... Oke kita lanjut ke TKP</div>
<br />
1. Login ke <a href="http://www.blogger.com/" style="font-weight: bold;">Blogger</a> kamu<br />
<br />
<div style="text-align: justify;">
2.<span style="font-weight: bold;"> Tata Latak + Edit HTML</span> dan berikan centang pada <span style="font-weight: bold;">Expa</span><span style="font-weight: bold;">nd Template Widget </span></div>
<br />
3. cari kode <span style="font-weight: bold;">body {</span> (untuk memudah kan pencarian teken <span style="font-weight: bold;">Ctrl + F</span> pada keyboard kamu)<br />
<br />
<span style="font-weight: bold;">body {</span><br />
background: <span style="color: #000099; font-weight: 700;">#111</span> url(<span style="color: red; font-weight: 700;">http://i49.tinypic.com/2cg1rok.gif</span>);<br />
width: 980px;<br />
color: #333;<br />
font-size: 12px;<br />
font-family: Arial, Tahoma, Verdana;<br />
margin: 0 auto 0;<br />
padding: 0<br />
<br />
<div style="text-align: justify;">
4. Perhatikan pada tulisan yang bewarna merah <span style="color: red; font-weight: 700;">http://i49.tinypic.com/2cg1rok.gif </span><span style="color: red;"><span style="color: black;">dan g</span></span><span style="color: red;"><span style="color: black;">anti d</span></span><span style="color: red;"><span style="color: black;">engan <span style="font-weight: bold;">URL</span>
gambar yang kamu inginkan, gambar tersebut bisa dengan format png, gif,
jpg dll dan jika kamu hanya ingin menggunakan kode warna kamu tinggal
hapus pada</span></span> <span style="color: red; font-weight: 700;">http://i49.tinypic.com/2cg1rok.gif </span>jadi tinggal seperti ini :</div>
<br />
background: <span style="color: #000099; font-weight: 700;">#111</span><span style="color: #000099;"></span><span style="color: black;">;</span><br />
width: 980px;<br />
color: #333;<br />
font-size: 12px;<br />
font-family: Arial, Tahoma, Verdana;<br />
margin: 0 auto 0;<br />
padding: 0<br />
<br />
<span style="color: red;"><span style="color: black;">5. Kemudian <span style="font-weight: bold;">Simpan Template</span> dan lihat hasil nya</span></span><br />
<span style="color: red;"><span style="color: black;"><span style="font-weight: bold;">NB</span> : Gambar y</span></span><span style="color: red;"><span style="color: black;">ang kamu inginkan dapat kamu upload <a href="http://tinypic.com/" style="font-weight: bold;">Disini </a></span></span><br />
<span style="color: red;"><span style="color: black;">Saya juga sediakan backgrou</span></span><span style="color: red;"><span style="color: black;">nd beserta url nya untuk blogger kamu :<br />
</span></span><br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_VUzeEjN-RILeBxZEftDrZHasJ_AHKr-bwZ2ts3bYj1nyLDDOVmppi94gtsr04lHTRua_La4c6Lbk4ZlU6NoDWa5dYii10EGD2VjMxN0uRBzpx0kOWEBRKXWqjqn99g5o2ajfEsLk_qq/s1600-h/coklat.bmp"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5438823316136752834" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB_VUzeEjN-RILeBxZEftDrZHasJ_AHKr-bwZ2ts3bYj1nyLDDOVmppi94gtsr04lHTRua_La4c6Lbk4ZlU6NoDWa5dYii10EGD2VjMxN0uRBzpx0kOWEBRKXWqjqn99g5o2ajfEsLk_qq/s320/coklat.bmp" style="cursor: pointer; height: 296px; width: 183px;" /></a></div>
<span style="color: red;"><span style="color: black;"><br />
</span></span><span style="color: red;"><span style="color: black;">Ini url nya : http://i47.tinypic.com/2ex6b9i.jpg</span></span></div>
<div style="text-align: center;">
<br />
</div>
<div style="background-color: white; text-align: center;">
<br />
</div>
<div style="text-align: center;">
<span style="color: red;"><span style="color: black;"><span style="background-color: white; color: blue; font-family: "Times","Times New Roman",serif; font-size: medium;"><b>membuat kotak komentar di blogger </b></span></span></span></div>
<div style="text-align: center;">
<br />
</div>
Postingan yang satu ini sebenarnya saya tujukan buat <a href="http://rtn-alwaysforyou.blogspot.com/">ratna</a>
karena dia bertanya "kenapa template baru saya kok ga bisa di komentari
mas" saya pikir ada yang error tu template tapi ya sudahlah saya
berikan saja solusi nya, alngsung saja ke TKP<br />
<div style="text-align: left;">
<br />
1. login ke <a href="http://www.blogger.com/" style="font-weight: bold;">blogger</a><br />
<br />
2. Pengaturan + Komentar maka akan muncul menu sebagai berikut :<br />
<br />
<span style="font-weight: bold;">Komentar</span></div>
<ul style="text-align: left;">
<li><label for="commentsAllowed">Komentar</label> <input checked="checked" id="showComments" name="commentsAllowed" type="radio" value="true" /> <label for="showComments">Tampilkan</label> <input id="hideComments" name="commentsAllowed" type="radio" value="false" /> <label for="hideComments">Sembunyikan</label></li>
</ul>
<div style="text-align: left;">
Pilih pada Tampilkan<br />
<br />
<label for="commentsAccess" style="font-weight: bold;">Siapa yang Bisa Berkomentar ?</label></div>
<ul style="text-align: left;">
<li><input checked="checked" id="commentsByAnyone" name="commentsAccess" type="radio" value="ANYONE" /> <label for="commentsByAnyone">Siapa pun <span class="msg">- termasuk Pengguna Anonim</span></label></li>
<li><input id="commentsByRegistered" name="commentsAccess" type="radio" value="REGISTERED" /> <label for="commentsByRegistered">Pengguna Terdaftar <span class="msg">- termasuk OpenID</span></label></li>
<li><input id="commentsByBloggers" name="commentsAccess" type="radio" value="BLOGGERS" /> <label for="commentsByBloggers">Pengguna dengan Google Account</label></li>
<li><input id="commentsByTeam" name="commentsAccess" type="radio" value="TEAM" /> <label for="commentsByTeam">Hanya anggota blog ini</label></li>
</ul>
<div style="text-align: left;">
Pilih dengan sesukamu<br />
<br />
<label style="font-weight: bold;">Penempatan Formulir Komentar</label> </div>
<ul>
<li><input id="hidePopup" name="commentFormLocation" type="radio" value="FULL_PAGE" /> <label for="hidePopup">Halaman penuh</label></li>
<li><input id="showPopup" name="commentFormLocation" type="radio" value="POP_UP" /> <label for="showPopup">Jendela munculan</label></li>
<li><input checked="checked" id="embeddedIframe" name="commentFormLocation" type="radio" value="EMBEDDED_IFRAME" /> <label for="embeddedIframe">Disemat di bawah entri</label></li>
</ul>
Ikuti yang di atas<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<i style="color: blue;"><span style="font-family: "Times","Times New Roman",serif; font-size: medium;"><b> <span style="font-family: "Times","Times New Roman",serif; font-size: large;">cara membuat facebook di atas pojok blogger</span></b></span></i></div>
<br />
<br />
Biasanya trik seperti ini di gunakan untuk buku tamu namun bagaimana
kalau kita ganti dengan lencana profil <a href="http://www.facebook.com/">facebook</a> kita...?? mau tahu cara nya, silahkan ikutin langkah<a href="http://www.marpoyan.co.cc/"> saya</a> berikut ini :<br />
<br />
1. Login di <a href="http://www.blogger.com/">Blogger</a> kamu<br />
<br />
2. Tata letak tambah Gadget, kemudian pilih HTML/JavaScript<br />
<br />
3. Masukkan kode di bawah ini<br />
<br />
<br />
<style type="text/css"><br />
#gb{<br />
position:fixed;<br />
top:50px;<br />
z-index:+1000;<br />
}<br />
* html #gb{position:relative;}<br />
<br />
.gbtab{<br />
height:100px;<br />
width:30px;<br />
float:left;<br />
cursor:pointer;<br />
background:url('http://i50.tinypic.com/2qn3zv7.jpg') no-repeat;<br />
}<br />
.gbcontent{<br />
float:left;<br />
border:2px solid #A5BD51;<br />
background:#F5F5F5;<br />
padding:10px;<br />
}<br />
</style><br />
<br />
<script type="text/javascript"><br />
function showHideGB(){<br />
var gb = document.getElementById("gb");<br />
var w = gb.offsetWidth;<br />
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />
gb.opened = !gb.opened;<br />
}<br />
function moveGB(x0, xf){<br />
var gb = document.getElementById("gb");<br />
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />
var dir = xf>x0 ? 1 : -1;<br />
var x = x0 + dx * dir;<br />
gb.style.right = x.toString() + "px";<br />
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />
}<br />
</script><br />
<br />
<div id="gb"><br />
<br />
<div class="gbtab" onclick="showHideGB()"> </div><br />
<br />
<div class="gbcontent"><br />
<br />
< Letakkan disini kode Lencana facebook kamu><br />
<div style="text-align:right"><br />
<a href="http://www.marpoyan.co.cc/2010/02/cara-membuat-facebook-di-pojok-atas.html"><br />
[By www.marpoyan.co.cc]<br />
<a href="http://www.marpoyan.co.cc"><br />
</a>|<a href="javascript:showHideGB()"><br />
[tutup]<br />
</a><br />
</div><br />
<br />
</div><br />
<br />
<br />
<script type="text/javascript"><br />
var gb = document.getElementById("gb");<br />
gb.style.right = (30-gb.offsetWidth).toString() + "px";<br />
</script></div><br />
<br />
<br />
NB : Pada tulisan Letakkan disini kode Lencana facebook kamu, ganti dengan kode lencana <a href="http://www.facebook.com/">facebook</a> kamu<br />
<br />
4. Klik simpan dan lihat hasil nya<br />
<br />
Ooh ya add juga facebook aku di <a href="http://www.facebook.com/aresawae">disini</a><br />
<br />
<br />
<br />
<div style="color: blue; font-family: Times,"Times New Roman",serif; text-align: center;">
<span style="font-size: large;"><i><b>cara mengganti domain blogspot ke co.cc </b></i></span></div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: justify;">
Akhir nya berhasil juga
mengganti domain blogger saya yang awal nya www.marpoyan.blogspot.com
menjadi www.marpoyan.co.cc Domain co.cc tersebut gratis kemudian blog
kita akan terlihat singkat dan profesional. Buat kamu yang mau mengganti
domain blogger saya akan berikan langkah - langkah nya :</div>
<br />
<span style="font-weight: bold;">Langkah Pertama :</span><br />
<br />
<div style="text-align: justify;">
1. Kamu kunjungi website co.cc <span style="color: #3333ff; font-size: 130%;"><a href="http://www.co.cc/?id=185889" style="font-weight: bold;">Disini</a></span><br />
<br />
2. Buat account dengan mengklik <span style="font-weight: bold;">"create a new acc</span><span style="font-weight: bold;">ount"</span>, ikuti prosedur pendaftaran sampai selesai</div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ_PaYi3IZgnaij8IXQUtK4l2JXKyFDGV4qCfCCJxcYjIvNHuYwCmzH7VbTddJVfnBCOXeeLyPPsnhIIqpjISUTnCLomEShOc4VIlRUn1hyphenhyphen_jRNLuzENq1cEqjK_fsdnHfhMG3VNf-_YO4/s1600-h/1.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5437748530372472754" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ_PaYi3IZgnaij8IXQUtK4l2JXKyFDGV4qCfCCJxcYjIvNHuYwCmzH7VbTddJVfnBCOXeeLyPPsnhIIqpjISUTnCLomEShOc4VIlRUn1hyphenhyphen_jRNLuzENq1cEqjK_fsdnHfhMG3VNf-_YO4/s320/1.jpg" style="cursor: pointer; height: 116px; width: 312px;" /></a></div>
<br />
<div style="text-align: justify;">
3. Klik <span style="font-weight: bold;">"Get a new Domain"</span>, setelah terbuka halaman baru, pada kotak yang disediakan masukkan nama domain yang kalian suka, Setelah itu klik <span style="font-weight: bold;">"check availability"</span> (untuk mengecek ketersediaan)<br />
<br />
4. Jika nama domain ada dan tersedia gratis, klik tombol <span style="font-weight: bold;">“continue to registration”</span><br />
<br />
<div style="text-align: justify;">
5. Setelah sukses melakukan registrasi domain, langkah selanjutnya melalukan setup domain.Co.Cc, klik tombol <span style="font-weight: bold;">“setup”</span></div>
</div>
<div style="text-align: justify;">
<br />
6. Klik nama domain.Co.Cc yang sudah sukses kalian buat, sebelum melakukan setting domain .Co.Cc<br />
<br />
7. Klik sekali lagi tombol <span style="font-weight: bold;">“Setup”</span>, untuk melakukan setting domain.Co.Cc<br />
<br />
8. Pada halaman baru yang terbuka, silahkan klik menu 2 <span style="font-weight: bold;">"Zona Record"</span>, maka akan muncul kotak dengan tulisan <span style="font-weight: bold;">"add record"</span><br />
<br />
9. Pada jendela setting add a record yang terbuka lakukan langkah settingan sesuai gambar dibawah, yaitu :</div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-4QNfTLmOh1Mhzyj-k6b3ThnTZQc21zhVC_tR-PpXcm3M7tIdw__lhoXZjXXqoYETDx4BvWXt4Bm4KuTvHGKvhh4vtgjxQmCECLTIKNBs_lsGR1R5h525JCvE4WWNZRhOJOxCI_zrMFg/s1600-h/2.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5437751903652858706" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-4QNfTLmOh1Mhzyj-k6b3ThnTZQc21zhVC_tR-PpXcm3M7tIdw__lhoXZjXXqoYETDx4BvWXt4Bm4KuTvHGKvhh4vtgjxQmCECLTIKNBs_lsGR1R5h525JCvE4WWNZRhOJOxCI_zrMFg/s320/2.jpg" style="cursor: pointer; height: 218px; width: 320px;" /></a></div>
<br />
<ul>
<li>Isikan kolom Host : www.domain_kamu.co.cc</li>
<li>Jangan rubah default kolom TTL <span style="font-weight: bold;">(1D)</span></li>
<li>Isikan kolom type dengan pilihan : <span style="font-weight: bold;">“CNAME”</span></li>
<li>Isikan kolom value dengan : <span style="font-weight: bold;">“ghs.google.com”</span>
, karena kalian memilih blogger.com sebagai host dari web/blog, nilai
ini akan berbeda jika kalian memiliki host berbayar sendiri.</li>
</ul>
10. Akhiri dengan mengklik tombol <span style="font-weight: bold;">“setup”</span><br />
<br />
<span style="font-weight: bold;">Langkah ke Dua</span> :<br />
<br />
Langkah ini Men-setting blogspot menjadi domain kamu<br />
<br />
1. Login ke <a href="http://www.blogger.com/" style="font-weight: bold;">Blogger</a><br />
2. Pilih <span style="font-weight: bold;">Pengaturan + Publikasikan</span><br />
<br />
3. Kemudian klik link text <span style="font-weight: bold;">Domain Custom</span><br />
<br />
4. Selanjutnya pada halaman beli domain, klik <span style="font-weight: bold;">“Beralihlah ke pengaturan lanjut”</span>.<br />
<br />
<div style="text-align: justify;">
5. Pada halaman <span style="font-weight: bold;">“Pengaturan Lanjut”</span>, isikan kolom domain anda yaitu http://www.domain_kamu.co.cc dan klik tombol <span style="font-weight: bold;">“Simpan Pengaturan”</span> (jangan lupa sertakan www)</div>
<br />
<div style="text-align: justify;">
6. Selanjutnya akan tampil optional di
bawah kolom Domain anda, yaitu berupa Mengarahkan namablog.co.cc ke
www.domain_kamu.co.cc beri tanda centang pada kotak kecil disamping
kalimat tersebut, yang berfungsi untuk otomatis mengalihkan visitor yang
mengklik url blog kita tanpa subdomain www.</div>
<br />
7. Masukkan Word Verification Akhiri dengan mengklik tombol <span style="font-weight: bold;">“Simpan Pengaturan”</span><br />
<br />
8. Bla..bla..blaaa.... kamu berhasil..... silahkan lihat hasil nya<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>cara membuat animasi cursor mousedi blogge</b></i></span><span style="font-family: "Times","Times New Roman",serif; font-size: large;"><i><b><span style="color: blue;">r</span> </b></i></span></div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
Hello all.. apa kabar nya neeh.. Postingan kali ini akan saya coba
sedikit garing heheee.. inspirasi ini muncul ketika saya sedang
browsing ke salah satu situs web milik microsoft saya gerak - gerakkan
mouse nya eeh ada gambar yang bikin mata saya melotot lihat nya (mata
jengkol kale bang) hehehee... Cara pemasangan nya cukup mudah ga perlu
neko - neko silahkan ikuti langkah berikut :<br />
<br />
<div style="text-align: justify;">
1. Login ke Blogger + Tata Letak +
Edit HTML dan berikan centang pada Expand Tempelate Widget (untuk jaga -
jaga sebaik nya kamu Download Tempelate Lengkap kamu)<br />
<br />
<div style="text-align: left;">
2. Kemudian kamu cari kode <span style="font-weight: bold;">body { </span>(untuk memudahkan pencarian kamu teken Cntrl + F di keyboard kamu)</div>
<br />
3. Seteleh ketemu kamu letakkan Script dibawah ini di bawah kode <span style="font-weight: bold;">body {</span></div>
<br />
cursor:url("<span style="color: #000099; font-weight: 700;">http://i49.tinypic.com/flvjtl.gif</span>"),text;<br />
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;">NB :</span> Tulisan yang warna <span style="color: #000099; font-weight: 700;">biru</span> dapat kamu ganti dengan url gambar yang kamu inginkan atau kamu ingin mengganti dengan kode gambar di bawah ini :</div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivKTNtA_RML9PGEtyIWXT9DovvK31f96CtctxyFsTWaTpPiQ0zDPCgxjkDRkAivbrOu84kN8luLWQIOCBbwrQgVF4iX8ywddG4-ueetyRk_4G3zG-E1ur8FECpf3O-qkMdkmjSlXXenwdJ/s1600-h/appstarting.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436884400605856754" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivKTNtA_RML9PGEtyIWXT9DovvK31f96CtctxyFsTWaTpPiQ0zDPCgxjkDRkAivbrOu84kN8luLWQIOCBbwrQgVF4iX8ywddG4-ueetyRk_4G3zG-E1ur8FECpf3O-qkMdkmjSlXXenwdJ/s320/appstarting.gif" style="cursor: pointer; height: 32px; width: 32px;" /></a><br />
<div style="text-align: left;">
Ini url nya http://i46.tinypic.com/24zivc8.gif</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWdBefJskY-UtSWLG34Pi5Ghi4fmfK-K1xNr100xILpEIzhJ2YTQeENPoQYuRdH3CYbhpo0O7jIrv2gc73R0SktDo1QE5aabPsvWkjVKUXCuYGZdXxs1NypD0j75bpdin-O3GwR_-4piFY/s1600-h/yahoo.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436884953601273218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWdBefJskY-UtSWLG34Pi5Ghi4fmfK-K1xNr100xILpEIzhJ2YTQeENPoQYuRdH3CYbhpo0O7jIrv2gc73R0SktDo1QE5aabPsvWkjVKUXCuYGZdXxs1NypD0j75bpdin-O3GwR_-4piFY/s320/yahoo.gif" style="cursor: pointer; height: 32px; width: 32px;" /></a><br />
<div style="text-align: left;">
Ini url nya http://i45.tinypic.com/330bwwn.gif</div>
<br />
<div style="text-align: left;">
Untuk lebih lanjut silahkan kamu berkunjung <a href="http://cursors.funutilities.com/" style="font-weight: bold;">disini </a>dan kamu bisa pilih ikon cursor mouse sesuka mu kemudian upload gambar tersebut <span style="font-weight: bold;">di </span><a href="http://photobucket.com/" style="font-weight: bold;">PhotoBucket</a><span style="font-weight: bold;">/</span><a href="http://tinypic.com/" style="font-weight: bold;">TinyPic</a></div>
<div style="text-align: left;">
<br />
</div>
<div style="text-align: left;">
<br />
</div>
<div style="color: blue; font-family: Times,"Times New Roman",serif; text-align: left;">
<span style="font-size: large;"><i><b><br />
</b></i></span></div>
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>cara menampilkal daftar isi di blogger</b></i></span></div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<br />
<br />
Berikut cara nya :<br />
<br />
1. login ke <a href="http://www.blogger.com/" style="font-weight: bold;">Blogger</a><br />
<br />
2. Pilih <span style="font-weight: bold;">Tata Letak</span> + <span style="font-weight: bold;">Tambah Gadged</span> + <span style="font-weight: bold;">HTML/JavaScript </span>kemudaian <span style="font-weight: bold;">copas</span> kode dibawah ini<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left;">
<<a href="" id="Y9188697S7" style="color: #000fff; text-decoration: underline;">script</a> src="http://<br />
anas.ku93.googlepages.com/post-<br />
terakhir.js"></script><br />
<script>var numposts = <span style="color: #000099; font-weight: 700;">100</span>; var showpostdate =<br />
false; var showpostsummary = false; var<br />
numchars = <span style="color: #000099; font-weight: 700;">100</span>; </script><br />
<script src="<span style="color: red; font-weight: 700;">http://marpoyan.blogspot.com/</span><br />
feeds/posts/default?<br />
orderby=published&amp;alt=json-in-<br />
script&amp;callback=rp"><br />
</script></div>
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;">NB :</span> Tulisan yang warna <span style="color: #000099;">biru</span> dapat kamu ganti dengan angka berapa banyak daftar yang akan kamu tampilkan dan tulisan warna <span style="color: #cc0000;">merah</span> kamu ganti dengan URL blog/web kamu</div>
<br />
3. Kemudian Simpan dan kamu bisa mengatur letak Gadged sesuai yang kamu inginkan serta lihat hasil nya<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWmqzuELDHgV7zyIdPcZH4Ev8Co9exAUXJmjGrz78YkiPn3oHkQ0CxI0LRMQd7FCtigio94kpY4oAyQUxhrhw8ALd0HTPnXPc260a2XzNDrmHUOGHfqiyq16k5sJM-_4NfHNz_EurrXeqH/s1600/daaaaaaaaaaaa.jpg" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWmqzuELDHgV7zyIdPcZH4Ev8Co9exAUXJmjGrz78YkiPn3oHkQ0CxI0LRMQd7FCtigio94kpY4oAyQUxhrhw8ALd0HTPnXPc260a2XzNDrmHUOGHfqiyq16k5sJM-_4NfHNz_EurrXeqH/s200/daaaaaaaaaaaa.jpg" width="122" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><br />
</td></tr>
</tbody></table>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>membuat recent post lengkap dengan gambar</b></i></span></div>
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b> </b></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1_ixTFU8Ako0fAtc1RWoCfk19GuyZ0H76aUT3DZGHXijNIjq4smHRLmMNYFqJdxFi3-Li1Vccxz26w55ffgrjHqwc7RGWDv2SCXUEZy7CEf0EVSJU2fAm_i7zybLIaVBfPXeZDbOeu54f/s1600/11111111111.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1_ixTFU8Ako0fAtc1RWoCfk19GuyZ0H76aUT3DZGHXijNIjq4smHRLmMNYFqJdxFi3-Li1Vccxz26w55ffgrjHqwc7RGWDv2SCXUEZy7CEf0EVSJU2fAm_i7zybLIaVBfPXeZDbOeu54f/s320/11111111111.jpg" width="170" /></a></div>
<br />
Dengan cara berikut kita dapat menampilkan postingan lengkap dengan
gambar, biar blog kita terlihat cantik serta terlihat menarik, contoh
nya sendiri dapat kamu lihat di blog saya. Cara berikut lebih mudah
karena kita tidak perlu meng-copy kode JavaScript yang harus kita
letakkan di dalam Gadged blog kita.<br />
<br />
<div style="text-align: justify;">
<br />
Untuk memulai nya silahkan ikuti langkah berikut :</div>
<br />
1. Login ke <a href="http://www.blogger.com/" style="color: #ff6600; font-weight: bold;">Blogger</a><br />
<br />
2. Silahkan klik <a href="http://www.blogger.com/add-gadget?url=http://hosting.gmodules.com/ig/gadgets/file/117114802889045061382/recent_posts_blogger.xml" style="color: red; font-weight: bold;">Disini</a><br />
<br />
3. Maka akan muncul gambar seperti dibawah dan pilih <span style="font-weight: bold;">URL</span> blog kamu<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Zk_DcCS2xINi5X1JXDbJSVFBybAZqf0nvkM9SX1rra2y-eo0rtekEZmti0_8ccezqLwHY4VzUdrB44r_W3ddB-X1rUde4eRIjWvCbtm_DJt89gvi2lTdShaqibw0oSG9hWD0njw_ihaR/s1600-h/1.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436231791398636930" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Zk_DcCS2xINi5X1JXDbJSVFBybAZqf0nvkM9SX1rra2y-eo0rtekEZmti0_8ccezqLwHY4VzUdrB44r_W3ddB-X1rUde4eRIjWvCbtm_DJt89gvi2lTdShaqibw0oSG9hWD0njw_ihaR/s320/1.jpg" style="cursor: pointer; height: 68px; width: 320px;" /></a></div>
4. Kemudian <span style="font-weight: bold;">Konfigurasikan Gadget</span><br />
<br />
5. Maka akan muncul lagi gambar seperti dibawah<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwdtBvfSqfs9zE2ANp7wkWkl1V9_9sGxUzMfJEpeGEl5OEAFsHGZrMtnA5uCSvMWguhGmx3bCXJ69m89c3y_mBlAxqxziMgVOdXuB5OXgmDfgI1jy2xXGv0L5NhyphenhyphenlKmUd3rAB9ktRl9Ph/s1600-h/2nya.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5436232871417606514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEwdtBvfSqfs9zE2ANp7wkWkl1V9_9sGxUzMfJEpeGEl5OEAFsHGZrMtnA5uCSvMWguhGmx3bCXJ69m89c3y_mBlAxqxziMgVOdXuB5OXgmDfgI1jy2xXGv0L5NhyphenhyphenlKmUd3rAB9ktRl9Ph/s320/2nya.jpg" style="cursor: pointer; height: 320px; width: 142px;" /></a></div>
<ul>
<li>Kolom 1 kita isi nama Gadged yang kamu inginkan</li>
<li>Kolom 2 menentukan ukuran tinggi dari Recent Post</li>
<li>Kolom 3 diisi dengan alamat url blog kamu</li>
<li>Kolom 4 menunjukkan jumlah artikel yang dimunculkan</li>
<li>Kolom 5 pilihan untuk menampilkan/menyembunyikan gambar</li>
<li>Kolom 6 pilihan untuk menampilkan/menyembunyikan ringkasan artikel</li>
<li>Kolom 7 menentukan panjang ringkasan (jumlah karakter) jika kita memilih untuk memunculkan ringkasan pada kolom 6</li>
<li>Kolom 8 pilihan untuk menampilkan/menyembunyikan tanggal muat artikel</li>
<li>Kolom 9 pilihan untuk menampilkan/menyembunyikan informasi jumlah komentar</li>
<li>Kolom 10 pilihan untuk menampilkan/menyembunyikan link read more (baca lebih lanjut)</li>
<li>Kolom 11 pilihan untuk menampilkan/menyembunyikan pembatas antara artikel dalam Recent Post.</li>
</ul>
6. Jika sudah selesai pilih <span style="font-weight: bold;">simpan</span> dan tentukan letak Gadget sesuai keinginan kamu dan lihat hasil nya...<br />
<br />
<br />
<div style="font-family: Times,"Times New Roman",serif; text-align: center;">
<span style="font-size: large;"><i><b>cara memasang banner di blogweb</b></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgniGSKQMpRNNXcSfw-bav6aFvRG1-3Dx0zilvHi6MYCPlTVTa4XpE6STVBhAB40ZyAIqYWXma3UuJbeQwpah0d2St7jeLwJS3hUY866Hxo6y3am4cCJwG8SalU25D4Rhg0n2qV2JMDJJGO/s1600/22222.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgniGSKQMpRNNXcSfw-bav6aFvRG1-3Dx0zilvHi6MYCPlTVTa4XpE6STVBhAB40ZyAIqYWXma3UuJbeQwpah0d2St7jeLwJS3hUY866Hxo6y3am4cCJwG8SalU25D4Rhg0n2qV2JMDJJGO/s1600/22222.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Berikut ini akan saya tunjukkan bagaimana memasang banner ukuran <span style="font-weight: bold;">125x125</span>
di blog/web kamu supaya bisa mempercantik blog/web kamu. cara nya cukup
mudah dengan mengikuti langkah - langkah berikut ini, (tetapi tempelate
kamu sudah ada fasilitas banner nya kamu ga usah ikutin trik ini)</div>
<br />
<br />
<div style="text-align: justify;">
1. Siap kan gambar ukuran <span style="font-weight: bold;">125x125</span> jika kamu ingin membuat nya silahkan kamu buat sendiri <a href="http://marpoyan.blogspot.com/2010/02/cara-mudah-membuat-banner.html" style="color: #000099;"><span style="font-weight: bold;">disini</span></a><br />
<br />
2. Upload gambar kamu <a href="http://tinypic.com/" style="color: #000099; font-weight: bold;">disini</a> kamu bisa daftar gratis disana dengan meng klik <span style="font-weight: bold;">sigup</span><br />
<br />
3. Ambil <span style="font-weight: bold;">URL </span>gambar tersebut</div>
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGajL1Uvw4vTAYeU4SVLYzjnrBCPeR_XKxjnL2UoNHxNAyuJskLsf6tebw0tAZ93yMY6l3yoW6ez4dBQS3JWRojMqdpJghgFK_BnhREw-vJSfzVHfxNyUIkNyNrYPEfnqJeyegLvVbi1LN/s1600-h/contoh.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5434007637553426802" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGajL1Uvw4vTAYeU4SVLYzjnrBCPeR_XKxjnL2UoNHxNAyuJskLsf6tebw0tAZ93yMY6l3yoW6ez4dBQS3JWRojMqdpJghgFK_BnhREw-vJSfzVHfxNyUIkNyNrYPEfnqJeyegLvVbi1LN/s320/contoh.jpg" style="cursor: pointer; height: 198px; width: 175px;" /></a></div>
<br />
4. Login ke <a href="http://www.blogger.com/" style="color: #000099; font-weight: bold;">Blogger</a><span style="font-weight: bold;"> </span>+ <span style="font-weight: bold;">Tata Letak</span> + <span style="font-weight: bold;">Tambah Gadget</span> + <span style="font-weight: bold;">HTML/JavaScript</span> dan letak kan kode dibawah ini :<br />
<br />
<div id="Box-Banner-ads"><br />
<a target="_blank" href="<span style="color: red;">http://marpoyan.blogspot.com</span>"><img alt="ads" src="<span style="color: #000099;">http://i47.tinypic.com/330hjir.jpg</span>"<br />
border="0" /></a><br />
<a target="_blank" href="<span style="color: red;">http://marpoyan.blogspot.com</span>"><img alt="ads" src="<span style="color: #000099;">http://i47.tinypic.com/330hjir.jpg</span>"<br />
border="0" /></a><br />
</div><br />
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;">NB :</span> Kode yang warna <span style="color: red; font-weight: 700;">merah</span> ganti dengan alamat URL blog/web yang akan di jadikan target, kode warna <span style="color: #000099; font-weight: 700;">biru</span>
kamu ganti dengan URL gambar yang telah kamu upload tadi, kemudian jika
kamu ingin membuat nya lebih banyak kamu dapat meng copy nya lagi</div>
<br />
5. Klik<span style="font-weight: bold;"> simpan</span> dan lihat hasil nya<br />
<br />
<br />
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>cara membuat tulisan dan gambar berjalan di blogger</b></i></span></div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div style="text-align: center;">
<br />
</div>
<div class="post-header-line-1">
<div class="postmeta">
<span class="post-author vcard"> <span class="author" style="font-size: 11px; padding-left: 0px;"> <span class="post-labels"><span class="fn"> </span>| </span></span></span><span class="item-control blog-admin pid-615992265"><a href="http://www.blogger.com/post-edit.g?blogID=8885490724758590822&postID=5998667282792521634" title="Edit Entri"> </a> </span> </div>
</div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yZt5iGmHYZSy1lDrZT6qkqphsRVJUvxHz7I-keCZW9_Iy9NQvV4Dw9J9XbG0Z3Jlj5f1EUMsuViHUxCMrr3fxQR55Dzu4KBbefFOPG5CT5bie0l_73XKz2rHrHh2sDdZK3zSbQ194eZT/s1600-h/aresaw.bmp"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5434384613977407202" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2yZt5iGmHYZSy1lDrZT6qkqphsRVJUvxHz7I-keCZW9_Iy9NQvV4Dw9J9XbG0Z3Jlj5f1EUMsuViHUxCMrr3fxQR55Dzu4KBbefFOPG5CT5bie0l_73XKz2rHrHh2sDdZK3zSbQ194eZT/s320/aresaw.bmp" style="float: left; height: 131px; margin: 0pt 10px 10px 0pt; width: 206px;" /></a>Cara
ini mungkin udah banyak di postingkan para blogger lain nya, tapi saya
tetap pede biar gimana hasil nya biar para pembaca yang menilai. Contoh
nya dapat kamu lihat di blog saya ini tulisan nya bisa naik berjalan
turun dan bisa ke kiri berjalan ke kanan begitu juga dengan gambar.
Untuk lebih lanjut langsung aja ke TKP</div>
<br />
<span style="font-weight: bold;">Untuk Tulisan :</span><br />
<ul>
<li>Login ke <a href="http://www.blogger.com/" style="color: red; font-weight: bold;">Blogger</a></li>
<li>Pilih <span style="font-weight: bold;">Tata Letak + Tambah Gadged + HTML/JavaScrip</span>t kemudian copas kode di bawah ini</li>
</ul>
<marquee direction="<span style="color: red; font-weight: 700;">up</span>" onmouseover="this.stop()" width="95%" scrollamount="2" onmouseout="this.start()" height="50" align="center"> <span style="color: #3333ff; font-weight: 700;">Jangan pernah berkata selamat tinggal jika kamu masih ingin mencoba</span> </marquee><br />
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;">NB :</span> Untuk tulisan warna <span style="color: red; font-weight: 700;">Merah</span> dapat kamu ganti dengan <span style="font-style: italic; font-weight: bold;">left</span> untuk bergerah dari kanan ke kiri dan <span style="font-style: italic; font-weight: bold;">down</span> untuk bergerak dari atas ke bawah. Pada tulisan warna <span style="color: #3333ff; font-weight: 700;">Biru</span> silahkan kamu ganti dengan kata-kata kamu sendiri kamu juga dapat mengatur tinggi rendah nya dengan <span style="font-style: italic; font-weight: bold;">width/height</span></div>
<ul>
<li>Klik <span style="font-weight: bold;">simpan</span> dan lihat hasil nya</li>
</ul>
<span style="font-weight: bold;">Untuk Gambar :</span><br />
<ul>
<li>Login ke <a href="http://www.blogger.com/" style="color: red; font-weight: bold;">Blogger</a></li>
<li>Pilih <span style="font-weight: bold;">Tata Letak + Tambah Gadged + HTML/JavaScrip</span>t kemudian copas kode di bawah ini </li>
</ul>
<marquee behavior="scroll" direction="<span style="color: #33ff33; font-weight: 700;">up</span>" scrollamount="3" width="468" height="60"><br />
<a href="<span style="color: #3333ff; font-weight: 700;">http:target_url_gambar_kamu.com</span>" target="_blank"><img src="<span style="color: red; font-weight: 700;">http:link_gambar_kamu.jpg</span>" /></a> <br /><br />
<span style="color: #3333ff; font-weight: 700;">target_gambar_url_kamu.com</span><br />
<a href="<span style="color: #3333ff; font-weight: 700;">http:target_url_gambar_kamu.com</span>" target="_blank"><img src="<span style="color: red; font-weight: 700;">http:link_gambar_kamu.jpg</span>" /></a> <br /><br />
</marquee><br />
<br />
<div style="text-align: justify;">
<span style="font-weight: bold;">NB : </span>Untuk tulisan warna <span style="color: #33ff33; font-weight: 700;">Hijau</span> dapat kamu ganti dengan <span style="font-style: italic; font-weight: bold;">left</span> untuk bergerah dari kanan ke kiri dan <span style="font-style: italic; font-weight: bold;">down</span> untuk bergerak dari atas ke bawah.Untuk tulisan warna <span style="color: #3366ff; font-weight: 700;">Biru</span> ganti dengan <span style="color: #3333ff; font-weight: 700;">target_url_gambar_kamu.com </span><span style="color: #3333ff;"><span style="color: black;">dan tulisan warna <span style="color: red; font-weight: 700;">Merah</span> kamu ganti dengan </span></span><span style="color: red; font-weight: 700;">link_gambar_kamu.jpg</span> kamu juga dapat mengatur tinggi rendah nya dengan <span style="font-style: italic; font-weight: bold;">width/height</span></div>
<span style="color: #3333ff; font-weight: 700;"><br />
</span><br />
<ul>
<li>Klik <span style="font-weight: bold;">simpan</span> dan lihat hasil nya</li>
</ul>
Semoga berhasil ya...<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<span style="font-family: "Times","Times New Roman",serif; font-size: large;"><i><b><span style="color: blue;">Cara Menulis Kode HTML/JavaScript di Blogger</span></b></i></span></div>
<div class="post-header-line-1">
<div class="postmeta">
<span class="post-author vcard"> <span class="author" style="font-size: 11px; padding-left: 0px;"><br />
<span class="post-labels"></span></span></span><span class="item-control blog-admin pid-615992265"><a href="http://www.blogger.com/post-edit.g?blogID=8885490724758590822&postID=309234058189705062" title="Edit Entri"> </a> </span> </div>
</div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsP1m8gXLQojfb8iW3U8rduSyXh7Xm0gmHYOoOBEeAzXQwHfznI3qyg-xbm1v_jjDw80Xva_lczlt_RNPuJrEew715dq8lvGJhlpgRX_79t1zq-NIXNtUaZx2K2qBlepgP6HU29KuyvQwz/s1600-h/eded.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5432979859601379394" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsP1m8gXLQojfb8iW3U8rduSyXh7Xm0gmHYOoOBEeAzXQwHfznI3qyg-xbm1v_jjDw80Xva_lczlt_RNPuJrEew715dq8lvGJhlpgRX_79t1zq-NIXNtUaZx2K2qBlepgP6HU29KuyvQwz/s320/eded.jpg" style="cursor: pointer; float: left; height: 85px; margin: 0pt 10px 10px 0pt; width: 170px;" /></a>Awal nya saya kebingungan saat menulis kode yang satu ini, begitu saya <span style="font-style: italic; font-weight: bold;">Terbitkan Entri</span> teryata error beeuuh.. garuk - garuk kepala jadinya.</div>
<br />
<br />
<br />
<div style="text-align: left;">
Contoh nya seperti ini <span class="fullpost">=> <span style="font-weight: bold;"><p class='comment'> </span>menjadi<span style="font-weight: bold;"> </span></span><span class="fullpost"><span style="font-weight: bold;">&lt;p class=&#039;comment&#039;&gt;</span></span></div>
<span class="fullpost"><br />
</span>Cara lebih mudah nya silahkan kamu kunjungi <a href="http://www.blogcrowds.com/resources/parse_html.php" style="font-weight: bold;">disini</a><br />
Kemudian paste kode<span style="font-weight: bold;"> HTML/JavaScript</span> di kotak tersebut dan tekan <span style="font-weight: bold;">Parse</span><br />
Sesudah itu copy hasil <span style="font-weight: bold;">Parse</span> tadi dan paste kan di postingan kamu<br />
<br />
Selamat mencoba... :)<br />
<br />
<br />
<div style="text-align: center;">
<span style="font-family: "Times","Times New Roman",serif; font-size: large;"><i><b><a href="http://www.marpoyan.co.cc/2010/01/cara-memasang-emotion-yahoo-di-kotak.html"><span style="color: blue;">Cara memasang emotion yahoo di kotak komentar blogger</span></a></b></i></span></div>
<div class="post-header-line-1">
<div class="postmeta">
<span class="post-author vcard"> <span class="author" style="font-size: 11px; padding-left: 0px;"> <span class="post-labels"> </span></span></span><span class="item-control blog-admin pid-615992265"><a href="http://www.blogger.com/post-edit.g?blogID=8885490724758590822&postID=2572350733905498546" title="Edit Entri"> </a> </span> </div>
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkzJ1neIX0ZOAOW2N3DnjDV6-R4e3WR9Pf-_N4Ts2izeWo1TYRjwtExOfVjB-AxUunnlTG02zBuSbCsRX1Z1s6U5D8pHHK26fh0GuM1ovF6sRfsTJlMjcNoU6pCYfTuphNzVyFQyNQc-Zn/s1600-h/yahooemoticons.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5431119850137536226" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkzJ1neIX0ZOAOW2N3DnjDV6-R4e3WR9Pf-_N4Ts2izeWo1TYRjwtExOfVjB-AxUunnlTG02zBuSbCsRX1Z1s6U5D8pHHK26fh0GuM1ovF6sRfsTJlMjcNoU6pCYfTuphNzVyFQyNQc-Zn/s320/yahooemoticons.gif" style="cursor: pointer; float: left; height: 194px; margin: 0pt 10px 10px 0pt; width: 122px;" /></a>Hal
ini untuk mempercantik blog kamu di bagian kotak komntar tersebut, hmmm
dengan tambahan emotion yahoo maka akan menambah suasana blog kamu
menjadi rame... heheheee<br />
<br />
Cara nya cukup mudah :<br />
<br />
1. Login ke <a href="http://www.blogger.com/" style="color: red; font-weight: bold;">blogger</a><br />
<br />
2. Klik <span style="font-weight: bold;">tata letak + edit HTML</span><br />
<br />
3. Berikan centang pada <span style="font-style: italic;">Expand Widget Template</span><br />
<br />
4. Carilah kode <span style="color: #cc0000;"></body></span> untuk mempermudah pencarian tekan Ctrl + F di keyboard kamu<br />
<br />
5. Jika sudah ketemu silahkan letakkan kode di bawah ini di atas kode <span style="color: red;"></body></span><br />
<br />
<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/y-emo.js' type='text/javascript'/><br />
<br />
6. selanjut nya carilah kode <span style="color: black;"> </span><span style="color: red;"><b:if cond='data:post.embedCommentForm'></span><br />
<br />
7. Kemudian letakkan kode dibawah ini di atas kode <span style="color: black;"><span style="color: red;"><b:if cond='data:post.embedCommentForm'></span><br />
<br />
<div style='overflow:auto; width:100%px; height:75px; padding:5px 5px 5px 5px; background:#FFFFFF;'><br />
<center><b><br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlNx-fwA-7c0SXFDZzQDzWkjnEgTF-8MelBlnOu-zBIRH1uQzf0rAPA_FhiBG280B9GGkSuxrXNwBkZMGhTZcbDixvILSRIO6ZLOP1vfeN1uMr1Q5sV-CNaK3j8EEe4ooWkaD76NSrjgYP/'/>:10<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-J3DbYJ0fcBnbc8bsAw_z4on82ZuY8NMmYT0Mra-HPikKmjQX-ISZeZDExxMEVOoLTzY9K2IJhf7DXjhAqLlyOsx4xl-dCNMoLpoksgtslUze3EH6sz91YwDE0ZfiKpCn9eMK4JNcQiKb/'/>:11<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFBhRz7arm_5Mu01dtn3Et5jBh9vnYnMYZc_PjNDuM_LtpK12IKA5YutwXWI7syD9us6yvAxmYnQS5diHoEicIsE_nt2cuVIQ5q84B3DQV1AHrBTLj8FDwcsyUKLLa_S66UHuMoiZ5fmFR/'/>:12<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXXftjxYuNLMdi0h2P6zgTnu5auu-h3-p5xUEhF5wuvcAcQuvm3Xpp4FBlHYubOM99JLmnKQ8PPErKjcraDCQ0P1sLhiORGipesVbQeRYjvWTUrLpqXEbmth9E5DTalb-JsSzWOJsK2Wcr/'/>:13<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIjE5sZI1rjkzr9PLtjYnfHo_3pTLWPVJZL-DSLnIFxRmJM_8t6cnfHdGDPJNfX_WqEDY1Gffyc9eV5mFbn5z61vHMOSofbcwTsNsAymf3wUa34coJCVT6COWYUX0-bhW2iayshtzeSwLN/'/>:14<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWuh0mhNynbQJv8EkA20KAZGk8omdkCcEAbS6YuFgvML8W8JXkZqzVnWCgHzTzrrHh-NOQGD_OusDbQYh-6ppxVamiycTDgw_f2kun76w3s9rYjOxXJ7Qrs_01sA0RYTZ8sx868lh10NF-/'/>:15<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHykeSKx3_VHf2YYCFAK725-8NnZXL0P6DX-i3cvkX0_eTNk1SVnvHavZuXSuPepnKyHd9VIK-2SqXBHijNpoFmgNF23Rhp_7asKUxlFFdQFUh_2PsDs4oZ1piPYnzG1qvQFwD5WIscVy/'/>:16<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc5wFgHCTkIhC0bTwKZIqmi6WrdU16omVlUNBRGMN3YwbmSMKblxn90bPPe0vp6zLNqODScIOlsqr5mo_Z_hEJDlwMpa_XtA80hpNNk2I2Q_VH2_gxr0zta1qw10-5wZkTkhEtx5pjTcPf/'/>:17<br />
<br/><br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjotrDa1frvDLcWJrvi8UqnblBqlEjL_yTHLIS9sdhn8inD_S6W-wHym9_LYX6V8BLEWVSfFDu-cQFO8JMSn1mVSdQc-g-dIWwxO_FL5JMG3I7TmfnYps_QJJHAnFsdBFozuJj4a560VxTi/'/>:18<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Q_kg4qhiFb9Ho63XKIjaS1TNyC_2xuRfIW4DqdfQAkrDIrjEJPFf7ubtUUz5XrQLg0NpQjrI9-rIQFx721pmNrJMqSCat1sJOZa9qHkL9R0ySiaVpN3PdYBEF-fxMk2_xc-DXLkVc2BG/'/>:19<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgecvROMJ9zsAunIAfo24A3tQxr46mn5BWl3cKyZhpuOg83H3rlvacPTnO5P7wkWZDJeeVhEMV_FQP1GhjcScAKVqyY4SMiy1calJF_uGnswbWIQnU4FGSiEjbDDB-UJWvLU1RPb_YgALs9/'/>:20<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaMCrdr1gcSNScIG3fG5ArKdUu6FocSQgZytfNzDekiFwd12kipFXqOmPlOZy9eQfaFqO-N-wTGXGfwVL3CO0XAPdaCyyyJ_P0l_YuKUcIkljfutkTF8s_dMH4RDO_mgv9EADkAQ-VYSBm/'/>:21<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbQ7JPvNYw-MNVVtPCcDptr6x259iHugp9MZ5VcjQH_K36zhcF1vxAxasfezm68_rh4IQOdv4Booe5hgWATDwqFHgErcn-ziEdGf-pQXPwp1l3pP74GgsRJhxmmwqt83GokQwu6u32MI94/'/>:22<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8hzRpKZilMC76bypPcgWFgbq_1vcSHo1DFNVQI9gIkA69OuB7iwPWOmmfFqqKvJ0W5_5MyTBqBkDlG9544GWTaSc4RLtwDA6_TlbqfiQJRrN_viML8vyKwt2p_j85ASRNaikkWR3tto3u/'/>:23<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7tkRsmsW9alXugnfIBj_tVbzoqfpXM39u9y3p6cdBUhOgR4tKUB36jYMTlIYejhTfex0BKaqde40l33neA71aZpBQHKUOgl6dHxw4-YmOfq3EobG6WSUjVdqNGddstEmOYmOcAvSxhvcM/'/>:24<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcOkcacdU0j4p-9Gi1MQuMZfaraMYqwbk6StWl1lr07tvbHvUsX7CI6nhuR-P6pZXG5Y4zoUSdQJmmGAVBNoFF_sdsTwSTHhxQiV5ABmzogNC5VsBP9ABU6pFfnOPdOrrDWKRDun_nFOqG/'/>:25<br />
<br/><br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6JUvKcjn2IXlrKfcNANVoDt60rDv-ok_e6EZAuyktGNA5wPWuBB92iMCvSzijiMlR5cWDuvyUiTpFCac0ND-dJ077bVbXqDIzPAVUU5H0BQ-jb8__OraFy7IN5krwhFSd9R8YPNsauPOE/'/>:26<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUElVpAOdVEP1mxHZEIwqTDOi-44eSoC05dZBcUs4nDHZHG3p_AuAs1bwgbh6iiRKeN7seLLaH9jsqCeqyl8WSI_arvtsdj-nFrl6Slnu2wpHrOt56jUIpRrVXizooSfuT8dPgj_1LchM6/'/>:27<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3z5BJg_vf1OUTA6_X4JW923YYn2WcLiMzmzGWwzQhYy18J6X9BUrfny6Y1mv61MEW_FlbktmHHoHkefIDPyFMJ9BHAtXp8ocUS2EqfzOaNyLSMFe6rILbtUglBhzqp8g6Mwbk5fLZBzPD/'/>:28<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4R4U5JhMujKNJCtKjXcsb_YMZslZvxLvUvnlocD_aMfyuewiy5_9fmbcRSvRe5sSfuYwg2QXAenFyB5n4zjS4h8Ow0QnxQdF4l7lYw8KuML8kmSgHyyMLIGydhLSZ2s0FOh9F4eCseXkl/'/>:29<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX77wlXujOdsW7hIRA3iPSShQ0OpcxMMwDe-jqz_9YGylQ34O8Zb5cjO9swbJhIzIOiJjcg8NeTLQ0jivZYgcV3gU-mDlgyaXFkxdKG_acQsV7nbw7H8j1yz_68q0UnojcOAgpcLLx0vRd/'/>:30<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg1qq_B7EcKerPfIlvjqRT1OtCgitHo3LzsstXd8wv5_qxQxSKGuFL_TL-sXHRD7TFnj-8SoonEoHOfGfToIjArjquUK6CQSJdz0PmRB0-czXY94JvQNm3zhmFiQgl4vDT99AFQ-I9eTcv/'/>:31<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnfKkylHkd1b2qeqsOu0jbx_H2L4E_maHfubd7ZHPknKAUzfKZ2SWQ5JvJe2HkPTxrcsjtJoc5GiFxj4dZxV4U6WmREQ3CH8V-vV4-fK-2Bsk5vEwm3gwAJ8nik156aMaLJkEXjQkSWQhr/'/>:32<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-WtxrUSaUv05Y4t84Ghiq_EZXE0B6Ysh61vT7hsiZ0R1hfmNN3MEJC_ZI_AIsDZ7p7MVvY23ZoQTbV0fl8E_6qxVEyYS2v0-hKsTJicwvlnx7npKbzKSfe-B_PMdloqNvL_087Y1g7Y_/'/>:33<br />
<br/><br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNrXQeG0ZOyk3QWhdRiURUOO2qqAZ0SblNX3aZxBg__jSwb1TdJznmFcm0vz5bajthjcEMTPs9AZOXpX9bzc3gbULhmy2oTTMO-e2CHAJ0KdL602KUVUVOAEcyZQERLFLm3Nost7ruPQoa/'/>:34<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcgYHJmBINeuLVdtBHHfg4uHFcsZhmfKzPh2Q_Kh7M0k7GM-9IBHg1Lf1UkUHEW9k5C9WyI6xM-uNs7CiijZDResBFrQIsMYW_IdKDwVkRXGgMZCpmPsllDMLlQ5XfTqnkTBgq-99pY9JO/'/>:35<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAw3zbFdpqs-0im9FtclhD6tFRjmlODv5g6Gzm_UWc5DmFsykIkwRIhkhruH2982qDnz_mw0JMS0DmiF6svunNTaHhDhRoplNDm9RZ4zmjcT_Et42zN1QhE_zglf8RcTH6BPPsrdy8S6s/'/>:36<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDz_MM9nyzjuXmsW6Ou7uaVFSMAvLDWe84wkbjf3QgGbYPgLDMwFf5wa0wmuaDQeyROgFh8UoeSmZ8ZwIookE91U5c2ERsET1c2BPlRvxSjpl71AcsW6POmkuXUOduD-FEwrgpZrO-smsW/'/>:37<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkDx90JEBULNveXHBkdF_xz9CcepBids42c_MXlkEf3DukuDmh0wbDsqbq4thTcnTIm09j11rU6boFFrhkZUNecHAiu9VM9Odw0X_ESAMQC3xn7Ux-wyv9W3B1yuHu0jsUNSwE6o4p9ovg/'/>:38<br />
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl-SUl3MfDJq-fAr4w76BT1mWZdvq0GXOZ-qly_tKbc_fHrB3oZk6Obn7dEigI89LyBqFXKz5XiszlM-bx0Q8jL2VORf1Qdb2K5TgafQ-X24PoicT76DPAR6rB5HE6Dw107BrOnyC5UjSy/'/>:39<br />
</b></center><br />
</div><br />
<br />
8. Klik <span style="font-weight: bold;">Simpan Tempelate</span> dan lihat hasil nya...</span><br />
<br />
<br />
<div style="text-align: center;">
<span style="color: black;"><span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>cara membuat kalender blogger</b></i></span></span></div>
<span style="color: black;"> </span><br />
<h3 class="post-title entry-title">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyh6PvYu_i0_DhBIzD4Oc6JTQcCeYD-qfOTQFsA55mBxYDlUl9CgkWHVlJuDldcICnpdIi0Z8kTi9zLkKMRKSpOWEVBtdzI7eYKg7Cyszp_nHWfThBRXER1vVgV41mN-zjW2YFvmazFcEO/s1600-h/trr.bmp"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5431111804914392706" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyh6PvYu_i0_DhBIzD4Oc6JTQcCeYD-qfOTQFsA55mBxYDlUl9CgkWHVlJuDldcICnpdIi0Z8kTi9zLkKMRKSpOWEVBtdzI7eYKg7Cyszp_nHWfThBRXER1vVgV41mN-zjW2YFvmazFcEO/s320/trr.bmp" style="cursor: pointer; float: left; height: 280px; margin: 0pt 10px 10px 0pt; width: 163px;" /></a>Lebih menarik jika kamu tambah kan <a href="" id="Y5499880S8" style="color: #000fff; text-decoration: underline;">kalender</a> di blog kamu, agar para pengunjung tahu kalau hari ini tanggal, hari dan tahun apa hehee.. lebay bgt kayak nya...</h3>
oke langsung saja ke TKP<br />
<br />
1. Klik <a href="http://www.free-blog-content.com/" style="color: red; font-weight: bold;">disini</a> dan pilih model kalender <a href="" id="Y5499880S6" style="color: #000fff; text-decoration: underline;">yang</a> akan kamu inginkan ( lihat di bawah nya)<br />
<br />
2. Jika sudah kamu temukan model yang cocok copy code HTML tersebut<br />
<br />
3. Login ke <a href="http://www.blogger.com/" style="color: red; font-weight: bold;">blogger</a> + <a href="" id="Y5499880S1" style="color: #000fff; text-decoration: underline;">tata</a> letak + kemudian klik tambah <a href="" id="Y5499880S2" style="color: #000fff; text-decoration: underline;">gadget</a> <span style="font-weight: bold;">HTML/JavaScript</span><br />
<br />
4. Paste kan kode HTML yang telah kamu copy <a href="" id="Y5499880S9" style="color: #000fff; text-decoration: underline;">dari</a> model kalander yang telah di pilih tadi<br />
<br />
5. Kemudian klik simpan dan lihat hasil nya<br />
<br />
<br />
Semoga berhasil...<br />
<br />
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b> ganti template blog kamu</b></i></span></div>
<br />
<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyb-2kg3BSmU2oiSzlJMc9Y43Qx8aeoaDAU66wFxpZFzri_mKeyIpSZHk6UIxGfHS2eCbP027acNPm6rH0XUcSAxNxx6ZtJ3cinKp6tViSCAzrZdvFDZtxWmQqMvclAVEAjEhIs_xQeZAe/s1600-h/untitled.bmp"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5431106242618518258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyb-2kg3BSmU2oiSzlJMc9Y43Qx8aeoaDAU66wFxpZFzri_mKeyIpSZHk6UIxGfHS2eCbP027acNPm6rH0XUcSAxNxx6ZtJ3cinKp6tViSCAzrZdvFDZtxWmQqMvclAVEAjEhIs_xQeZAe/s320/untitled.bmp" style="cursor: pointer; float: left; height: 192px; margin: 0pt 10px 10px 0pt; width: 320px;" /></a>Hmm.... mungkin posting kali ini ketinggalan jaman, tapi biarin lah <a href="" id="Y8670051S0" style="color: #000fff; text-decoration: underline;">apa</a> <a href="" id="Y8670051S9" style="color: #000fff; text-decoration: underline;">kata</a> mereka aku tetap terima.. Dengan menggati tempelate <a href="" id="Y8670051S1" style="color: #000fff; text-decoration: underline;">blog</a> kita dapat mempercantik tampilan nya, kemudian kita tambah kan bumbu seperti tambahan - tambahan lain nya.<br />
<br />
Tempelate gratis <a href="" id="Y8670051S5" style="color: #000fff; text-decoration: underline;">yang</a> siap pakai dapat kamu <a href="" id="Y8670051S2" style="color: #000fff; text-decoration: underline;">download</a> di <a href="http://btemplates.com/" style="color: red; font-weight: bold;">www.btemplates.com</a> <a href="http://blogtemplate4u.com/" style="color: red; font-weight: bold;">www.blogtemplate4u.com</a> kamu tinggal pilih model apa yang ingin kamu pakai<br />
<br />
<br />
Berikut cara mengganti nya :<br />
<br />
1. Login ke <a href="http://www.blogger.com/" style="color: red; font-weight: bold;">blogger</a> + <span style="font-weight: bold;">Tata leta</span>k +<span style="font-weight: bold;"> Edit HTML</span><br />
<br />
2. Download <span style="color: #000099; font-weight: 700;">Tempelate Lengkap</span> agar blog sebelum nya dapat kamu simpan<br />
<br />
3. Berikan centang pada <span style="font-weight: bold;">Expand Template Widget</span><br />
<br />
4. Klik <span style="font-weight: bold;">Browser</span> dan select hasil download tempelate kamu<br />
<br />
5. Jika sudah klik <span style="font-weight: bold;">Unggah</span><br />
<br />
Dan lihat hasil nya...<br />
<br />
Kamu juga dapat mengedit/menambah jika hasil nya kurang memuaskan <a href="http://marpoyan.blogspot.com/search/label/Trick%20Blogger" style="font-weight: bold;">disini</a><br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>cara menggantiikon URL kamu</b></i></span></div>
<br />
<br />
<div class="post-header-line-1">
<div class="postmeta">
<span class="post-author vcard"> <span class="author" style="font-size: 11px; padding-left: 0px;"><br />
<span class="post-labels"></span> </span> </span> <span class="item-control blog-admin pid-615992265"> </span> </div>
</div>
<div style="text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgbDtfVLgtv11g4ARwPft59a-9aLvUjkytmPQdXNPWJP0-X7wYwLqtAcfoBKXSEzlHaDJJ17JfXImN-k09EFwg60hoFluggNP2FjvJ_njKq-ud8tAWdo-MAaK_dsHO1ny-buHL0P0MVRvz/s1600-h/girl1.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5423513079098605170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgbDtfVLgtv11g4ARwPft59a-9aLvUjkytmPQdXNPWJP0-X7wYwLqtAcfoBKXSEzlHaDJJ17JfXImN-k09EFwg60hoFluggNP2FjvJ_njKq-ud8tAWdo-MAaK_dsHO1ny-buHL0P0MVRvz/s320/girl1.gif" style="cursor: pointer; float: left; height: 84px; margin: 0pt 10px 10px 0pt; width: 62px;" /></a>Seru
banget kalau blog kita makin cantik rasa nya, salah satu nya kita ganti
ikon URL blog kita, berikut saya akan berikan cara mengganti nya<br />
<br />
Siapkan dulu gambar ukuran 32 x 32, jika kamu ingin membuat sendiri silahkan klik <a href="http://www.favicon.co.uk/">disini</a> Generate Favion gambar kamu disana dan download hasil nya. Upload gambar kamu di <a href="http://photobucket.com/"><cite>photobucket.com</cite></a> copy kode gambar yang telah kamu upload disana<br />
<br />
Kemudian login ke <a href="http://www.blogger.com/">blogger</a> kamu
tata letak + Edit HTML dan berikan centang pada Expand Template Widget
kemudian cari kode </head> biar lebih mudah kamu tekan Cntrl + f
pada keyboard kamu<br />
<br />
Letakkan kode url kamu di atas kode </head> tersebut contoh :</div>
<br />
</head><link href='<span style="color: red;">http://i306.photobucket.com/albums/nn252/cebong_ipit/ALL%20EMOTICON/littlegirl/girl1.gif</span>' rel='shortcut icon' type='image/gif'/><br />
<br />
Simpan Tempelate dan lihat hasil nya<br />
<br />
<div style="text-align: left;">
Pada warna merah silahkan kamu ganti dengan url gambar yang kamu buat tadi<br />
<br />
Untuk format gambar png ini dia contoh nya</div>
<br />
<link href='<span style="color: red;">Masukkan Link gambar Kamu</span>' rel='shortcut icon' type='image/png'/><br />
<br />
<br />
<br />
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>cara menampilkan status YM kamu</b></i></span></div>
<br />
<br />
<div style="text-align: justify;">
<br />
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaesbOwTzYQ74XH-XOnbB9AdKZI5SM4rTc7vwnpG04Qlbph27RxfI0WmQqskvcnL2B1fTDrCdEwgUwjtWjOq3_uH49TZEmaHYWSQZw2iQaj_k32WFCaxy0_CXTLwX4u32nsgY7-kjgLTwz/s1600-h/online.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5423158171955269634" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaesbOwTzYQ74XH-XOnbB9AdKZI5SM4rTc7vwnpG04Qlbph27RxfI0WmQqskvcnL2B1fTDrCdEwgUwjtWjOq3_uH49TZEmaHYWSQZw2iQaj_k32WFCaxy0_CXTLwX4u32nsgY7-kjgLTwz/s320/online.gif" style="cursor: pointer; float: left; height: 124px; margin: 0pt 10px 10px 0pt; width: 138px;" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgNvkFrHLmPs-F73cB1131-u9wW9wvbju3sBI6l8xT3dvcJE-1jcFcLiEBW1Yevon6EhTaJ0LViq5fzA4fC-0GhtU0paLczQ5R4Os6Pg8JOxKk87Bi7AOge2yFola9DR8oEswNUA1dAVn1/s1600-h/off.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5423161263004531234" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgNvkFrHLmPs-F73cB1131-u9wW9wvbju3sBI6l8xT3dvcJE-1jcFcLiEBW1Yevon6EhTaJ0LViq5fzA4fC-0GhtU0paLczQ5R4Os6Pg8JOxKk87Bi7AOge2yFola9DR8oEswNUA1dAVn1/s320/off.gif" style="cursor: pointer; height: 124px; width: 138px;" /></a><br />
<br />
Berikut ini akan saya tunjukkan cara memasang status YM kita di blog,
dan mempunyai fungsi di saat YM kita online maka akan muncul status
online kita di blog begitu sebalik nya. cara nya mudah<br />
<br />
Login ke <a href="http://www.blogger.com/">blo</a><a href="http://www.blogger.com/">gger</a> kamu pilih Pengaturan + Tata Tetak + Tambah Gadget + HTML/JavaScript + Paste kan kode di bawah ini dan simpan<br />
<br />
<br />
<span style="text-decoration: underline;"><a href="ymsgr:sendIM?<span style="color: red;">ID_Yahoo_anda</span>"><img src="http://opi.yahoo.com/online?u=<span style="color: red;">ID_Yahoo_anda</span>&m=g&t=11"</span><br />
<span style="text-decoration: underline;">/></a></span><br />
<br />
Pada tulisan warna merah ganti dengan ID di yahoo kamu<br />
<br />
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: "Times","Times New Roman",serif; font-size: large;"><i><b>cara membuat hujan salju </b></i></span></div>
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYCfsm99k4hnGAHiAPl4CvXmm0T8Ncrowuws5pRcEoJXUeT6Wih-vQ-u-x0LGRpM_6EPfzfAVe4p0J1DZESBsEK2EVlYU2rWd0M6DCRbdfy44VDgJwZbepIwxD6mHRf7QNfjF7SdNfzGaJ/s1600-h/snow2006-screenshot.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5423146477473186914" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYCfsm99k4hnGAHiAPl4CvXmm0T8Ncrowuws5pRcEoJXUeT6Wih-vQ-u-x0LGRpM_6EPfzfAVe4p0J1DZESBsEK2EVlYU2rWd0M6DCRbdfy44VDgJwZbepIwxD6mHRf7QNfjF7SdNfzGaJ/s320/snow2006-screenshot.jpg" style="cursor: pointer; float: left; height: 152px; margin: 0pt 10px 10px 0pt; width: 204px;" /></a>
Segera percantik blog kamu dengan efek hujan salju, contoh nya di blog
saya ini caranya mudah dengan mengikuti cara - cara berikut ini<br />
<br />
Login ke <a href="http://www.blogger.com/" style="font-weight: bold;">blogger</a> kamu pilih Pengaturan + Tata Tetak + Tambah Gadget + HTML/JavaScript + Paste kan kode di bawah ini dan simpan<br />
<br />
<br />
<script src="http://alien.keren.googlepages.com/klinikblog.snow.js" type="text/javascript"></script><br />
<br />Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-85745082672338418332011-04-13T07:39:00.000-07:002011-04-13T07:39:38.741-07:00TIPS MEMPERCANTIK BLOG ANDA<h3 class="post-title entry-title">
<br />
</h3>
<div class="post-header">
</div>
<h3 class="post-title entry-title">
<a href="http://masnyaman.blogspot.com/2009/08/cara-membuat-kategori-label-di-blogger_04.html">Cara Membuat Kategori (label) di Blogger</a> </h3>
<span class="post-author vcard"> </span> <div class="post-body entry-content">
Menanggapi beberapa pertanyaan dari para sobat yang di ajukan baik
melalui shoutbox, kotak komentar dan bahkan ada yang melalui yahoo
messenger menyoal tentang bagaimana cara membuat kategori dari
artiekl-artikel yang telah di posting. Memang betul, tentu dengan adanya
pengkategorian atau pengelompokan artikel yang telah di posting oleh
pemilik blog dapat lebih mempermudah bagi para pembaca untuk memilih
artikel mana yang ingin dibaca.<br />
<br />
Di blogger.com fasilitas ini sebenarnya sudah di sediakan, akan tetapi
walaupun fasilitas tersebut telah tersedia tentu saja jika kita tidak
mengetahui cara menggunakannya akan menjadi tidak berguna. Untuk membuat
kategori, di blogger.com di kenal dengan istilah Label. Dengan adanya
fasilitas ini kita sebagai pemilik blog hanya tinggal mengisi kotak
label yang di sedikan pada setiap posting artikel, sangat simpel dan
sederhana.<span class="fullpost"><br />
<br />
Agar tidak membingungkan, silahkan sobat lihat pada akhir postingan
artikel ini. Disana ada tulisan seperti ini : Labels : Blog tutorial,
membuat label. Nah berarti postingan ini termasuk ke dalam dua kategori,
yaitu kategori Blog tutorial dan kategori membuat label. Untuk melihat
fungsi dari label ini silahkan sobat klik label yang bertuliskan Blog
tutorial, maka secara otomatis seluruh postingan yang saya beri label
Blog tutorial akan di tampilkan dan siap untuk di baca oleh pengunjung.<br />
<br />
Bagaimana cara membuat label?<br />
<br />
Untuk membuat sebuah kategori atau label, sobat hanya tinggal mengisi
kotak kosong di samping tulisan Label untuk postingan ini : (karena
sekarang blogger sudah ada yang berbahasa indonesia) yang berada di
bawah kotak tempat membuat artikel. Isi kotak tersebut dengan kategori
yang kira-kiracocok untuk postingan yang kita buat. Contoh : liburan
musim dingin. Satu postingan tidak hanya terpatok hanya pada satu
kategori saja, akan tetapi satu postingan bisa mempunyai beberapa
kategori. untuk membuatnya tinggal di pisahkan dengan tanda koma ( ,
)saja, misal untuk postingan artikel blog ini ada yang ber label Blog
tutorial, blog tools, aksesori blog, karena postingan tersebut memang
cocok dan masuk kedalam ketiga kategori tersebut.<br />
<br />
Apakah kategori (label) bisa di tampilkan di sidebar?<br />
<br />
Untuk sobat para pengguna template baru, Label (kategori) bisa di
tampilkan di sidebar, dan biasanya element label ini sudah tersedia
ketika baru memasang template. Jika element label belum tersidia, sobat
bisa membuatnya sendiri, silahkan ikuti langkah - langkah berikut ini :<br />
<br />
1. Sig in di blogger dengan id sobat<br />
<br />
<br />
2. Klik menu Layout<br />
<br />
<br />
3. Klik menu Elemen Halaman<br />
<br />
<br />
4. Klik tulisan Tambahkan sebuah Elemen Halaman<br />
<br />
<br />
5. Klik tombol yang bertuliskan TAMBAHKAN KE BLOG yang berada di bawah tulisan Label<br />
<br />
<br />
6. Tulisan Labels di samping tulisan Judul bisa sobat rubah menjadi Kategori jika sobat mau merubahnya<br />
<br />
<br />
7. Pilih radio button yang sobat inginkan di samping tulisan Menyortir,
Alfabetik : jika kategori ingin di tampilkan sesuai dengan abjad
alfabetik ( dari A --> Z ), Berdasarkan Frekuensi : jika kategori
ingin ditampilkan sesuai dengan banyaknya label (kategori)<br />
<br />
<br />
8. Klik tombol yang bertuliskan SIMPAN PERUBAHAN<br />
<br />
<br />
9. Selesai.<br />
<br />
<br />
<br />
Sangat mudah bukan?<br />
<br />
Sedikit pengumumam, karena blogger sekarang sudah ada yang berbahasa
indonesia, maka mulai sekarang dalam memandu mengikuti dengan memakai
yang berbahasa indonesia.<br />
<br />
Selamat mencoba ! </span></div>
<h3 class="post-title entry-title">
</h3>
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/08/trik-agar-bisa-upload-gambar-ukuran.html">Trik agar bisa Upload Gambar Ukuran besar di blogger</a> </h3>
<div class="post-body entry-content">
Trik agar bisa upload gambar ukuran besar di blogger - Dalam postring
kemarin sudah di tulis bagaimana mendapatkan hosting gambar yang
unlimited bandwidth, yaitu dengan memakai blogger. Namun, ada sedikit
yang membuat tidak nyaman yaitu kita tidak bisa posting atau upload
gambar yang ukurannya lebih dari 400 pixel, karena apabila kita upload
gambar yang ukurannya lebih besar dari 400 pixel maka secara otomatis
gambar tersebut akan di perkecil menjadi 400 pixel.<br />
<br />
Apakah ada trik agar bisa upload gambar ukuran besar di blogger?
jawabannya ada dan terbilang sangat mudah. Penasaran? begini caranya :<br />
<br />
* Silahkan upload gambar yang berukuran lebih dari 400 pixel ke blogger.<br />
* Jika gambar sudah tampil di blog anda, klik kanan pada gambar tersebut
lalu pilih Copy Image Location untuk mendapatkan alamat gambar
tersebut.<br />
* Paste pada program text editor seperti "Notepad", "WordPad' atau text
editor lainnya. Contoh : alamat gambar yang kang Rohman dapatkan seperti
ini :<span class="fullpost"><br />
<br />
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s400/blog-aing.jpg<br />
* Perhatikan kode yang saya cetak merah, kode tersebutlah yang membatasi
gambar besar yang kita upload menjadi kecil. Agar gambar bisa tampil
maksimal, maka kita hanya cukup mengubah nilainya menjadi s800 ( jika
gambar yang di upload kurang dari 800 pixel ) atau di ganti dengan s1600
( jika gambar yang di upload melebihi 800 pixel ). Contoh, kodenya jadi
seperti ini :<br />
<br />
<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s800/blog-aing.jpg</span><br />
<br />
<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s1600/blog-aing.jpg</span><br />
<br />
Mudah sekali bukan? mau bukti, silahkan klik link di bawah ini :<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s400/blog-aing.jpg"><span style="color: #33ffff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s400/blog-aing.jpg</span></a><br />
<br />
Coba bandingkan dengan yang ini :<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s800/blog-aing.jpg"><span style="color: #33ffff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s800/blog-aing.jpg</span></a><br />
<br />
Bandingkan juga dengan yang ini :<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s1600/blog-aing.jpg"><span style="color: #33ffff;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf9EkseCzl-87AMixiN6Thks5agYV5o6MbBYYqTCTTvRo2MlUx-ZvQyIjiA8to_v3k_4NLzrFACWlPSDfHWgIvekSMuMbXH5z-21z0uxtNz7en4CPtT8N9dO7GgOO_wgfWbfkP3qtVbvJO/s1600/blog-aing.jpg</span></a><br />
<br />
Format kode gambar di atas adalah apabila anda mengupload gambar
langsung melalui post edtor blogger. Apabila anda mengupload melalui
Windows Live Writer seperti yang biasa kang Rohman lakukan, maka format
gambar yang di hasilkan adalah seperti ini :<br />
<br />
http://lh4.ggpht.com/_pt7i0nbIOCY/SoFHgGjyQ8I/AAAAAAAACNk/FmS36kH8k3U/blog-aing_thumb%5B2%5D.jpg?imgmax=800<br />
<br />
Terlihat bahwa gambar yang di tampilkan di batasi hanya 800 pixel, agar
mendapatkan gambar yang maksimal, cukup dengan mengubah angka 800 dengan
angka 1600, sehingga kodenya jadi seperti ini :<br />
<br />
http://lh4.ggpht.com/_pt7i0nbIOCY/SoFHgGjyQ8I/AAAAAAAACNk/FmS36kH8k3U/blog-aing_thumb%5B2%5D.jpg?imgmax=1600<br />
<br />
Trik mengubah nilai pixel ini berlaku juga untuk posting gambar secara
umum, anda hanya perlu masuk dulu ke edit HTML, lalu ubah kode pixelnya.<br />
</span><a href="http://lh6.ggpht.com/_a_HlMR0PCIk/SoFNHWDbRcI/AAAAAAAAACs/XKIPGdujTMw/s1600-h/post%5B4%5D.jpg"><img alt="post" border="0" height="318" src="http://lh6.ggpht.com/_a_HlMR0PCIk/SoFNKGIIEOI/AAAAAAAAACw/nQDcfM5VSI8/post_thumb%5B2%5D.jpg?imgmax=800" style="border-width: 0px; display: inline;" title="post" width="546" /></a><br />
<span class="fullpost"><br />
Ternyata kita bisa upload gambar dalam ukuran besar ke blogger bukan?</span><br />
<br />
<br />
<br />
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/05/membuat-kotak-pesan-diblog.html">Membuat Kotak Pesan Diblog</a> </h3>
<div class="post-body entry-content">
Kotak Pesan,jejak pengunjung atau istilah lainnya shout box, Say Box,
Tag Board, dan Chatter Box adalah suatu kotak yang berfungsi untuk
mengirimkan pesan-pesan pendek, namun bisa juga berfungsi sebagai tempat
ngobrol (chatting). Dengan shoutbox, kita juga bisa mempromosikan blog
kita, misalnya nih, kita datangi blog orang yang menyediakan kotak ini
kemudian kita kasih komentar atau cuma sekedar salam di shoutbox mereka,
lalu yang punya blog akan melihat di shoutbox, biasanya meraka akan
balas mengunjungi blog kita. Nha gitu ceritannya. Biasanya kotak ngoceh
diselipkan kedalam halaman web/blog dengan bahasa java Script. Bagi kamu
yang jago pemrograman java script mungkin bisa membuatnya sendiri
dengan membuat kode-kode yang memusingkan kepala. Namun buat kamu yang
nggak jago nggak usah kuatir karena sekarang ini banyak situs internet
yang menyediakan layanan ini, salah satunya yaitu <a href="http://www.shoutmix.com/">Shoutmix</a> . Caranya adalah sebagai berikut :<br />
<br />
<span class="fullpost">1. Buka situs <a href="http://www.shoutmix.com/">Shoutmix</a> Kamu harus mendaftar di situs tersebut, cara daftarnya gampang kok, yaitu masukan email kamu dan pasword yang kamu kehendaki.<br />
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type
shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana.
Klik tombol <span style="font-weight: bold;">Continue</span><br />
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link<span style="font-weight: bold;"> Go to My Control Panel Now</span><br />
4. Disitu kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya <span style="font-weight: bold;">Style & Color, Date & Time</span>, dan lain-lain.<br />
5. Jika sudah selesai klik menu <span style="color: red; font-weight: bold;">Get Codes</span><br />
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "<span style="font-weight: bold;">Place Shoutbox on Webpage</span>"<br />
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight<br />
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"<br />
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements<br />
11. Tambahkan element HTML/Javascript.<br />
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.<br />
13. oke,, lalu jangan lupa tinggalkan koment di shoutmix saya hahahaaa</span><br />
<br />
<br />
<br />
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/05/berikut-ini-saya-mencoba-ngebahas.html">Membuat Gambar Melayang di Pojok</a> </h3>
<div class="post-body entry-content">
Berikut ini saya Mencoba ngebahas gimana cara membuat gambar yang
selalu berlari tanpa henti dan berada di pojok (bisa atas, bawah, kiri,
kanan) meskipun "scroll bar" ditarik kemana-mana. "Scroll bar" itu apa
sih? itu lho kotak kecil panjang yang ada disamping itu, yg biasanya
ditarik kebawah dan keatas supaya bisa ngelihat isi blog yang
kepanjangan. Trus maksudnya "gambar" itu apa? "gambar " itu maksudnya
bisa gambar atau photo kamu, animasi, Jam, Hit Counter, Shoutbox,
Kalender, Adsense, Iklan, Widget-widget dan lain-lain. Kalo untuk di
blog ini aku pasang gambar sonic yg sedang lari-lari <a href="http://masnyamanjuga.blogspot.com/">klik disini</a> untuk melihatnya (pojok kiri bawah). <span class="fullpost">Nha udah tahu kan maksudnya. Kalo dah tahu dan pingin mencobanya mari ikuti trik berikut ini:<br />
<br />
1. Login ke blogger trus klik "<span style="font-weight: bold;">Layout </span>-->> <span style="font-weight: bold;">Edit HTML</span><br />
2. Cari kode ini <span style="color: red;">]]></b:</span><span style="color: red;">skin</span><span style="color: red;">></span> kalo dah ketemu taru kode berikut ini di atasnya.<br />
<br />
<span style="color: red;">#trik_pojok {</span><br />
<span style="color: red;">position:fixed;_position:absolute;bottom:0px; left:0px;</span><br />
<span style="color: red;">clip:inherit;</span><br />
<span style="color: red;">_top:expression(document.documentElement.scrollTop+</span><br />
<span style="color: red;">document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }</span><br />
<br />
3. Text yang dicetak tebal adalah posisinya, kalo pingin ganti di posisi
pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu
juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan
"top".<br />
4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode<span style="color: red;"> </</span><span style="color: red;">body</span></span><span style="color: red;">></span><span class="fullpost"><br />
<br />
<span style="color: red;"><div id="trik_pojok"></span><br />
<span style="color: red;"><a href="<span style="color: yellow;">http://trik-nyaman.blogspot.com</span>"></span><br />
<span style="color: red;"><img src="<span style="color: #ffff33;">http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif</span>" border="0" /></a></span><br />
<span style="color: red;"></div></span><br />
<br />
"<span style="color: #ffff33;">http://trik-nyaman.blogspot.com</span>" adalah link. ganti dengan link kamu.<br />
"<span style="color: #ffff33;">http://i700.photobucket.com/albums/ww6/mandalika3/soniclari.gif</span>" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.<br />
<br />
5. Jika kamu pingin yang ada disitu bukan gambar tetapi jam/kalender/hit
counter/widget-widget yg lain, maka ganti text yang berwarna merah
dengan script widget-widget tersebut.<br />
6. Simpan hasil kerja kamu dan lihat hasilnya.</span><br />
<br />
<br />
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/05/teman-blogger-beberapa-hari-yang-lalu_19.html">Text Berjalan di Bar menu</a> </h3>
<div class="post-body entry-content">
Teman blogger beberapa hari yang lalu mengirimkan email kepada saya
yang isinya menanyakan tentang cara membuat text berjalan yang ada pada
bar menu bawah seperti halnya pada blog milik saya ini. Pertanyaan
tersebut sudah saya jawab langsung melalui email juga dan sekarangpun
pada saat artikel ini di buat, sobat Ochim sudah berhasil membuat bar
menu blognya ada tulisan berjalan.<br />
<br />
Seperti biasanya, jika ada pertanyaan melalui email maka jawaban dari
pertanyaan tersebut akan saya posting melalui blog ini. Nah jika sobat
sama-sama tertarik ingin membuat text berjalan tersebut, silahkan baca
artikel ini sampai tuntas.<br />
<br />
<span class="fullpost">Karena template blogger terbagi menjadi dua yaitu
template klasik dan template baru, maka untuk cara membuat text
berjalan tersebutpun akan berbeda, oleh karenanya pembahasannya pun akan
saya bagi menjadi dua bagian. Akan tetapi perlu saya sampaikan, contoh
yang akan saya berikan kali ini hasilnya tidak persis seperti pada blog
ini yaitu text berjalan dari arah kanan kekiri, akan tetapi saya akan
memberi contoh text berjalan dari kiri ke arah kanan serta ada jeda
waktu antara tulisan yang petama dengan yang kedua dan juga tulisan
berikutnya.<br />
<br />
Untuk template klasik silahkan ikuti langkah-langkah berikut ini :<br />
<br />
1. Sign in di blogger dengan id sobat<br />
2. Klik menu <span style="font-weight: bold;">Template</span><br />
3. klik menu <span style="font-weight: bold;">Edit HTML</span><br />
<br />
Copy seluruh kode HTMl lalu paste pada program notepad kemudian save.
Ini di maksudkan untuk berjaga-jaga apabila terjadi kesalahan dalam
proses editting template, sobat masih mempunyai data untuk
mengembalikannya ke semula<br />
<br />
Copy kode berikut ini lalu paste di atas kode </<span style="color: red;">head</span>><br />
<br />
<span style="color: red;"><script language='javascript'></span><br />
<span style="color: red;">message = "<span style="color: #ffff33;">Tulis text pertama yang ingin muncul disini </span>^" +</span><br />
<span style="color: red;">"<span style="color: #ffff33;">Tulis text kedua disini </span>^" +</span><br />
<span style="color: red;">"<span style="color: #ffff33;">Tulis text ketiga disini </span>^" +</span><br />
<span style="color: red;">"<span style="color: #ffff33;">Tulis text keempat disini</span> ^"</span><br />
<br />
<span style="color: red;">scrollSpeed = 130</span><br />
<span style="color: red;">lineDelay = 0</span><br />
<br />
<span style="color: red;">// Do not change the text below //</span><br />
<br />
<span style="color: red;">txt = ""</span><br />
<br />
<span style="color: red;">function scrollText(pos) {</span><br />
<span style="color: red;">if (message.charAt(pos) != '^') {</span><br />
<span style="color: red;">txt = txt + message.charAt(pos)</span><br />
<span style="color: red;">status = txt</span><br />
<span style="color: red;">pauze = scrollSpeed</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">else {</span><br />
<span style="color: red;">pauze = lineDelay</span><br />
<span style="color: red;">txt = ""</span><br />
<span style="color: red;">if (pos == message.length-1) pos = -1</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">pos++</span><br />
<span style="color: red;">setTimeout("scrollText('"+pos+"')",pauze)</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">scrollText(0)</span><br />
<span style="color: red;"></script></span><br />
<br />
6. Klik tombol <span style="font-weight: bold;">Save Template Changes</span><br />
7. Selesai.<br />
<br />
Cara ke dua ini untuk template baru silahkan ikuti langkah-langkah berikut ini :<br />
<br />
1. Sign in di blogger<br />
<br />
2. Klik menu <span style="font-weight: bold;">Layout</span><br />
<br />
3. Klik menu <span style="font-weight: bold;">Edit HTML</span><br />
4. Klik tulisan Download Full Template, lalu save data tersebut.<br />
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template<br />
5. Klik kotak kecil di samping tulisan <span style="font-weight: bold;">Expand Widget Templates</span> untuk<br />
memberi tanda centang.<br />
Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates<br />
6. Tunggu beberapa saat sampai proses selesai<br />
<br />
7. Simpan kode berikut di bawah kode </<span style="color: red;">body</span>> , kode ini letaknya berada paling bawah<br />
sebelum kode </<span style="color: red;">html</span>><br />
<br />
<span style="color: red;"><script language='javascript'></span><br />
<span style="color: red;">message = "<span style="color: #ffff33;">Tulis text pertama yang ingin muncul disini </span>^" +</span><br />
<span style="color: red;">"<span style="color: yellow;">Tulis text kedua disini</span> ^" +</span><br />
<span style="color: red;">"<span style="color: #ffff33;">Tulis text ketiga disini</span> ^" +</span><br />
<span style="color: red;">"<span style="color: #ffff33;">Tulis text keempat disini</span> ^"</span><br />
<br />
<span style="color: red;">scrollSpeed = 130</span><br />
<span style="color: red;">lineDelay = 0</span><br />
<br />
<span style="color: red;">// Do not change the text below //</span><br />
<br />
<span style="color: red;">txt = ""</span><br />
<br />
<span style="color: red;">function scrollText(pos) {</span><br />
<span style="color: red;">if (message.charAt(pos) != '^') {</span><br />
<span style="color: red;">txt = txt + message.charAt(pos)</span><br />
<span style="color: red;">status = txt</span><br />
<span style="color: red;">pauze = scrollSpeed</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">else {</span><br />
<span style="color: red;">pauze = lineDelay</span><br />
<span style="color: red;">txt = ""</span><br />
<span style="color: red;">if (pos == message.length-1) pos = -1</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">pos++</span><br />
<span style="color: red;">setTimeout("scrollText('"+pos+"')",pauze)</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">scrollText(0)</span><br />
<span style="color: red;"></script></span><br />
<br />
<br />
8. Klik tombol <span style="font-weight: bold;">SAVE TEMPLATE</span><br />
<br />
9. Selesai<br />
<br />
sedikit CATATAN, pada kode diatas ada tulisan yang saya buat <span style="color: #ffff33;">kuning</span>
, nah tulisan tersebut harus sobat ganti dengan tulisan yang sobat
inginkan. contoh : selamat datang di blog saya. atau apa saja yang
menurut sobat layak untuk di tulis di situ. contoh yang saya berikan
diatas memuat pesan atau text sebanyak empat tulisan, jika sobat ingin
lebih banyak itu bisa dilakukan dengan menambah baris tulisan seperti
kode sebelumnya.Untuk kode --> scrollSpeed = 130 . angka "130"
merupakan kecepatan dari text berjalan, semakin kecil nilainya semakin
cepat text berjalan, dan semakin besar nilainya maka text akan semakin
lambat. Silahkan sesuaikan dengan keinginan sobat.<br />
Seperti yang saya katakan di awal artikel bahwa kode yang saya berikan
di atas hasil efeknya tidak sama dengan yang ada di blog ini, untuk
melihat hasil nyatanya, silahkan sobat klik di sini.</span><br />
<br />
<br />
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/04/cara-menampilkan-google-translate_814.html">Cara Menampilkan Google Translate</a> </h3>
<div class="post-body entry-content">
<br />
<div style="text-align: justify;">
Ingin supaya blog anda dapat dibaca
para blogger mania di seluruh penjuru dunia, gunakan aja Google
Translate. program pintar ini mampu meterjemahkan blog anda ke dalam
tiga puluh empat bahasa, hebat bukan... belum tahu apa itu google
translate kalau mau tau seperti ini gambarnya:<br />
<br />
<table cellpadding="0" cellspacing="0" class="gadget" style="width: 160px;"><tbody>
<tr></tr>
<tr><td colspan="2"><br /></td></tr>
<tr><td colspan="2"><br /></td></tr>
<tr><td style="height: 28px; text-align: left; vertical-align: middle;"><a href="http://fusion.google.com/ig/add?synd=open&source=ggyp&moduleurl=http://www.google.com/ig/modules/translatemypage.xml" target="_top"><img src="http://www.gmodules.com/ig/images/plus_google.gif" style="border: 0;" /></a></td><td style="height: 28px; text-align: right; vertical-align: middle;"><span class="powered"><a href="http://www.google.com/webmasters/gadgets.html" target="_top">Gadgets</a> powered by Google</span></td></tr>
</tbody></table>
<br />
<table cellpadding="0" cellspacing="0" class="gadget" style="width: 160px;"><tbody>
<tr></tr>
<tr><td colspan="2"><br />
</td></tr>
<tr><td colspan="2"><br /></td></tr>
<tr><td style="height: 28px; text-align: left; vertical-align: middle;"><a href="http://fusion.google.com/ig/add?synd=open&source=ggyp&moduleurl=http://www.google.com/ig/modules/translatemypage.xml" target="_top"><img src="http://www.gmodules.com/ig/images/plus_google.gif" style="border: 0pt none;" /></a></td><td style="height: 28px; text-align: right; vertical-align: middle;"><span class="powered"><a href="http://www.google.com/webmasters/gadgets.html" target="_top">Gadgets</a> powered by Google</span></td></tr>
</tbody></table>
<br />
<span class="fullpost">Anda dapat memasang Google Translate ini di blog anda, caranya :<br />
<br />
<ol>
<li> Klik gambar Google Translate di atas, kalo sudah masuk ke sini,</li>
<li>Pilih <span style="color: #66ffff; font-weight: bold;">Tools</span>, kemudian</li>
<li>Pilih bahasa yang anda gunakan di blog anda, misalnya pilih <span style="color: #33ffff; font-weight: bold;">Indonesia</span></li>
<li>Copy kode yang berada di bawah tulisan "<span style="color: #66ffff; font-weight: bold;">Copy and paste the HTML below to include the gadget on your webpage.</span>" kemudian paste di <span style="color: #66ffff; font-weight: bold;">Tata Letak</span> --> <span style="color: #66ffff; font-weight: bold;">Add Gadget </span>--> <span style="color: #66ffff; font-weight: bold;">HTML/javasript </span>terus paste kode tersebut di kolom konten</li>
<li>Simpan.</li>
</ol>
</span><br />
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/04/menyimpan-data-di-internet.html">Menyimpan Data di Internet</a> </h3>
<div class="post-body entry-content">
<br />
<div style="text-align: justify;">
Dari pada susah-susah bawa flashdisk
kemana mana, belum lagi pas apes flashdisk lupa terbawa pasti kita akan
pusing tujuh keliling tidak dapat mengambil data yang sangat kita
butuhkan, sekarang ada cara yang lebih gampang untuk menyimpan data
kita, pertama kita simpan data kita di flashdisk dan yang kedua untuk
antisipasi bila ternyata kita lupa membawa flashdisknya, kita simpan
data kita di internet. nah silahkan register <a href="http://www.ziddu.com/register.php?referralid=%28y%5DL+G%7D:NX%5D">disini </a><span class="fullpost">lalu
upload file anda lalu anda sudah bisa download dari mana saja tidak
perlu pusing mikirin fashdisk. anda juga dapat memanfaatkan linknya bisa
di letakan di blog atau web anda, jadi jika orang lain mau download
tinggal buka blog atau web anda</span></div>
<div style="text-align: justify;">
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/04/membuat-menu-drop-down-dengan-css.html">Membuat Menu Drop down dengan CSS</a> </h3>
<div class="post-body entry-content">
<br />
<div style="text-align: justify;">
Bagi anda yang ingin memasang tab menu di bagian headernya, saya sarankan untuk memasang menu drop down ini di blognya. <a href="http://masnyaman.blogspot.com/">Seperti ini </a>contohnya.Bagaimana
cara untuk membuat menu drop down ini? tentu saja banyak cara untuk
membuatnya, namun dalam kesempatan ini saya akan menuliskan dengan dua
langkah. beginilah caranya :<br />
<span class="fullpost"><br />
A. Langkah pertama :<br />
<br />
1. Login ke blogger dengan ID anda<br />
2. Setelah berada pada halaman dashboard, klik Layout.<br />
3. Kemudian klik tab edit HTML.<br />
4. aya sarankan kepada anda sebelum mengubah kode template, silahkan di backup dulu. Klik link Download template sepenuhnya.<br />
5. Silahkan lihat ke kode template anda, dan temukan kode berikut : <span style="color: red;">]]></b:skin></span><br />
6. Copy kode di bawah ini, lalu paste di atas kode : <span style="color: red;">]]></b:skin></span><br />
<br />
<span style="color: red;">/* ================================================================</span><br />
<span style="color: red;">This copyright notice must be untouched at all times.</span><br />
<br />
<span style="color: red;">The original version of this stylesheet and the associated (x)html</span><br />
<span style="color: red;">is available at http://www.cssplay.co.uk/menus/drop_definition2.html</span><br />
<span style="color: red;">Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.</span><br />
<span style="color: red;">This stylesheet and the assocaited (x)html may be modified in any</span><br />
<span style="color: red;">way to fit your requirements.</span><br />
<span style="color: red;">=================================================================== */</span><br />
<span style="color: red;">#menu {list-style-type:none; margin:5px; padding:0;}</span><br />
<span style="color: red;">#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:150px; height:3em; z-index:100;}</span><br />
<span style="color: red;">#menu li dl {position:absolute; top:0; left:0;padding-bottom:5px;}</span><br />
<span style="color: red;">#menu li a, #menu li a:visited {text-decoration:none;}</span><br />
<span style="color: red;">#menu li dd {display:none;}</span><br />
<span style="color: red;">#menu li a:hover {border:0;}</span><br />
<span style="color: red;">#menu li:hover dd, #menu li a:hover dd {display:block;}</span><br />
<span style="color: red;">#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}</span><br />
<span style="color: red;">#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}</span><br />
<span style="color: red;">#menu dl {width: 150px; margin: 0; padding: 0; background: #c9ba65;}</span><br />
<span style="color: red;">#menu dt {margin:0; padding: 5px 5px 5px 20px;
font-size: 1.1em; color: #fff; border-bottom:1px solid #fff;
border-top:1px solid #fff;}</span><br />
<span style="color: red;">#menu .one {background: #827b6b; border-top:5px solid #dca;}</span><br />
<span style="color: red;">#menu .two {background: #646e4c; border-top:5px solid #bb9;}</span><br />
<span style="color: red;">#menu .three {background: #a4a88d; border-top:5px solid #eec;}</span><br />
<span style="color: red;">#menu .four {background: #a29f68; border-top:5px solid #f8f8b8;}</span><br />
<span style="color: red;">#menu .one dt {background: #b2ab9b;}</span><br />
<span style="color: red;">#menu .two dt {background: #949e7c;}</span><br />
<span style="color: red;">#menu .three dt {background: #d4d8bd;}</span><br />
<span style="color: red;">#menu .four dt {background: #e2dfa8;}</span><br />
<span style="color: red;">#menu dd {margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}</span><br />
<span style="color: red;">#menu .one dd {border-bottom:1px solid #aaa;}</span><br />
<span style="color: red;">#menu .two dd {border-bottom:1px solid #e8e8e8;}</span><br />
<span style="color: red;">#menu .three dd {border-bottom:1px solid #eee;}</span><br />
<span style="color: red;">#menu .four dd {border-bottom:1px solid #999;}</span><br />
<span style="color: red;">#menu dd.last {border-bottom:1px solid #fff;}</span><br />
<span style="color: red;">#menu dt a, #menu dt a:visited {display:block; color:#444;}</span><br />
<span style="color: red;">#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:125px;}</span><br />
<span style="color: red;">#menu .one dd a {background:#949e7c; color:#eee;}</span><br />
<span style="color: red;">#menu .two dd a {background:#d4d8bd; color:#346;}</span><br />
<span style="color: red;">#menu .three dd a {background:#e2dfa8; color:#654;}</span><br />
<span style="color: red;">#menu .four dd a {background:#b2ab9b; color:#ff8;}</span><br />
<span style="color: red;">#menu .one dd a:hover {background: #b2ab9b; color:#345;}</span><br />
<span style="color: red;">#menu .two dd a:hover {background: #949e7c; color:#543;}</span><br />
<span style="color: red;">#menu .three dd a:hover {background: #d4d8bd; color:#123;}</span><br />
<span style="color: red;">#menu .four dd a:hover {background: #e2dfa8; color:#534;}</span><br />
<br />
7. Silahkan lihat ke bagian bawah lagi, lalu temukan kode seperti ini :<br />
<br />
<span style="color: red;"><b:section class='header' id='header' maxwidgets='<span style="color: #66ffff;">1</span>' showaddelement='<span style="color: #66ffff;">no</span>'></span><br />
<span style="color: red;"><b:widget id='Header1' locked='<span style="color: #66ffff;">true</span>' title='your blog title (Header)' type='Header'/></span><br />
<span style="color: red;"></b:section></span><br />
<br />
8. Ubahlah kode yang saya cetak biru terang, sehingga kodenya menjadi seperti ini :<br />
<br />
<span style="color: red;"><b:section class='header' id='header' maxwidgets='<span style="color: #66ffff;">2</span>' showaddelement='<span style="color: #66ffff;">yes</span>'></span><br />
<span style="color: red;"><b:widget id='Header1' locked='<span style="color: #66ffff;">false</span>' title='your blog title (Header)' type='Header'/></span><br />
<span style="color: red;"></b:section></span><br />
<br />
Klik tombol Simpan Template. Tunggu beberapa saat sampai template anda selesai di simpan.<br />
<br />
B. Langkah kedua :<br />
<br />
Klik pada tab elemen Halaman yang berada di bagian Header. Perhatikan gambar gambar Page Element berikut ini<br />
</span><span class="fullpost"><img alt="page element" border="0" id="BLOGGER_PHOTO_ID_5137573441433192530" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJw7yjGAFS8YDGB5LW5ZVMJztFLtegcDzRvw34mGw7gAIHvmuxU8YhwlIGzFFQjv77j9Y4sxsjQ_FRzpFUyyyl1VMIS9YY5dF7zTpuvFy2_3w3qTQo0xJWwf7feV5PACHr_QMaRjDZB-bm/s400/Page-elements.jpg" /></span><br />
<span class="fullpost"><br />
Klik pada Tambahkan sebuah Elemen halaman yang berada di atas elemen header. Perhatikan gambar berikut ini:</span><span class="fullpost"><br />
<img alt="add a page element" border="0" id="BLOGGER_PHOTO_ID_5137573437138225218" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1cVp9cLDuBKv4DZYTaF7BC5jsf5UDLpYsPVHrhK8rsj8S9ng7NuDu91BpXLe-8wpQiHPp-NNdF0kxk7uOgG1to6VIZx05CZUs_v2BWsdAKUZfswptYz8ND2Vm01CPrJtgDFBtOxrkKr5v/s400/add-a-element.jpg" /></span><br />
<span class="fullpost"><br />
Setelah window pop up muncul, klik tombol Tambahkan ke blog untuk HTML/JavaScript.:<br />
Copy kemudian paste kode di bawah ini pada elemen yang muncul tadi :<br />
<br />
<span style="color: red;"><ul id="menu"><!-- drop down menu start --></span><br />
<span style="color: red;"><li></span><br />
<span style="color: red;"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br />
<span style="color: red;"><dl class="one"></span><br />
<span style="color: red;"><!-- Alter the links with your own --></span><br />
<span style="color: red;"><dt><a href="../menu/index.html">DEMOS</a></dt></span><br />
<span style="color: red;"><dd><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd></span><br />
<span style="color: red;"><dd><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></dd></span><br />
<span style="color: red;"><dd><a href="../menu/form.html" title="Styling forms">styled form</a></dd></span><br />
<span style="color: red;"><dd><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></dd></span><br />
<span style="color: red;"><dd><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd></span><br />
<span style="color: red;"><dd><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></dd></span><br />
<span style="color: red;"><dd><a href="../menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd></span><br />
<span style="color: red;"><dd><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd></span><br />
<span style="color: red;"><dd class="last"><a
href="../menu/em_images.html" title="em size images compared">em
sized images</a></dd></span><br />
<span style="color: red;"></dl></span><br />
<span style="color: red;"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br />
<span style="color: red;"></li></span><br />
<span style="color: red;"><li></span><br />
<span style="color: red;"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br />
<span style="color: red;"><dl class="two"></span><br />
<span style="color: red;"><dt><a href="index.html">MENUS</a></dt></span><br />
<span style="color: red;"><dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd></span><br />
<span style="color: red;"><dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd></span><br />
<span style="color: red;"><dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd></span><br />
<span style="color: red;"><dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd></span><br />
<span style="color: red;"><dd><a href="cross.html" title="non-rectangular links">non-rectangular links</a></dd></span><br />
<span style="color: red;"><dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd></span><br />
<span style="color: red;"><dd class="last"><a href="circles.html" title="circular links">circular links</a></dd></span><br />
<span style="color: red;"></dl></span><br />
<span style="color: red;"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br />
<br />
<span style="color: red;"></li></span><br />
<span style="color: red;"><li></span><br />
<span style="color: red;"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br />
<span style="color: red;"><dl class="three"></span><br />
<span style="color: red;"><dt><a href="../layouts/index.html">LAYOUTS</a></dt></span><br />
<span style="color: red;"><dd><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></dd></span><br />
<span style="color: red;"><dd><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></dd></span><br />
<span style="color: red;"><dd><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></dd></span><br />
<span style="color: red;"><dd><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></dd></span><br />
<span style="color: red;"><dd class="last"><a
href="../layouts/minimum.html" title="A simple minimum width
layout">minimum width for Internet Explorer</a></dd></span><br />
<span style="color: red;"></dl></span><br />
<span style="color: red;"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br />
<span style="color: red;"></li></span><br />
<span style="color: red;"><li></span><br />
<span style="color: red;"><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--></span><br />
<span style="color: red;"><dl class="four"></span><br />
<span style="color: red;"><dt><a href="../mozilla/index.html">MOZILLA</a></dt></span><br />
<span style="color: red;"><dd><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></dd></span><br />
<span style="color: red;"><dd><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></dd></span><br />
<span style="color: red;"><dd><a href="../mozilla/content.html" title="Using content:">content:</a></dd></span><br />
<span style="color: red;"><dd><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></dd></span><br />
<span style="color: red;"><dd><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></dd></span><br />
<span style="color: red;"><dd><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue made using border art</a></dd></span><br />
<span style="color: red;"><dd class="last"><a href="../mozilla/target.html" title="Target Practise">target practise</a></dd></span><br />
<span style="color: red;"></dl></span><br />
<span style="color: red;"><!--[if lte IE 6]></td></tr></table></a><![endif]--></span><br />
<br />
<span style="color: red;"></li></span><br />
<span style="color: red;"></ul><!-- end of drop down menu --></span><br />
<br />
5. Klik tombol Simpan Template<br />
6. Selesai.<br />
<br />
Catatan : Jika template anda tidak ada element <span style="color: #66ffff; font-weight: bold;">add Page Element </span>pada bagian header, anda dapat download Template <a href="http://trik-nyaman.blogspot.com/2009/03/guitar-template.html">berikut ini</a> yang menggunakan add Page Elememt pada bagian headernya</span></div>
<div style="text-align: justify;">
<span class="fullpost"><br />
</span></div>
<div style="text-align: justify;">
<span class="fullpost"><br />
</span></div>
<h3 class="post-title entry-title">
<a href="http://trik-blog-nyaman.blogspot.com/2009/04/membuat-read-more-otomatis-di-blog.html">Membuat Read More Otomatis di Blog</a> </h3>
<div class="post-body entry-content">
<br />
<div style="text-align: justify;">
Tutorial kali ini membahas bagaimana
caranya membuat Read more secara otomatis. Selain read morenya muncul
secara otomatis hebatnya lagi, fungsi Read More ini mampu menampilkan
image pertama dalam postingan dan mem-fload image tersebut di awal
paragraf awal, meskipun gambar yang kita letakan berada di tengah atau
akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas
image thumbnail.<br />
<br />
<span class="fullpost">Tidak hanya itu saja, kita dapat juga pengatur
jumlah karakter yang ditampilkan. Disini ada dua pilihan untuk jumlah
karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image
yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa
image.<br />
<br />
<span style="color: red; font-weight: bold;">Penting</span>! Yang sudah
memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke
seperti semula, caranya hapus kode yang berwarna biru dibawah ini
(Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)<br />
<br />
<span style="color: red;"><div class='post-header-line-1'/></span><br />
<span style="color: red;"><div class='post-body'></span><br />
<span style="color: #66ffff;"><b:if cond='data:blog.pageType == "item"'></span><br />
<span style="color: #66ffff;"><style>.fullpost{display:inline;}</style></span><br />
<span style="color: #66ffff;"><p><data:post.body/></p></span><br />
<span style="color: #66ffff;"><b:else/></span><br />
<span style="color: red;"><style>.fullpost{display:none;}</style></span><br />
<span style="color: red;"><p><data:post.body/></p></span><br />
<span style="color: #66ffff;"><a expr:href='data:post.url'>Readmore</a></span><br />
<span style="color: #66ffff;"></b:if></span><br />
<span style="color: red;"><div style='clear: both;'/></span><br />
<br />
Kalo sudah tinggal lanjutkan dengan tutorial dibawah.<br />
<br />
Pertama, silahkan tuju langsung ke halaman <span style="font-weight: bold;">EDIT HTML</span>, Cari kode <span style="color: red;"></head></span> kemudian letakan script dibawah ini di atas kode <span style="color: red;"></head></span> Kalo sudah, jangan lupa di simpan terlebih dahulu.<br />
<br />
Langsung copy paste aja kode dibawah ini:<br />
<br />
<span style="color: red;"><script type='text/javascript'></span><br />
<span style="color: red;">var thumbnail_mode = "float" ;</span><br />
<span style="color: red;">summary_noimg = 250;</span><br />
<span style="color: red;">summary_img = 250;</span><br />
<span style="color: red;">img_thumb_height = 120;</span><br />
<span style="color: red;">img_thumb_width = 120;</span><br />
<span style="color: red;"></script></span><br />
<br />
<br />
<span style="color: red;"><script type='text/javascript'></span><br />
<span style="color: red;">//<![CDATA[</span><br />
<span style="color: red;">/******************************************</span><br />
<span style="color: red;">Auto-readmore link script, version 2.0 (for blogspot)</span><br />
<br />
<span style="color: red;">(C)2008 by Anhvo</span><br />
<br />
<span style="color: red;">visit http://en.vietwebguide.com to get more cool hacks</span><br />
<span style="color: red;">********************************************/</span><br />
<span style="color: red;">function removeHtmlTag(strx,chop){</span><br />
<span style="color: red;">if(strx.indexOf("<")!=-1)</span><br />
<span style="color: red;">{</span><br />
<span style="color: red;">var s = strx.split("<");</span><br />
<span style="color: red;">for(var i=0;i<s.length;i++){</span><br />
<span style="color: red;">if(s[i].indexOf(">")!=-1){</span><br />
<span style="color: red;">s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">strx = s.join("");</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">chop = (chop < strx.length-1) ? chop : strx.length-2;</span><br />
<span style="color: red;">while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;</span><br />
<span style="color: red;">strx = strx.substring(0,chop-1);</span><br />
<span style="color: red;">return strx+'...';</span><br />
<span style="color: red;">}</span><br />
<br />
<span style="color: red;">function createSummaryAndThumb(pID){</span><br />
<span style="color: red;">var div = document.getElementById(pID);</span><br />
<span style="color: red;">var imgtag = "";</span><br />
<span style="color: red;">var img = div.getElementsByTagName("img");</span><br />
<span style="color: red;">var summ = summary_noimg;</span><br />
<span style="color: red;">if(img.length>=1) {</span><br />
<span style="color: red;">imgtag = '<span style="float:left;
padding:0px 10px 5px 0px;"><img src="'+img[0].src+'"
width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';</span><br />
<span style="color: red;">summ = summary_img;</span><br />
<span style="color: red;">}</span><br />
<br />
<span style="color: red;">var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';</span><br />
<span style="color: red;">div.innerHTML = summary;</span><br />
<span style="color: red;">}</span><br />
<span style="color: red;">//]]></span><br />
<span style="color: red;"></script></span><br />
<br />
<span style="color: red;">Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah</span><br />
<br />
<span style="color: red;"><data:post.body/></span><br />
<br />
<span style="color: red;">Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini</span><br />
<br />
<span style="color: red;">b:if cond='data:blog.pageType != "item"'></span><br />
<span style="color: red;"><div expr:id='"summary" + data:post.id'><data:post.body/></div></span><br />
<span style="color: red;"><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script></span><br />
<span style="color: red;"><span class='rmlink'
style='float:left'><a expr:href='data:post.url'>READ MORE -
<data:post.title/></a></span></span><br />
<span style="color: red;"></b:if></span><br />
<span style="color: red;"><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></span><br />
<br />
ilahkan disimpan dan lihat hasilnya :<br />
<br />
Keterangan:<br />
<br />
<span style="font-weight: bold;">var thumbnail_mode</span> = <span style="font-weight: bold;">"float"; </span> (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (<span style="font-weight: bold;">no-float</span>)<br />
<span style="font-weight: bold;">summary_noimg = 250;</span> (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)<br />
<span style="font-weight: bold;">summary_img = 250; </span>(Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)<br />
<span style="font-weight: bold;">img_thumb_height = 120;</span> (Thumbnail 'tinggi dalam piksel)<br />
<span style="font-weight: bold;">img_thumb_width = 120; </span>(Thumbnail 'lebar dalam piksel)</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0tag:blogger.com,1999:blog-6864204963975757729.post-85433062879625832582011-04-13T07:35:00.000-07:002011-04-13T07:35:47.295-07:00<h2 align="center" style="font-family: Arial,Helvetica,sans-serif; font-weight: normal;">
<ul>
<li><span style="font-size: large;"><b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/" rel="bookmark" title="Permanent Link: 58 Widget Pilihan Untuk Mempercantik Blog Anda"><i><span>58 Widget Pilihan Untuk Mempercantik Blog Anda</span></i></a></b></span></li>
</ul>
</h2>
<div class="postmetadata">
<span class="timr">04.08.2008 </span><span class="authr">by Hakimtea</span> <span class="catr">in <a href="http://hakimtea.com/category/blogger/" rel="category tag" title="View all posts in Blogger">Blogger</a>, <a href="http://hakimtea.com/category/tips/" rel="category tag" title="View all posts in Tips">Tips</a>, <a href="http://hakimtea.com/category/widgets/" rel="category tag" title="View all posts in Widgets">Widgets</a>, <a href="http://hakimtea.com/category/wordpress/" rel="category tag" title="View all posts in Wordpress">Wordpress</a> </span> </div>
<div class="entry">
<br />
<br />
<center> </center>
<div class="hyperweb_footer" id="hyperweb_footerad" style="height: 95px; width: 728px;">
<a href="" id="displayText">closead</a>
</div>
<div id="beacon_3082dc069c" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=11&campaignid=5&zoneid=2193&loc=1&referer=http%3A%2F%2Fbasingja.blogspot.com%2F&cb=3082dc069c" style="height: 0px; width: 0px;" width="0" /></div>
<div id="beacon_a7f8539c99" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=9&campaignid=4&zoneid=1201&loc=1&referer=http%3A%2F%2Fbasingja.blogspot.com%2F&cb=a7f8539c99" style="height: 0px; width: 0px;" width="0" /></div>
<div id="beacon_ae3c597654" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=9&campaignid=4&zoneid=1201&loc=1&referer=http%3A%2F%2Fhakimtea.com%2Ftips%2F58-widget-pilihan-untuk-mempercantik-blog-anda%2F&cb=ae3c597654" style="height: 0px; width: 0px;" width="0" /></div>
<br />
<div id="beacon_3227e0fb28" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=9&campaignid=4&zoneid=1201&loc=1&referer=http%3A%2F%2Fhakimtea.com%2Ftips%2F58-widget-pilihan-untuk-mempercantik-blog-anda%2F&cb=3227e0fb28" style="height: 0px; width: 0px;" width="0" /></div>
Widget
jika berhubungan dengan web ataupun blog maka yang dimaksud adalah
sebuah tool (alat yang berguna) dalam memaksimalkan keindahan,
kecantikan, serta “kenarsisan” blog Anda. *heuheu* Widget sendiri
merupakan sebuah elemen yang berguna dan mudah digunakan baik yang telah
disediakan oleh penyedia layanan blog yang Anda gunakan maupun berasal
dari third party atau pihak ketiga.<br />
Penggunaan serta pemasangan widget telah sangat dimudahkan oleh
pihak-pihak penyedia layanan, sehingga yang Anda perlukan *biasanya*
hanya mendaftar atau bahkan ada yang tidak perlu mendaftar sama sekali,
cukup mengcopy scrift yang telah disediakan dalam element blog Anda. Nah
berikut ini <a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/">58 widget</a> pilihan untuk mempercantik tampilan blog Anda.<br />
<b>Note:</b> Saya sarankan jangan terlalu berlebihan memasang widget
karena selain agama juga melarang *kesannya* memasang widget yang
berlebih-lebihan *terlalu banyak* bisa mengakibatkan blog jadi terkesan
kumuh dan membebani loading halaman blog Anda sehingga tidak menutup
kemungkinan terjadi <acronym title="Problem Loading Page">PLP</acronym>.<span id="more-73"></span><br />
1. <a href="http://www.mybloglog.com/" target="_blank" title="MyBlogLog's Recent Readers">MyBlogLog’s Recent Readers</a> – Widget satu ini sejak kehadirannya didunia <span style="text-decoration: line-through;">lain</span> <a href="http://hakimtea.net/">blog</a>
langsung mendapat sambutan meriah layaknya seleb baru yg lagi naek
daun. Widget ini memperlihatkan avatar dari para pengunjung blog Anda.
Dan dengan kepopuleran widget satu ini sampai-sampai manajemen MyBloglog
mampu meyakinkan Yahooo (baca: yahuu) untuk membeli sahamnya. *Mantab
sangad* So, yang Anda perlukan untuk mendapat widget ini adalah
mempunyai account yahuu.<br />
2. <a href="http://www.yourminis.com/blogs/yourminis/yourminis/http://www.mashable.com" target="_blank" title="Latest Social Networking">Mashable</a>
– Widget ini menyediakan semacam newsreel (headline news) dalam element
blogger yang memberikan cuplikan berita/postingan dari sosial
networking. Bedanya ada pilihan warna untuk disesuaikan dengan layout
blog Anda.<br />
3. <a href="http://www.bravenet.com/webtools/news/index.php?afilid=2357604524" target="_blank" title="Bravenet Headline News">Headline News</a> – Seperti widget mashable, widget ini pun menampilkan cuplikan headline berita dari situs-situs di seluruh penjuru dunia.<br />
4. <a href="http://www.flickr.com/badge.gne" target="_blank" title="Flickr">Flickr Flash Photo Stream Badge</a>
– Widget ini menampilkan photo-photo dari profil flickr Anda secara
berurutan dan dengan sentuhan flash. Flickr merupakan bagian dari yahoo
jadi untuk mendapatkan widget ini Anda memerlukan account yahoo seperti
pada widget MyBlogLog di atas.<br />
5. <a href="http://www.snap.com/" target="_blank" title="Snapshots">Preview Anywhere</a>
– sudah cukup terkenal juga nama snapshots bagi pengguna blogger bahkan
untuk wordpress widget ini menjadi rekomendasi khusus dalam dashbord
admin penggunanya. Fungsinya untuk melihat preview link keluar dengan
tampilan popup yang tidak terlalu besar ketika pengunjung mengarahkan
mouse pada teks atau banner yang “mengandung” link. Pro-kontra memang
selalu ada; sebagian menganggap widget ini berguna karena menandakan
kejujuran kita selaku pemilik blog, namun ada juga yang mencap kambing
hitam sebagai biang <acronym title="Loading Jadi Lama Bo">lojalabo</acronym>. *heuheu*<br />
6. <a href="http://twitter.com/account/badge" target="_blank" title="Twitter Badge">Twitter Badge</a>
– Jika dalam keseharian hidup Anda banyak hal-hal menarik dan begitu
penuh warna dengan segudang aktifitas serta ingin agar orang lain tahu
dan menampilkan cuplikan kalimat-kalimat pendek *satu paragraf misalnya*
(140 karakter) Anda sedang melakukan kegiatan ini, Anda sedang berada
dimana, Anda sedang bersama siapa, Anda sedang, sedang, dan sedang
lainnya…. Maka widget ini cocok untuk dipasang pada blog Anda. Daripada
bikin sendiri element blogger/wordpress *secara manual* menuliskan teks
sebagai pesan kepada pengunjung <a href="http://hakimtea.net/">blog</a>
Anda bahwa Anda sedang ini-itu, saya sarankan lebih baik menggunakan
widget ini. Widget ini akan menampilkan “tweet” terbaru Anda. Dan untuk
pengguna WP sudah ada <a href="http://alexking.org/projects/wordpress" target="_blank" title="Wordpress Plugin Twitter">plugin</a> untuk memposting <a href="http://hakimtea.net/tips/apa-itu-twitter/">twitter</a> langsung dari blog Anda, contohnya di sidebar <a href="http://hakimtea.com/" target="_blank" title="Hakimtea Personal Blog">blog ini</a> ada <a href="http://twitter.com/hakimtea" target="_blank" title="Twitter Hakimtea">celotehan</a> saya sekedar catatan apa yang tengah saya kerjakan menggunakan plugin tersebut.<br />
7. <a href="http://digg.com/add-digg" target="_blank" title="Digg News">Digg News</a>
– Widget ini manampilkan Link terakhir yang masuk ke Digg sebuah social
bookmarking yang sudah “kakoncara” dijagat perbloggan mah lah…
*halaaah* Pilihan theme dan warna mudah untuk Anda atur agar sesuai
dengan template blog Anda.<br />
8. <a href="http://feedjit.com/" target="_blank" title="Feedjit Live Traffic">FEEDJIT</a>
– Widget ini paling wuenak diantara widget lainnya, misalkan kalo kita
lagi cape, lesu, sendi-sendi lagi nggak enak, otot kaku, badan pegal,
masuk angin… maka suruh aja si mbok untuk feedjit *oooh itu pijit ya*
heuheu. Feedjit merupakan layanan real time traffic pada blog Anda. Ada
empat pilihan widget Feedjit yang bisa Anda gunakan, silahkan kunjungi
saja Feedjit dan lihat empat widget apa saja yang tersedia.<br />
9. <a href="http://linebuzz.com/" target="_blank" title="LineBuzz">LineBuzz</a> – Komentar dalam widget inline untuk Blog Anda. Widget ini sangat berguna bagi blog yang memiliki frekuensi <span style="text-decoration: line-through;">di atas 900 Mhz</span>
tinggi dalam menerima komentar, sehingga memudahkan berkomentar jika
terjadi diskusi yang berkepanjangan *waaah keren euy*. Hanya sayang,
pengunjung harus terdaftar LineBuzz dulu untuk berkomentar *bikin berabe
juga*<br />
10. <a href="http://www.flixn.com/" target="_blank" title="Webcam on your blog">Flixn</a>
– Jika kompi atau laptop Anda terpasang webcam, maka widget ini bisa
digunakan untuk memperlihatkan ekspresi “narsis” Anda langsung melalui
blog Anda *heuheu* . Jadi pengunjung blog tidak hanya membaca postingan
Anda tapi bisa menyaksikan “konser” Anda didepan monitor, mirip webcam
yahoo.<br />
11. <a href="http://www.3jam.com/" target="_blank" title="SMS Widget">3Jam</a>
– Widget ini memudahkan pengunjung blog untuk berinteraksi dengan Anda
dengan mengirimkan SMS pada henpun Anda tanpa mereka tahu nomor HP Anda.<br />
12. <a href="http://jaxtr.com/user/index.jsp" target="_blank" title="Jaxtr">Jaxtr</a>
– Seperti halnya widget 3jam di atas, dengan menggunakan widget Jaxtr
ini, pengunjung blog bisa menghubungi HP Anda tanpa mereka tahu nomor HP
Anda. *nomor HP Anda dijamin kerahasiaannya*<br />
13. <a href="http://www.linkedinabox.com/" target="_blank" title="Linkedinabox.Com">LinkedInABox</a> – Menampilkan profile Anda di LinkedIn. Dan widget ini sangat cocok untuk blog personal.<br />
14. <a href="http://www.box.net/widget/" target="_blank" title="Upload your file">Box Widget</a>
– Dengan widget ini, memudahkan pengunjung blog Anda untuk mengupload
file ke tempat penyimpanan online box.net melalui widget box.net pada
blog Anda.<br />
15. <a href="http://gas-cost.net/dashboard.php?lang=en" target="_blank" title="Price of Gas">Price of gas</a>
– Menampilkan harga bahan bakar kendaraan bermotor secara online (US$),
kalo di Indonesia mungkin seperti harga Bensin premium, pertamax dan
solar. “sangat cocok” untuk pengunjung blog Anda yang mobilitasnya
tinggi. *terasa aneh* tapi kalo blog Anda memang membahas masalah gas
bumi, bahan bakar dan yang sejenis maka widget ini sangat cocok, lagian
tidak perlu mendaftar hanya mengcopas scrift yang disediakan
Gas-Cost.Net.<br />
16. <a href="http://weather.ibegin.com/" target="_blank" title="Weather.iBegin.Com">iBegin Weather Widget</a>
– Menampilkan laporan cuaca untuk wilayah Kanada dan Amerika. Seperti
widget Price of Gas di atas widget ini hanya cocok untuk blog yang
memang membahas masalah yang sama.<br />
17. <a href="http://www.clocklink.com/" target="_blank" title="Clock Link">ClockLink</a>
– Sepertinya widget ini yang paling banyak diminati dan digunakan para
blogger yang peduli dengan manajemen waktu *ekhm* seperti namanya clock,
widget ini menampilkan petunjuk waktu atau jam pada blog Anda.<br />
18. <a href="http://filmloop.myfabrik.com/" target="_blank" title="Filem Loop">Film Loops</a> – Menampilkan kesimpulan filem terakhir yang Anda tonton melalui account FilmLoops Anda.<br />
19. <a href="http://www.dailypainters.com/widgets/index.php" target="_blank" title="Daily Painters">Daily Painters</a>
– Widget ini sangat cocok bagi Anda yang berjiwa seni tinggi karena
widget ini menampilkan lukisan-lukisan dari pelukis terkenal di dunia.<br />
20. <a href="http://wholinked.com/" target="_blank" title="WhoLinked.Com">WhoLinked</a>
– Memperlihatkan kepada pengunjung blog Anda situs-situs yang telah
melink pada blog Anda. tidak perlu mengupdate karena WhoLinked ini
secara teratur mengupdate sendiri web/blog yang melink blog Anda.<br />
21. <a href="http://widget.criteo.com/" target="_blank" title="Widget.Criteo.Com">Criteo AutoRoll</a> – Widget ini memperlihatkan link menuju blog-blog yang sehaluan dengan blog Anda. Sehaluan…? Secara…! Heuheu.<br />
22. <a href="http://www.bravenet.com/webtools/calendar/index.php?afilid=2357604524" target="_blank" title="Calender">Calender</a>
– Berbeda dengan wordpress yang sudah mempunyai widget ini di dalamnya,
untuk pengguna blogger widget kalender belum tersedia, oleh karenanya
jika Anda ingin menampilkan kalender maka widget satu ini pantas di
perhitungkan.<br />
23. <a href="http://www.widgetbox.com/tryout/bitty">Bitty Browser</a> –
Menampilkan web browser “mini” pada sidebar blog Anda. Tapi mesti
hati-hati sama yang namanya “mini” ada rok mini, metro mini, dan
mini-mini yang lainnya… *beuh ga nyambung*<br />
24. <a href="http://www.leafletter.com/LF_Demo.html" target="_blank" title="Leafletter.Com">Leafletter</a> – Ini juga sama masih masalah mini, widget ini membuat website mini dan menyimpannya pada blog Anda.<br />
25. <a href="http://www.wikiseek.com/tools/zip/index.php" target="_blank" title="Wikiseek.Com">WikiSeek</a> – Menampilkan widget untuk pencarian pada Wikipedia.<br />
26. <a href="http://www.feedburner.com/fb/a/home" target="_blank" title="Feedburner.Com">FeedCount</a> – Menampilkan jumlah pengunjung blog Anda melalui banner kecil dan widget ini berhubungan dengan <a href="http://hakimtea.com/tutorial/daftar-cara-setting-feed-blogger-ke-feedburner-plus-bonus-memasang-3-widget-feedburner/" target="_blank" title="Daftar dan setting Feedburner">account feedburner</a> Anda.<br />
27. <a href="http://www.technorati.com/tools/linkcount/" target="_blank" title="Technorati.Com Link Count">Technorati Link Count</a>
– Menampilkan reaksi jumlah link yang menuju blog Anda dari salah satu
directory blog terbesar dan terpopuler abad ini… dialaaaaaaah
Technoraaaaati. *juara tinju dunia kita* halaaaah.<br />
28. <a href="http://www.mypagerank.net/" target="_blank" title="Mypagerank.Net">MyPageRank</a> – Inilah cara lain untuk <span style="text-decoration: line-through;">sombong</span>
menunjukkan betapa hebat dan bermanfaatnya blog Anda dengan menampilkan
Ranking Google atau Google PageRank (PR). Penilaian PR google ini
seperti saat kita SD dulu ada rangking 1 sampe 10, bedanya PR yang baik
menurut google itu yang lebih besar alias 10, kalo baru satu berarti
belum besar-besar amat blog Anda.<br />
29. <a href="http://www.checkpagerank.com/pagerank-script-and-alexa-script" target="_blank" title="Pagerank and Alexa Script">CheckPageRank</a> – Pilihan lain untuk menampilkan PR blog Anda, namun kelebihannya widget ini menampilkan juga ranking Alexa.<br />
30. <a href="http://www.bravenet.com/webtools/counter/index.php?afilid=2357604524" target="_blank" title="Bravenet Hit Counter">Counter Statistic</a>
– Bagi Anda yang ingin melihat jumlah pengunjung Anda sehari-hari, maka
widget ini adalah salah satu yang menyediakan fasilitas tersebut.<br />
31. <a href="http://histats.com/" target="_blank" title="Histats Web/Blog Statistic">Web/Blog Counter</a>
– Widget ini datangnya dari Histats.Com yang memungkinkan Anda bisa
melacak pengunjung datang dari mana saja, lewat pintu mana saja, dan
menghitung jumlah pengunjung blog Anda sehari-hari berapa, referer dari
blog mana saja, dan jika melalui search engine semisal google, yahoo,
msn menggunakan keyword apa. Jika Anda ingin melihat IP Address
pengunjung blog Anda, widget histats ini yang bisa saya rekomendasikan.<br />
32. <a href="http://www.blinkx.com/blinkxit" target="_blank" title="Blinkx.Com">BlinkxIt</a>
– Widget mantab sangad karena menampilkan banner kecil dibawah setiap
postingan blog Anda, ketika banner BlikxIt itu di klik maka keluar mini
popup seperti snapshot dan menampilkan video yang berhubungan dengan
postingan blog Anda.<br />
33. <a href="http://www.skype.com/share/buttons/" target="_blank" title="Skype Status">Skype button</a> – Seperti widget menampilkan <a href="http://hakimtea.com/tutorial/tampilkan-status-online-ym/" target="_blank" title="Tampilkan Status Online YM">status online YM</a> pada blog Anda, widget ini pun hampir sama cuma bedanya status online/offline pada account skype Anda yang ditampilkan.<br />
34. <a href="http://www.rockyou.com/horoscope/create.php" target="_blank" title="RockYou Horoscope">RockYou Horoscope</a>
– Saya tidak menganjurkan widget ini pada blogger muslim, soalnya ini
berupa ramalan yang sudah jelas-jelas dilarang oleh agama kita
sodara-sodara! Konsekuensinya jika Anda percaya ramalan maka 40 hari
shalat Anda tidak diterima *mode galak* Heuheu…<br />
35. <a href="http://www.bravenet.com/webtools/horoscope/index.php?afilid=2357604524" target="_blank" title="Bravenet Horoscope">Bravenet Horoscope</a> – Seperti halnya widget di atas, bravenet pun menyediakan widget horoscope untuk blog Anda.<br />
36. <a href="http://del.icio.us/help/tagometer" target="_blank" title="Tagometer">del.icio.us Tagometer</a> – Widget ini menampilkan berapa banyak pengguna del.icio.us membookmark blog Anda.<br />
37. <a href="http://del.icio.us/help/linkrolls" target="_blank" title="del.icio.us LinkRolls">del.icio.us Linkrolls</a> – Widget ini menampilkan bookmark terakhir Anda dari del.icio.us.<br />
38. <a href="http://www.mytimelines.net/" target="_blank" title="www.mytimelines.net">Timelines</a>
– Perlu membuat timeline untuk blog Anda? Maka widget cukup mudah
digunakan, hanya perlu memasukan RSS blog Anda lalu memasukkan ukuran
lebar dan tingginya.<br />
39. <a href="http://www.polldaddy.com/" target="_blank" title="Polldaddy.Com">PollDaddy</a> – PollDaddy memberikan Anda kemudahan membuat sebuah poling atau survey <span style="text-decoration: line-through;">interaktif padamu negeri</span> dengan theme yang sangat cantik dan menawan hati tanpa batas waktu <span style="text-decoration: line-through;">yang harus memisahkan antara kita berdua, biar langit dan bumi yang menjadi saksi cinta suci nan tulus kita berdua</span>.<br />
40. <a href="http://www.vizu.com/" target="_blank" title="Vizu.Com">Vizu</a> – Pilihan widget lain untuk membuat poling pada blog Anda, kelebihannya widget ini cocok dengan platform blog manapun.<br />
41. <a href="http://www.answers.com/main/answertips.jsp" title="Answers.com">AnswerTips</a>
– Memperlihatkan jawaban dari Answers.com untuk berbagai macam istilah
yang terdapat pada blog Anda *berguna jika pengunjung blog Anda adalah
mas tukul*. pis mas… Heuheu.<br />
42. <a href="http://www.answers.com/main/answerboxes.jsp" target="_blank" title="Answers.Com">AnswerBoxes</a>
– Masih widget dari Answer.Com hanya saja widget ini memberikan
kesempatan pada pengunjung blog Anda untuk memasukan istilah yang tidak
dimengerti dan mendapat jawaban <span style="text-decoration: line-through;">segala risau hatiku</span> dari Answer.Com.<br />
43. <a href="http://www.sigamp.com/" target="_blank" title="Signamp.Com">Now Playing</a>
– Jika Anda ingin sharing playlist musik yang sedang Anda dengarkan dan
ingin agar pengunjung blog Anda juga mendengarkan, nah Signamp
menawarkan widget ini, biar signamp yang melakukan trik bagaimana hal
itu mungin terjadi.<br />
44. <a href="http://www.feedburner.com/fb/a/publishers/buzzboost" target="_blank" title="Feedburner.Com BuzzBoost">BuzzBoost</a> – Menampilkan headline dari RSS <a href="http://hakimtea.com/tutorial/daftar-cara-setting-feed-blogger-ke-feedburner-plus-bonus-memasang-3-widget-feedburner/" target="_blank" title="Daftar dan setting Feedburner">FeedBurner</a>
blog Anda pada blog Anda sendiri ataupun blog Anda yang lain atau juga
pada blog teman Anda atau mungkin blognya sodara Anda atau juga pada
blognya dia, mereka dan dirinya. *jangan maksa deh*<br />
45. <a href="http://www.librarything.com/extras.php" target="_blank" title="Librarything.Com">LibraryThing</a> – Tampilkan buku terakhir yang telah Anda baca wahai kutu buku!<br />
46. <a href="http://www.plaxo.com/api/widget?src=ab_chooser" target="_blank" title="Plaxo.com">Plaxo Address Book</a> – Izinkan pengunjung setia yang telah Anda percayai untuk mengakses buku tamu mereka langsung dari blog Anda.<br />
47. <a href="http://www.auctionads.com/" target="_blank" title="AuctionAds.Com">AuctionAds</a>
– Widget yang menampilkan pelelangan barang dari eBay, dan memberikan
kesempatan pada untuk mendapat persentase *uang denger gitu loh* dengan
catatan pengunjung blog Anda membeli barang lelang tersebut.<br />
48. <a href="http://astore.amazon.com/" target="_blank" title="Astore.Amazon.Com">aStore</a>
– Hampir mirip dengan AuctionAds di atas, hanya saja widget ini
datangnya dari Amazon. Widget ini memungkinkan Anda menampilkan “warung
sederhana” tapi jika ada yang beli lewat warung Anda tersebut Anda
mendapatkan keuntungan dari Amazon. Btw, sudah daftar amazon belum? Kalo
belum <a href="http://affiliate-program.amazon.com/gp/associates/join?tag=assteablodotc-20" target="_blank" title="Join Amazon Associate">Klik Disini</a> untuk daftar dan langsung buat “warung sederhananya”. Heuheu.<br />
49. <a href="http://widgets.amazon.com/Amazon-Deals-Widget/?id=V20070822/US/assteablodotc-20/8009/9f1174bd-b0bd-48a3-93eb-343f5ceee26c" target="_blank" title="Amazon Deal of The Day">Deal of The Day</a>
– Masih dari Amazon ini merupakan widget paling anyar yang dirilis
amazon. Yang menarik dari widget ini adalah diskon besar-besaran yang
ditawarkan untuk pengunjung blog Anda. Dan jika ada yang membeli barang
dari widget tersebut tentu Anda mendapat persenan dari amazon,
lumayanlah buat beli kacang goreng. Heuheu.<br />
50. <a href="http://www.plazes.com/tools" target="_blank" title="Plazes.Com">Plazes</a> – Widget ini menampilkan dimana posisi Anda, apakah sudah <acronym title="Posisi Wuenak">PW </acronym>atau belum…? Kalo belum <acronym title="Posisi Wuenak">PW </acronym> cari dulu deh tempat yg nyaman buat ngeblog biar <acronym title="Posisi Wuenak">PW </acronym>. Nah widget ini menampilkan lokasi peta dimana kamu berada. *nyambungkah?*<br />
51. <a href="http://www.stockalicious.com/stock_journal/227/share" target="_blank" title="Stockalicious.Com">Stockalicious</a>
– Perlihatkan portfolio Anda dengan widget ini, dan sharing dengan
blogger lain. Biar semua orang tahu berapa banyak dana yang telah Anda
keluarkan untuk ngeblog. *mudah2an ada yg mau nyumbang* heuheu.<br />
52. <a href="http://promotions.yahoo.com/giving/index.php" target="_blank" title="Promotions.Yahoo.Com Giving Donations">Yahoo! For Good</a>
– Widget ini untuk membuat “kotak amal” dan akan didonasikan kepada
yang berhak menerimanya. *kata Yahoo* Jadi bagi Anda yang berjiwa
sosial, rasanya widget ini perlu, anggap saja blog Anda warung atau toko
yang menerima penitipan kotak amal. ^_^<br />
53. <a href="http://www.gifttagging.com/get/widget" target="_blank" title="Gifttagging.Com">Giftspace</a>
– Sahabat ataupun teman blogger akan memberi hadiah di hari Ultah Anda
tapi mereka tidak tahu harus membeli hadiah apa yang sekiranya Anda
inginkan. Nah melalui widget ini biarkan mereka tahu kado apa yang
sebenarnya Anda inginkan. *meski diberi nawar boleh donks* heuheu.<br />
54. <a href="http://www.mixmap.com/" target="_blank" title="Mixmap.Com">MixMap</a> – Dari widget ini Anda bisa melihat pengunjung profile MySpace Anda dari sebuah Peta.<br />
55. <a href="http://www.google.com/uds/solutions/wizards/mapsearch.html" target="_blank" title="Google.Com MapSearch">Google Map Widget</a> – Perlihatkan pencarian pada peta google dari blog Anda.<br />
56. <a href="http://www.google.com/uds/solutions/videosearch/index.html" target="_blank" title="Google.Com VideoSearch">Google Video Search</a> – Tampilkan form pencarian video dari video pilihan pada blog Anda.<br />
57. <a href="http://www.bravenet.com/webtools/history/index.php?afilid=2357604524" target="_blank" title="Bravenet This Day in History">This Day in History</a> – Widget ini menampilkan cuplikan bahwa hari ini ada sejarah apa pada masa lalu.<br />
58. <a href="http://hakimtea.com/catatan-hari-ini/fungsi-shoutbox-kelebihan-dan-kekurangan-berbagai-macam-shoutbox/" target="_blank" title="Fungsi Shoutbox">Shoutbox</a>
– Fungsi shoutbox adalah untuk menampung pesan singkat teman atau para
blogger yang tengah blogwalking. Untuk shoutbox banyak pilihan yang bisa
Anda gunakan diantaranya, <a href="http://www.shoutmix.com/" target="_blank" title="Shoutmix">Shoutmix</a>, <a href="http://www.cbox.ws/" target="_blank" title="Cbox.Ws">Cbox</a>, atau kalo Anda berorientasi nasionalis dan cinta produk dalam negeri Anda bisa memilih <a href="http://oggix.com/" target="_blank" title="Oggix">Oggix</a>.
Dan awal 2008 ini oggix pun meluncurkan versi blognya, jika Anda ingin
berpindah layanan atau sekedar mencoba blognya oggix silahkan daftar.
Pssst jangan bilang kalo saya udah nyoba blognya oggix, <a href="http://hakimtea.oggix.org/" target="_blank" title="Hakimtea On Blog.Oggix.Org">klik disini</a> untuk melihat blog oggix punya saya *heuheu*<br />
Demikian diantara widget yang bisa digunakan untuk mempercantik blog
Anda. Pilih saja yang sekiranya bermanfaat dan cocok untuk blog Anda.
Ingat! Kebanyakan widget bisa mengesankan blog Anda kumuh dan membuat <acronym title="Loading Jadi Lama Bo">lojalabo</acronym> dan berakibat pengunjung malas untuk datang kedua kali.<br />
Kalo mau menambahkan widget lain yang Anda temukan silahkan tambahkan pada kolom komentar. Terimakasih<br />
<i>Ditambah dan disarikan dari mashable.com</i><br />
<b><a alt="Kampanye Damai Pemilu Indonesia 2009" href="http://hakimtea.net/kampanye-damai-pemilu-indonesia-2009/" title="Kampanye Damai Pemilu Indonesia 2009">Kampanye Damai Pemilu Indonesia 2009</a></b><br />
<br />
<div class="addthis_container">
<a href="http://www.addthis.com/bookmark.php?v=20"><img alt="Bookmark and Share" border="0" height="16" src="http://s7.addthis.com/static/btn/lg-share-en.gif" width="125" /></a></div>
<br />
<div class="akpc_pop">
Popularity: 44% <span class="akpc_help">[<a href="http://alexking.org/projects/wordpress/popularity-contest" title="What does this mean?">?</a>]</span></div>
<div class="hyperweb_footer" id="hyperweb_footerad" style="height: 95px; width: 728px;">
<a href="" id="displayText">closead</a>
</div>
<div id="beacon_3e52e0c30a" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=11&campaignid=5&zoneid=2193&loc=1&referer=http%3A%2F%2Fbasingja.blogspot.com%2F&cb=3e52e0c30a" style="height: 0px; width: 0px;" width="0" /></div>
<div id="beacon_364165d6bd" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=10&campaignid=3&zoneid=1202&loc=1&referer=http%3A%2F%2Fbasingja.blogspot.com%2F&cb=364165d6bd" style="height: 0px; width: 0px;" width="0" /></div>
<div id="beacon_fb0f77181b" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=10&campaignid=3&zoneid=1202&loc=1&referer=http%3A%2F%2Fhakimtea.com%2Ftips%2F58-widget-pilihan-untuk-mempercantik-blog-anda%2F&cb=fb0f77181b" style="height: 0px; width: 0px;" width="0" /></div>
<br />
<div id="beacon_9e77d7a492" style="left: 0px; position: absolute; top: 0px; visibility: hidden;">
<img alt="" height="0" src="http://hyperwebads.com/www/delivery/lg.php?bannerid=10&campaignid=3&zoneid=1202&loc=1&referer=http%3A%2F%2Fhakimtea.com%2Ftips%2F58-widget-pilihan-untuk-mempercantik-blog-anda%2F&cb=9e77d7a492" style="height: 0px; width: 0px;" width="0" /></div>
<br />
<br />
<center> </center> <center> <form action="http://www.google.com/cse" id="cse-search-box">
<div>
<input name="q" size="57" style="background: url("http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255); border: 1px solid rgb(126, 157, 185); padding: 2px;" type="text" /> </div>
</form>
</center><div class="info">
<div style="text-align: center;">
<a href="http://secure.hostgator.com/%7Eaffiliat/cgi-bin/affiliates/clickthru.cgi?id=hakimtea" target="_blank"><img border="0" src="https://tracking.hostgator.com/img/Shared/468x60.gif" /></a></div>
</div>
<h3>
Related posts :</h3>
</div>
<div class="info">
<div style="text-align: center;">
Dapat bocoran artikel Hakimtea.com terbaru via email.. Mau..?</div>
<form action="http://www.feedburner.com/fb/a/emailverify" method="post" style="border: 1px solid rgb(149, 170, 188); padding: 3px; text-align: center;" target="popupwindow">
Email: <input name="email" style="width: 250px;" type="text" /> </form>
<div style="text-align: center;">
Subscribe to get the latest update via <a href="http://hakimtea.com/feed/">RSS Feed</a> or email!</div>
</div>
<div class="post-content">
<span class="trackbackr"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/trackback/">Trackback <acronym title="Uniform Resource Identifier">URI</acronym></a></span> | <span class="commentsfeedr"> <a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/feed/">Comments RSS</a> </span> </div>
<h3 id="comments">
275 comments for “ 58 Widget Pilihan Untuk Mempercantik Blog Anda ” Thanks...!</h3>
<ol class="commentlist">
<li class="comment alt" id="comment-380"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-380"># 1 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://ochta.wordpress.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/55939e709490a524f5d03ce255344e67?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://ochta.wordpress.com/" rel="external nofollow">Okta Sihotang</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-380" title=""> April 8th, 2008 at 9:48 am </a> </small> bagh..apa nggak berat tuh ntar blognya ??<br />
<blockquote>
| <a href="http://hakimtea.com/" rel="nofollow">Hakimtea™</a>: maka pilihan aja bang, jangan semuanya… hehe</blockquote>
</li>
<li class="comment" id="comment-381"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-381"># 2 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://blog.andipangeran.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/5c57f155bb0c0606aaa60970e81895db?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://blog.andipangeran.com/" rel="external nofollow">andi CiHuY</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-381" title=""> April 8th, 2008 at 11:56 am </a> </small> Berhubung gw pecinta produk dalam negeri, jd gw mo nambahin Layanannya <a href="http://o.gi.web.id/" rel="nofollow">ogi</a> yang lain, dan kebetuan gw juga pake <img alt=":D" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_biggrin.gif" /> ,dah coba <a href="http://mailogi.com/" rel="nofollow">mailogi</a>
buat para pengguna gmail, supaya keep update sama email baru sambil
blogging, walaupun udah ada Google Toolbar… lumayan cantik juga lho buat
blog, trus satu lagi… <a href="http://www.blogger.com/post-edit.g?blogID=3947702783495106936&postID=7744174060277284099">ensiklonesia</a>
update info sejenis Ensiklopedia Indonesia… tampilannya berbentuk tabel
yg edge nya pake ukiran, Indonesia Bangeut deh pokonya….<br />
<a href="http://blog.andipangeran.com/2008/02/indonesia-my-beloved-country.html" rel="nofollow">Indonesia My Beloved Country</a><br />
<blockquote>
| <a href="http://hakimtea.com/" rel="nofollow">Hakimtea™</a>:
Mantab Ndi, udah gw sangka loe emang nasionalis sejati, wekekekekek.
Btw, banyakan link yg loe masukan jadi terus kena protected si neng
Lucia <img alt=":-D" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_biggrin.gif" /> </blockquote>
</li>
<li class="comment alt" id="comment-382"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-382"># 3 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://healthwithpsychology.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/0ae135870fe4fad5611d1e58c3bcc159?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://healthwithpsychology.blogspot.com/" rel="external nofollow">muflih</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-382" title=""> April 8th, 2008 at 12:36 pm </a> </small> Tulisannya bagus, orang awam seperti saya jadi ngerti bagaimana mempercantik blog.<br />
<blockquote>
| <a href="http://hakimtea.com/" rel="nofollow">Hakimtea™</a>: saling berbagi saja mas muflih, eeeh kalo nemu yg cantik-cantik bilang saya ya! *maksudnya widget* heuheu</blockquote>
</li>
<li class="comment" id="comment-383"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-383"># 4 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://www.bungcip.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/387c1b83d5db6cbb55d3c2760fe2269b?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://www.bungcip.com/" rel="external nofollow">bungcip</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-383" title=""> April 8th, 2008 at 12:58 pm </a> </small> Memang benar kata mas hakimtea, jangan terlalu banyak masang widget saya aja cukup shoutbox + mybloglog he..he<br />
<blockquote>
| <a href="http://hakimtea.com/" rel="nofollow">Hakimtea™</a>: banyakan kesederhanaan yg lebih enak dilihat dan lancar dan meload, contohnya Bungcip punya mas Aji ini <img alt=":)" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> </blockquote>
</li>
<li class="comment alt" id="comment-386"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-386"># 5 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://www.aimjerning.co.cc/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/65b5adaef28bdef9d822015c03892063?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://www.aimjerning.co.cc/" rel="external nofollow">sapta</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-386" title=""> April 8th, 2008 at 8:47 pm </a> </small>
mmmm…. sebenarnya saya juga pengen nambah widget dikanan kiri
webblog… tapi gimana belum di tambahin widget aja dah sering PLP apa
lagi nambah…. themesnya nich berat sangat… mau pake yang laen themesnya
dah terlanjur cinta… hehehe <img alt=":)" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> <br />
<blockquote>
<a href="http://hakimtea.com/" rel="nofollow">Hakimtea™</a>:
coba cari theme yg ringan atuh kang sapta, biar lebih asyik. Btw, co.cc
ga diitung premium wordpresskah? Hingga ga bisa masukin plugin2 yang
lain…?</blockquote>
</li>
<li class="comment" id="comment-410"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-410"># 6 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://berbahagialah.wordpress.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/5b4b96e92a0ee59d0f46857399a7352f?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://berbahagialah.wordpress.com/" rel="external nofollow">olangbiaca</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-410" title=""> April 10th, 2008 at 4:42 pm </a> </small> Aslkm..mantab juga neh..hehe<br />
<blockquote>
| <a href="http://hakimtea.com/" rel="nofollow">Hakimtea™</a>: welcomeback biaca… jadi blogpsotnya ga bisa dikembaliin lagi ya… <img alt=":(" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_sad.gif" /> </blockquote>
</li>
<li class="comment alt" id="comment-599"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-599"># 7 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://blogdeny.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/f9be3f5dfdc62bcb382f8356da71f599?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://blogdeny.blogspot.com/" rel="external nofollow">deny</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-599" title=""> April 11th, 2008 at 11:28 pm </a> </small> sip…sip… boleh coba tuh.. tengkyusomat…<br />
</li>
<li class="comment" id="comment-939"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-939"># 8 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://www.rhakateza.co.cc/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/ce2a6c615daaeac2a72785a808f417cd?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://www.rhakateza.co.cc/" rel="external nofollow">rhakateza</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-939" title=""> April 13th, 2008 at 12:56 pm </a> </small> mantap ulasannya, udah ada beberapa yang saya aplikasikan pada blog saya,,,,<br />
makasih banyak…<br />
</li>
<li class="comment alt" id="comment-1751"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-1751"># 9 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://hakimtea.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/8c83344538ac31a7c46231ce196d8dc5?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://hakimtea.com/" rel="external">Hakimtea</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-1751" title=""> April 23rd, 2008 at 7:18 pm </a> </small> Silahkan dicoba lumayan buat dandanin blognya asal jgn kebanyakan ntar loadingnya lama. Kembali kasih <img alt=":smile:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> <br />
</li>
<li class="comment" id="comment-3337"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-3337"># 10 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/99bc9953583e283d57a740b78fdb6c9c?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></span>nizma </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-3337" title=""> June 3rd, 2008 at 6:31 am </a> </small> Mantab, kang hakim slam kenal numpang berburu ilmu.. tks<br />
</li>
<li class="comment alt" id="comment-6293"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-6293"># 11 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://sukolaras.wordpress.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/28279037f2aea11ebd9f8f529df404d8?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://sukolaras.wordpress.com/" rel="external nofollow">sarwandi</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-6293" title=""> July 10th, 2008 at 12:02 am </a> </small> bagaimana cara menampilkan jumlah pengunjung pada wordpress<br />
</li>
<li class="comment" id="comment-6294"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-6294"># 12 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://hakimtea.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/742b68b409f52249beef1b976848afc9?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://hakimtea.com/" rel="external">Hakimtea</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-6294" title=""> July 10th, 2008 at 1:05 am </a> </small> <div class="Hakimtea">
@nizma: salam kenal kembali, silahkan berburu ilmu <img alt=":)" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> @sarwandi: <br />
Untuk wordpress.com tinggal memasukkan widget blogstatistik pada sidebar blog Anda.<br />
Untuk blogspot bisa menggunakan histats yang sudah disebutkan di atas.<br />
Sedangkan untuk wordpress.org bisa menggunakan berbagai plugin diantaranya bisa ditemukan di <a href="http://wordpress.org/extend/plugins/search.php?q=useronline">http://wordpress.org/extend/plugins/search.php?q=useronline</a> </div>
</li>
<li class="comment alt" id="comment-7666"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7666"># 13 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://klikantho.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/44999b80f538d4495082f952677cabf8?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://klikantho.blogspot.com/" rel="external nofollow">Antho</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7666" title=""> August 6th, 2008 at 1:22 pm </a> </small>
Mas Hakim, mau tanya nih. kalo widget yang fungsinya untuk
mentranslate bahasa yang ada di dalam blog ke bahasa lain (dari Inggris
ke Indonesia) itu bisa dapat dari mana. dari google.translate saya sudah
coba tapi nggak ketemu2. di bantu dong. ato kalo tidak bikin posting
tentang gituan yah….<br />
</li>
<li class="comment" id="comment-7668"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7668"># 14 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://hakimtea.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/742b68b409f52249beef1b976848afc9?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://hakimtea.com/" rel="external">Hakimtea</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7668" title=""> August 6th, 2008 at 1:32 pm </a> </small> <div class="Hakimtea">
Oke mas nanti saya coba menulis tentang ini…<br />
Ditunggu ya… <img alt=":)" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> </div>
</li>
<li class="comment alt" id="comment-7803"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7803"># 15 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/654dfc8d71c78982ffaaf691c6f35397?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></span>sandy </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7803" title=""> August 9th, 2008 at 2:24 pm </a> </small> keren tapi yang paling keren mana ya???<br />
lam kenal om!!! newbie neh!!!<br />
</li>
<li class="comment" id="comment-7981"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7981"># 16 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://ranigaku.wordpress.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/6b76070070e873cbbee2c622fd7e1e50?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://ranigaku.wordpress.com/" rel="external nofollow">raniga</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7981" title=""> August 12th, 2008 at 5:27 pm </a> </small> Hallo Mas Hakim tea, salam kenal.. New bie nich…<br />
Saya akan tulis tentang ini di web saya..<br />
</li>
<li class="comment alt" id="comment-7983"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7983"># 17 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://hakimtea.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/742b68b409f52249beef1b976848afc9?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://hakimtea.com/" rel="external">Hakimtea</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7983" title=""> August 12th, 2008 at 5:35 pm </a> </small> <div class="Hakimtea">
@sandy : ayo pilih2 yg keren yg mana coba… <img alt=":mrgreen:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_mrgreen.gif" />
… lam kenal juga… makasih sudah berkunjung ya… @raniga : hallo juga
raniga… salam kenal kembali… oke, silahkan makasih ya.. jangan lupa <a href="http://hakimtea.com/">http://hakimtea.com</a> sebagai sumbernya <img alt=":D" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_biggrin.gif" /> </div>
</li>
<li class="comment" id="comment-7988"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7988"># 18 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://maniak-computer.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/654dfc8d71c78982ffaaf691c6f35397?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://maniak-computer.blogspot.com/" rel="external nofollow">sandy</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7988" title=""> August 12th, 2008 at 6:50 pm </a> </small> widget yg buat blog qt bisa taw ip,browser n lainnya itu namanya apa om???<br />
n saya bisa ngedapetinnya dmana???<br />
</li>
<li class="comment alt" id="comment-7989"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7989"># 19 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://hakimtea.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/742b68b409f52249beef1b976848afc9?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://hakimtea.com/" rel="external">Hakimtea</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-7989" title=""> August 12th, 2008 at 7:08 pm </a> </small> <div class="Hakimtea">
Bisa dilihat di postingan ini <a href="http://hakimtea.com/catatan-blogger/apa-fungsi-memasang-widget-yang-menunjukkan-ip-address-pengunjung-blog-anda/">http://hakimtea.com/catatan-blogger/apa-fungsi-memasang-widget-yang-menunjukkan-ip-address-pengunjung-blog-anda/</a> Tapi kalo mau yang dari dalam bisa daftar di histats.com<br />
Selamat mencoba <img alt=":)" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> </div>
</li>
<li class="comment" id="comment-8010"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8010"># 20 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://ranigaku.wordpress.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/6b76070070e873cbbee2c622fd7e1e50?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://ranigaku.wordpress.com/" rel="external nofollow">raniga</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8010" title=""> August 13th, 2008 at 8:11 am </a> </small> Terimakasih, atas izinnya, ntar kalau ada problem mohon bantuannya…ya.. Tks<br />
</li>
<li class="comment alt" id="comment-8028"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8028"># 21 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://hakimtea.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/742b68b409f52249beef1b976848afc9?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://hakimtea.com/" rel="external">Hakimtea</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8028" title=""> August 13th, 2008 at 2:12 pm </a> </small> <div class="Hakimtea">
sama-sama…. Moga bisa membantu… jangan sungkan saja sering mampir ya…. <img alt=":)" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> </div>
</li>
<li class="comment" id="comment-8083"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8083"># 22 </a> <a class="url" href="http://tukarlink.wordpress.com/2008/08/14/58-layanan-blog-plus-hosting-gratis/" rel="external">58 Layanan Blog Plus Hosting Gratis « Tempat Ngumpul Backlinker’s Indonesia</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8083" title=""> August 14th, 2008 at 11:09 pm </a> </small>
[...] PageRank blog utama kita, toh semuanya itu gratis kan? Nah
jika postingan terdahulu saya menawarkan 58 Widget Pilihan Untuk
Mempercantik Blog Anda kali ini saya coba tawarkan 58 Layanan Blog Plus
Hosting Gratis yang bisa Anda [...]<br />
</li>
<li class="comment alt" id="comment-8089"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8089"># 23 </a> <a class="url" href="http://www.mozzie.org/?p=65" rel="external">MOZZIE.ORG » Blog Archive » 58 Widget Pilihan Untuk Mempercantik Blog Anda</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8089" title=""> August 15th, 2008 at 3:09 am </a> </small> [...] Sumber hakimtea.com [...]<br />
</li>
<li class="comment" id="comment-8187"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8187"># 24 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://kamalsy.wordpress.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/8867bd818a89849383a44e9c47669382?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://kamalsy.wordpress.com/" rel="external nofollow">kamal</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8187" title=""> August 17th, 2008 at 4:32 am </a> </small> Ma kasih atas info-nya…<br />
</li>
<li class="comment alt" id="comment-8204"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8204"># 25 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://hakimtea.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/742b68b409f52249beef1b976848afc9?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://hakimtea.com/" rel="external">Hakimtea</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8204" title=""> August 17th, 2008 at 11:44 am </a> </small> <div class="Hakimtea">
@kamal: sama-sama… moga bermanfaat ya… <img alt=":)" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_smile.gif" /> </div>
</li>
<li class="comment" id="comment-8241"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8241"># 26 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://www.gareng.net/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/0b3348936ad2c79ea2e1ea8391261794?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://www.gareng.net/" rel="external nofollow">gareng</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8241" title=""> August 18th, 2008 at 7:10 am </a> </small> baru baca artikel yang ini. dan lngsung menuju ke tkp deh.<br />
makasih infonya kang ^^<br />
</li>
<li class="comment alt" id="comment-8299"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8299"># 27 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/3ca05bbbadb183ebc742b35ba96f8767?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></span>erwan </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8299" title=""> August 20th, 2008 at 10:48 am </a> </small> makasih y atas tulisannya<br />
sangat membantu aq dalam belajar buat blog.<br />
maklum masih buat blog sambil raba-raba(orthodidak magsudnya) bkn raba-raba yang itu..<br />
hehehehehe<br />
</li>
<li class="comment" id="comment-8484"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8484"># 28 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://freewareforall.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/a420c6ff81b59c8b739c5411f1e3ec50?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://freewareforall.blogspot.com/" rel="external nofollow">oky</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8484" title=""> August 25th, 2008 at 8:00 pm </a> </small> hmmmm… keren-keren juga widgetnya<br />
</li>
<li class="comment alt" id="comment-8546"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8546"># 29 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://bintangdisurga2008.multiply.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/bd21289474c45498e7dabfa34079d554?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://bintangdisurga2008.multiply.com/" rel="external nofollow">Bintang Disurga</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8546" title=""> August 28th, 2008 at 1:04 am </a> </small> Mantap Bang Hakim..<br />
Jelas,tuntas dan enak dicerna oleh otak alias tidak berbelit-2<br />
Thanks ya atas info nya<br />
sangat bermamfaat bagi newbie seperti saya ini<br />
saya copy ya Bang<br />
</li>
<li class="comment" id="comment-8612"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8612"># 30 </a> <a class="url" href="http://compworld.blogetery.com/2008/08/30/free-web-hosting/" rel="external">Computer World » Blog Archive » Free Web Hosting</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-8612" title=""> August 30th, 2008 at 2:26 pm </a> </small>
[...] ini bisa pula digunakan adsense, dan bagi Anda yang cinta
produk dalam negeri seperti pada 58 Widget Pilihan Untuk Mempercantik
Blog Anda, Blog.Oggix rasanya pantas untuk Anda gunakan. 20. Plasa.Com
Satu lagi Dalam negeri yang kedua bisa [...]<br />
</li>
<li class="comment alt" id="comment-9070"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9070"># 31 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://iipalbanjary.net/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/805f386ab0bf91bab8767a1be3091b2e?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://iipalbanjary.net/" rel="external nofollow">iip</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9070" title=""> September 24th, 2008 at 7:00 pm </a> </small> makasih bang. berguna banget info-nya. kalo tentang widget entrecard gimna? katanya bisa meningkatkan trafik blog kita ya?<br />
</li>
<li class="comment" id="comment-9248"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9248"># 32 </a> <a class="url" href="http://ghufrona.co.cc/?p=95" rel="external">Kreasi Anak Dusun » Blog Archive » Free Web Hosting</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9248" title=""> October 17th, 2008 at 2:54 pm </a> </small>
[...] ini bisa pula digunakan adsense, dan bagi Anda yang cinta
produk dalam negeri seperti pada 58 Widget Pilihan Untuk Mempercantik
Blog Anda, Blog.Oggix rasanya pantas untuk Anda gunakan. 20. Plasa.Com
Satu lagi Dalam negeri yang kedua bisa [...]<br />
</li>
<li class="comment alt" id="comment-9264"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9264"># 33 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://blogywalkie.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/642f37a14c7c4d474b2159ec08e0cc5e?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://blogywalkie.com/" rel="external nofollow">blogywalkie.com</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9264" title=""> October 20th, 2008 at 12:59 pm </a> </small> waduh… busyet <img alt=":shock:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_eek.gif" /> banyak bener dah, udah pada direview nih satu-satu.<br />
tapi ada gak pengganti Adhesive (hiks hiks), gua pengen tuh penggantinya Adhesive yang udah lansia!!!<br />
w nyarik kok ga ketemu2<br />
</li>
<li class="comment" id="comment-9300"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9300"># 34 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://www.moneyinside.wordpress.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/8863e94eddc4702002f7446801cf3197?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://www.moneyinside.wordpress.com/" rel="external nofollow">bisnis_online4u</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9300" title=""> October 23rd, 2008 at 8:54 am </a> </small> Coba AH..<br />
TenKyu <img alt=":mrgreen:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_mrgreen.gif" /> <br />
</li>
<li class="comment alt" id="comment-9395"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9395"># 35 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://brandonpages.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/baaeae69400cebce85d254f85bea2665?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://brandonpages.blogspot.com/" rel="external nofollow">BEUWOLF AGATHE</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9395" title=""> November 4th, 2008 at 10:51 am </a> </small> komplit bos daftarnya, tapi menurut saya kalo semua ditampilin, lama downloadnya tul gak ?<br />
</li>
<li class="comment" id="comment-9418"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9418"># 36 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://ray-friends.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/bd055f29d3f170bff39e44b64133fd30?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://ray-friends.blogspot.com/" rel="external nofollow">raynoe</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9418" title=""> November 9th, 2008 at 12:59 pm </a> </small> Beuh KOmplit Semuanya udah di coba blon….Oh untuk yang sigamp cara dapet code scirp atau url y gimana ??? maaf Newbieee <img alt=":mrgreen:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_mrgreen.gif" /> <img alt=":lol:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_lol.gif" /> <br />
</li>
<li class="comment alt" id="comment-9469"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9469"># 37 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://badotinside.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/798f02ed76f8be7f8ec8b9e81699ee18?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://badotinside.blogspot.com/" rel="external nofollow">Badot</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9469" title=""> November 14th, 2008 at 9:37 am </a> </small> woow lengkap bener widgetnya, makasih ya oom langsung praktekin deh <img alt=":grin:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_biggrin.gif" /> <br />
</li>
<li class="comment" id="comment-9472"> <b><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9472"># 38 </a> <span class="eg-image" style="display: block; float: left; margin-right: 10px; width: 40px;"><a href="http://mulaibelajarbisnis.blogspot.com/" rel="external nofollow"><img alt="" class="avatar avatar-40 photo" height="40" src="http://www.gravatar.com/avatar/d244262b0bbed2dc05f85f8302e8d2a0?s=40&d=http%3A%2F%2Fhakimtea.com%2Fwp-content%2Fuploads%2F2008%2F06%2Fcomment4hakimtea.gif%3Fs%3D40&r=G" width="40" /></a></span><a class="url" href="http://mulaibelajarbisnis.blogspot.com/" rel="external nofollow">bhagoezt</a> </b> : <br />
<small class="commentmetadata"><a href="http://hakimtea.com/tips/58-widget-pilihan-untuk-mempercantik-blog-anda/#comment-9472" title=""> November 14th, 2008 at 12:50 pm </a> </small> tengkyu boss atas tips untuk mempercantik blog nya…. lam kenal yach… <img alt=":lol:" class="wp-smiley" src="http://hakimtea.com/wp-includes/images/smilies/icon_lol.gif" /> </li>
</ol>
<div class="icons">
<img src="http://img.babylon.com/site/images/babylon9/LP/new_b/icons.jpg" />
</div>Tian Dinatahttp://www.blogger.com/profile/09415450618887295721noreply@blogger.com0