Cara Membuat & Memasang Meta Tag Di Blogger.

Membuat meta tag di blogger supaya lalu lintas blog jadi ramai dari mesin pencari terutama dari si om Google dan blog loe menjadi lebih SEO friendly.

Apa sih meta tag? Sedikit penjelasan gan, meta tag itu intinya buat ngasi tau mesin pencari tentang informasi isi dari blog ato situs loe. Meta tag ini juga mengoptimalkan mesin pencari untuk mengindeks blog kalian dengan benar dan akurat.

Langsung aja gan, mari kita nambahin meta tag buat blog kalian. Yang pertama kalian harus nambahin 2 meta tag utama yang penting. Pertama meta tag deskripsi yakni meta tag yang ngejelasin ato ngambarin tentang blog kalian, lalu yang kedua meta tag keyword yang ngejelasin kata kunci dari blog kalian. Cara nambahinya begini gan.

Cara Membuat & Memasang Meta Tag Di Blogger

• Pertama log in ke Blogger, lalu klik Template dan pilih Edit HTML.

• Lalu cari kode di bawah ini gan.

<b:include data='blog' name='all-head-content'/>

• Terus copy kode dibawah ini dan paste dibawahnya gan.

<meta content='DESKRIPSI BLOG' name='description'/><meta content='KATA KUNCI BLOG' name='keywords'/>

• So ntar hasilnya seperti ini gan.

 

• Utuk pengisian deskripsi blog, isi sesuai dengan blog loe. Misal blog tentang kucing, contoh deskripsinya seperti ini " Blog yang memberikan informasi tentang cara merawat dan memelihara kucing di rumah dengan mudah. " misal kayak gitu gan. Usahain panjang deskripsi antara 150-160 karakter.

• Lalu untuk meta keywordsnya isi dengan kata kunci yang mengacu pada judul blog buat memaksimalkan pencarian di mesin pencari. Misal dari contoh di atas keywordnya "kucing,merawat kucing,memelihara kucing,tips merawat kucing,tips memelihara kucing, hobby kucing "
  Pastiin keywordsnya jangan banyak-banyak, maksimal 15 kalo bisa antara 8-10 aja biar lebih SEO friendly.

• Setelah selesai save template gan beres. 

Cuma sekedar info gan, Google gak make keywords meta tag di mesin pencarinya. Jadi meta keywords ini gak berpengaruh terhadap rangking di Google. Untuk infonya loe bisa cek disini. ( penjelasan dari Matt Cutts kepala web spam di Google ).

Terus kita harus pake keywords meta tag apa gak? Ini yang masih membingungkan dan jadi perdebatan di kalangan webmaster, menurut gw sih boleh-boleh aja loe mau pake meta keywords walaupun ini pengaruhnya gak begitu besar buat SEO.

Kalo di blog2 yang gw kelola semuanya gak pake meta keywords. Intinya semua kembali kepada anda gan.


Oke lanjut lagi gan, sekarang saatnya nambahin meta tag pendukung supaya blog kalian lebih SEO friendly lagi.

• kembali lagi ke Template lalu Edit HTML. Lalu copy kode dibawah ini gan kemudian paste dibawah kode baru yang tadi udah loe tambahin, liat gambar.

<meta content='Index, Follow' name='robots'/><meta content='Seo Ciyus' name='author'/><meta content='© 2012 SEO Ciyus' name='copyright'/><meta content='2 days' name='revisit'/><meta content='never' name='expires'/><meta content='2 days' name='revisit-after'/><meta content='Indonesia' name='geo.placename'/><meta content='ID' name='language'/><meta content='ID' name='geo.country'/><meta content='All-Language' http-equiv='Content-Language'/><meta content='global' name='distribution'/><meta content='blogger' name='generator'/><meta content='general' name='rating'/><meta content='global' name='target'/><meta content='true' name='MSSmartTagsPreventParsing'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='index, follow' name='googlebot'/><meta content='follow, all' name='Googlebot-Image'/><meta content='follow, all' name='msnbot'/><meta content='follow, all' name='Slurp'/><meta content='follow, all' name='ZyBorg'/><meta content='follow, all' name='Scooter'/><meta content='all' name='spiders'/><meta content='all' name='WEBCRAWLERS'/><meta content='noodp' name='robots'/><meta content='noydir' name='robots'/><link expr:href='data:blog.url' rel='canonical'/> <meta content='aeiwi, alexa, alltheWeb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot. infomak, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, Websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, bing, cnet, googlebot' name='search engines'/>

 

• Sekarang tingggal ganti author sama nama loe, trus copyright sama judul blog loe. Buat geo.placename, geo.country dan language bisa diganti tergantung negara mana yang jadi priorotas dan bahasa apa yang di pake di blog kalian gan. Lalu save template, beres sekarang blog loe udah lebih SEO friendly.

Sekian dulu tips tentang cara buat meta tag di blogger biar lebih SEO friendly, semoga bermanfaat buat kalian gan. Silahkan share kalo loe punya tips lain tentang meta tag disini.

Info : Biar lebih gampang buat meta tagnya pake meta tag generator gan klik disini.

Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori

Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori | Scholovers Blogger - Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori. Kebihan dari Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori dari membuat daftar blog manual baik dengan scroll adalah kita tidak capek-capek lagi membuat atau menyalin link dan judul posting ke dalam daftar isi. Namanya otomatis, maka setaip kita posting artikel yang baru maka datar isi akan langsung masuk secara otomatis.

Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori ini ditata berdasarkan label atau kategori dalam tiap postingan. Jadi, isinya dari daftar isi adalah berdasarkan kategori yang kawan-kawan buat. Saran, buatlah label atau kategori tiap postingan serapi dan teratur mungkin.

Beginilah Cara Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori.
1. Bukalah akun blog anda sendiri
2. Buka postingan baru atau laman baru atau widget baru pada blog anda
3. Salinlah kode di bawah ini :

<div style="background: transparent url(#) no-repeat; border: 1px solid white; height: 400px; overflow: auto; padding-left: 5px; width: 95%;">
<script language="javascript">
numposts=9999;
home_page="NAMABLOGKAWAN.blogspot.com";
explanpost="new";
</script>
<ul><script src="http://yourjavascript.com/666724301/sitemap-np.js">
</script></ul>
</div>

4. Publikasikan, atau simpan lalu lihat hasilnya.

Catatan :

• Gantilan NAMABOGKAWAN dengan namablog kawan Misalnya : bos-tutorial.blogspot.com tanpa menggunakan http://.
• Silahkan ganti ukuran height dan wiidth sesuai kesukaan anda.

By the way, Bos Tutorial juga menggunakan cara ini dalam daftar isi blog (klik disini untuk melihat hasilnya). Demikianlah tulisan mengenai Membuat Daftar Isi di Blog dengan Otomatis Berdasarkan Kategori.Selamat mencoba. Salam sukses dan salam blogger.

Membuat Blog Agar Lebih SEO Friendly

Salah satu cara biar blog kita ada di halaman pertama Google adalah dengan membuat blog lebih SEO friendly gan. Disamping isi postingan yang menjadi faktor utama blog ada di halaman pertama Google. Blog yang SEO friendly itu biasanya lebih mudah bersaing di pencarian. Karena robotnya om Google lebih gampang membaca dan menganalisa blog tersebut.

Memang ada juga blog yang gak SEO friendly bisa nangkring di halaman pertama pencarian. Kenapa bisa begitu? karena memang isi dari blog tersebut memang bener-bener unik dan sangat menarik jadi Google memberi nilai plus gan. Mungkin di luaran sana sudah banyak yang membahas cara membuat blog agar lebih SEO friendly, tapi gak ada salahnya kali ini gw juga pengen share hal yang sama gan.

Tutorial ini khusus untuk blog berflatform Blogger gan. Silahkan disimak kalau mungkin blog kalian belum SEO friendly. Siapa tau dengan menyimak dan mempraktekan ulasan gw berikut ini blog kalian bisa ada di halaman depan om Google. Langsung aja ke topik utama cara membuat blog agar lebih SEO friendly, cek it dot gan.

Membuat Blog Agar Lebih SEO Friendly

Sebelumnya gw cuma mau ngingetin aja kalau Blog yang super SEO friendly sekalipun gak akan bisa bersaing di pencarian Google kalau isi postingannya gak unik dan menarik sama sekali gan. Jadi ini hanya salah faktor penting pembantu aja agar blog kita mampu bersaing dan disukai mesin pencari.

Yang pertama kita edit dari sisi Template blog gan. Kode-kode HTML di template blog biasanya yang paling diperhatikan seorang blogger agar blognya lebih SEO friendly. Ada beberapa bagian tempalte yang akan kita edit diantaranya sebagai berikut ini gan.

1. Meta Tag

Pasang meta tag di template blog biar Googlebot lebih mudah merayapi blog kalian gan. Baca di tutorial gw sebelumnya tentang cara memasang meta tag.

2. Title Tag

Buka edit template blog lalu cari kode <title><data:blog.pageTitle/></ title> dan ganti dengan kode dibawah ini gan.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Fungsi kode ini agar judul postingan kita ada di depan judul blog, ini penting untuk posisi di pencarian terutama dengan kata kunci yang persaingannya berat gan.

3. Heading Tag

Kita awali ganti Heading tag untuk postingan, kalian cari kode di bawah ini lalu ganti h3 dengan h2 gan.

<b:if cond='data:post.title'>
<h3>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Masih dengan heading tag untuk judul postingan, kalian cari kode dibawah ini lalu ganti h3 menjadi h2 gan. Kadang di beberapa template kodenya akan ada kalimat tambahan itemprop='name' dan memakai h1 tag, tetep lakuin hal yang sama dengan mengganti jadi h2 gan.

<h3 class='post-title entry-title'>
<data:post.title/>
</h3>
 
Atau/Dan

<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>

Lanjut edit heading tag untuk widget, kalian cari kode dibawah ini lalu ganti h2 jadi h3 gan. Sebenernya gak perlu dirubah juga gak kenapa, tapi agar lebih SEO friendly diganti aja gan. Kalau jumlahnya lebih dari satu diganti semua gan.

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'>
<data:title/>
</h2>
</b:if>

Heading tag ini menurut gw gak begitu berpengaruh, yang penting jangan sampai ada lebih dari satu H1 tag karena bakal bikin robotnya om Google bingung gan.

4. Duplikat Konten (Archive)

Yang terakhir kita pasang kode untuk menghindari duplikat konten dari archive blog gan. Silahkan copy kode dibawah ini lalu paste di antara <head> </head> tag gan.

<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</ b: if>

Jangan sampai ada duplikat konten di blog karena sangat membahyakan kelangsungan blog kalian. Selain penurunan rangking hal ini juga bisa menyebabkan blog lenyap dari pencarian Google gan.


Setelah mengedit template blog sekarang lanjut mengatur tampilan dan struktur blog kita gan. Apa saja yang perlu ditambahkan di blog kita gan. Berikut ini hal-hal yang perlu ditambahan agar blog lebih SEO friendly gan.

1. Google Analystic & Webmaster Tool

Google merupakan mesin pencari yang paling banyak digunakan di internet. Bisa dikatakan 90% pengunjung blog kita berasal dari Google gan. Oleh karena itu kita harus bersahabat sama om Google dengan cara memasang Google Analystic di blog dan submit blog ke Webmaster Tools. Untuk tutorialnya silahkan cari di pencarian karena gw gak buat soalnya gampang banget caranya gan.

Kedua alat gratisan ini penting dan banyak sekali fungsinya, yang paling utama untuk menganalisa blog kita. Dari hasil analisa tersebut nanti kita bisa semakin meningkatkan kualitas blog dan menambah jumlah pengunjung gan. Memang butuh waktu untuk mempelajarinya, banyak tutorialnya di google gan.

2. Google+

Ini mungkin gak banyak disadari sama para blogger, kalau kita memasang Google+ badge atau button akan membuat blog lebih SEO friendly. Kalian tau kalau Google+ itu kepunyaanya om Google jadi dengan memasang badge ini kita lebih dekat dan bersahabat dengan Google gan.

Kelebihan dari Google+ ini adalah postingan yang kalian share ke Google+ akan cepat terindex Google, lalu kalau kalian sudah menyambungkan Google+ dengan profil Blogger (setingnya ada di dashboard blog) dan foro author muncul di pencarian maka Google akan ngasi nilai plus agar blog kalian lebih bisa bersaing gan. Selain itu juga dapat meningkatkan trafik blog kita secara organik gan.

3. Menu Navigasi

Buat dan aturlah menu navigasi blog semudah mungkin untuk pengunjung gan. Karena Google gak suka dengan blog yang menu navigasinya menyusahkan pengunjung. Usahakan menu utama kalau pakai dropdown jangan yang menggunakan Javascript tapi cukup dengan CSS aja gan.

Kalau blog kalian isi postingannya banyak, tambahin menu navigasi Blog Archive atau Label. Jangan pakai label cloud yang menggunakan Flash karena akan membuat blog tambah berat gan. Bisa juga pasang breadcrumbs kalau postingan di blog sangat banyak gan.

4. Widget

Untuk widget ini masalah selera aja, tapi usahakan jangan memasang widget yang menggunakan Flash gan. Widget yang penting harus dipasang antara lain widget Popular Post, lalu Related Post dan Share Button ke Sosial Media gan. Ketiga widget tersebut sederhana namun sangat berguna untuk membuat blog lebih SEO friendly dan meningkatkan pageview serta backlink gan.

Tambahkan juga widget email subcription dari Feedburner untuk menambah jumlah pengunjung blog gan. Tambahan aja kalian juga bisa submit blog ke Alexa dan pasang widgetnya di blog, karena Alexa Rank salah satu faktor penting untuk memoneytize blog selain Page Rank gan.

Intinya sebelum memasang widget dipikir dulu apa perlu dipasang atau tidak gan. Jangan memasang widget cuma untuk memperkeren blog, gak ada gunanya malah bikin blog tambah berat gan.


Sekian dulu yang bisa gw share tentang cara-cara membuat blog agar lebih SEO friendly gan. Cuma ngingetin aja jangan pusing mikirin SEO tapi fokus membuat postingan yang semenarik mungkin untuk pengunjung bukan Google gan. Semoga postingan ini bermanfaat buat kalian semua dan jangan lupa ninggalin komentar ya gan

Cara Membuat Tab Menu laman Di Atas Header Blog

Ketika membuat blog dengan menggunakan platform Blogger atau Blogspot, maka secara default di atas header akan ditampilkan bilah mendatar berisikan beberapa menu yang biasa disebut dengan istilah ‘Navbar’ atau dapat pula disebut sebagai baris navigasi. Namun karena beberapa alasan (misalnya adalah untuk mempercantik tampilan halaman), maka tidak sedikit pengelola blog yang menyembunyikan bagian tersebut dengan cara menambahkan kode tertentu ke dalam template.

Lihat contoh gambar di bawah ini:

 jika tertarik silahkan ikuti langkah-langkah berikut ini:

Pertama, buka editor template dengan cara mengeklik menu ‘Template’ > ‘Edit HTML’ > ‘Lanjutkan’.

Kedua, cari ]]></b:skin> dan kemudian sisipkan kode di bawah ini tepat di atasnya.

#navbar-iframe {
  height:0px; visibility: hidden; display: none;
}

Keterangan:

Kode tersebut berfungsi untuk menyembunyikan navbar standar Blogger, sehingga apabila sebelumnya Anda telah menyembunyikan navbar standar maka lewati langkah ini dan lanjutkan pada langkah yang ketiga.

Ketiga, sisipkan rangkaian kode CSS berikut ini tepat di atas ]]></b:skin> 

/*--------------------------------------------------------------
Kustomisasi Bilah Menu Navigasi Di Atas Header Halaman Blog
Oleh: Semar Bingung
Blog: ELTELU -:[SEMAR BINGUNG'S WEBLOG]:-
URL : http://eltelu.blogspot.com/
--------------------------------------------------------------*/
.bilah-menu-atas {
  width: 100%;
  min-width: 960px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 27px;
  font-size: 13px;
  z-index: 99;
  white-space: nowrap;
  background-color: #336699;
  background-image: -moz-linear-gradient(center top , rgb(20, 132, 206) 0%, #336699 100%);
  box-shadow: 0px 2px 0px rgb(14, 90, 140);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.kolom-utama {
  -moz-transition: all 0.2s linear 0s;
  width: 960px;
  height: auto;
  margin: 0px auto;
}

.kolom-menu {
  width: 521px;
  height: auto;
  margin: 0px 0px 0px -41px;
  float: left;
  display: inline;
}

.kolom-menu ul {
  height: auto;
  margin-top: 0px;
}

.kolom-menu ul li {
  float: left;
  position: relative;
  list-style: none outside none;
}

.kolom-menu ul li:first-child {
  border-left: 1px solid rgba(30, 30, 30, 0.125);
}

.kolom-menu ul li a {
  color: #ffffff;
  font-weight: bold;
  text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  display: inline-block;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  border-right: 1px solid rgba(30, 30, 30, 0.125);
  box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.1);
}

.kolom-menu ul li a:hover, .kolom-menu ul li a:focus {
  background-color: rgba(255, 255, 255, 0.125);
}

Keterangan:

Warna yang dihasilkan oleh rangkaian kode CSS di atas adalah warna biru untuk background dan putih pada teks. Sehingga apabila belum sesuai dengan desain tampilan halaman blog Anda, maka sesuaikan warna yang digunakan dengan mengganti kode warna yang dipakai pada bagian color:, background-color:, dan background-image:.

Keempat, cari kode <body dan kemudian sisipkan rangkaian kode dengan format seperti contoh berikut ini tepat di bawahnya.

<div class='bilah-menu-atas' id='bilahmenuatas'>
  <div class='kolom-utama'>
    <div class='kolom-menu'>
      <ul>
        <li><a href='http://fauzischolovers.blogspot.com/'><img alt='L3' height='15px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdaWhi98J_DuzfutGeWbvc8uek-B1tr64fyEb7GyJazH62-AD90xqh5lKXzJpXCC9MmGh-u4NfzcDswfVpRncI38jawW_KozRPPvmd0gyQz_Pv3Y2L6WgnS5JtMZLipksbaMgkjxRxcQ8/s800/Beranda.png' width='20px'/></a></li>
        <li><a href='URL'>Menu Kiri 1</a></li>
        <li><a href='URL'>Menu Kiri 2</a></li>
      </ul>
    </div>
    <div class='kolom-menu'>
      <ul style='float: right'>
        <li><a href='URL'>Menu Kanan 1</a></li>
        <li><a href='URL'>Menu Kanan 2</a></li>
      </ul>
    </div>
  </div>
</div>

Keterangan:

Ganti http://fauzischolovers.blogspot.com/ dengan URL blog Anda dan ganti pula kata URL dengan link artikel yang akan ditautkan. Dan kemudian ubah kata Menu Kiri 1, Menu Kiri 2, Menu Kanan 1 dan Menu Kanan 2 sesuai dengan menu tampilan yang dikehendaki.

Kelima, simpan template.

Setelah template disimpan maka navbar standar Blogger tidak lagi ditampilkan di halaman blog dan akan tergantikan dengan navbar baru seperti yang tampak pada gambar di atas. Kemudian perlu diketahui bahwa rangkaian contoh kode pada langkah yang keempat akan menghasilkan 2 (dua) buah kolom menu. Kolom sebelah kiri berisikan 3 (tiga) buah menu yaitu Beranda (Home), Menu Kiri 1, dan Menu Kiri 2, sedangkan kolom sebelah kanan berisikan 2 (dua) buah menu yaitu Menu Kanan 1 dan Menu Kanan 2. Sehingga apabila belum sesuai dengan keinginan, maka silakan dilakukan kustomisasi seperlunya dengan menambahkan atau mengurangi kode <li><a href='URL'>Menu</a></li>.

Semoga berguna dan bermanfaat.

Cara Memasang Tombol Di Blog

Scholovers Blogger - Siang sobat setia Scholovers Blogger,, kali ini saya akan share satu trik Cara Memasang Tombol Di Blog yang saya dapat dari sobat saya blog rangga Mungkin sobat sudah paham dan tau apa itu tombol yang saya maksud.Tombol pada blog kebanyakan di gunakan sebagai tombol penanda untuk mendownload file agar mudah terlihat oleh pengunjung blog yang memudahkan untuk membedakan link dangan kalimat lain dalam postingan blog.

Disini saya akan mencoba membahas cara memasang tombol di blog dengan tampilan sederhana, tombol nya akan dilengkapi juga dengan link supaya tombol nya berfungsi sebagai tautan contoh nya seperti link download. oke saya rasa sobat semuanya sudah cukup mengerti dan paham tentang tombol yang saya maksud, namun jika sobat belum paham mohon disimak cara pemasangan tombol di blog yang sudah saya kemas sesederhana mungkin.

Beberapa tombol yang ada yaitu : 

• Tombol yang pertama yaitu tombol biasa
• Tombol yang ke dua yaitu tombol dengan link
• Tombol yang ke tiga yaitu tombol berisikan link
• Tombol yang ke empat yaitu tombol link new tab bewarna

Sekarang kita ikuti cara memasang nya diblog dengan kode dan DEMO sebagai berikut :

Kode Tombol Biasa :

 <button>Contoh Tombol Biasa</button>

Kode Tombol Dengan Link :

<a href="http://saktobek.blogspot.com/2013/04/cara-memasang-print-this-page-pada-blog.html"><button>Contoh Tombol Link</button></a>

Kode Tombol Berisikan Link :

<a href="http://saktobek.blogspot.com/2013/04/bermain-catur-di-blog.html" target="blank"><button>Contoh Tombol Blog Berisikan Link</button></a>

Kodenya :

<a href="http://saktobek.blogspot.com/2013/04/update-terbaru-mozilla-firefox-20.0.html" target="blank"><button><span style="color: #f21414;">Contoh Tombol Link New Tab Warna</span></button></a>

Note : Jika sobat mengklik semua tombol tombol diatas akan beralih ke link dengan cara new tab, ini dikarenakan settingan blog ini sudah memakai new tab.

Sekian trik  Cara Memasang Tombol Di Blog jika ada keraguan dan pertanyaan untuk pemasangan tombol ini mohon berikan komentar di bawah ini, tetapi jika ada sobat mempunyai cara lain mohon berikan masukannya Terimkasih.

Cara Buat Balas / Reply Komentar Blog

Cara Buat Balas / Reply Komentar Blog | Untuk beberapa template blog  mungkin sebagian  sudah ada yang di sediakan tombol reply/balas untuk membalas komentar yang muncul di blog kamu. Lalu bagaimana jika tidak ada tombol balasnya???

Kali ini saya akan share cara membuat tombol reply/balas komentar di blog. Langsung saja ya sob.,

1. Login ke akun blogger anda.

2. Pada menu pilih Rancangan ➨ Edit HTML ➨ Jangan lupa untuk centang Expand Template Widget.

3. Selanjutnya di dalam kotak template, sobat cari kode dibawah ini.

<b:include data='comment' name='commentDeleteIcon'/>

jika kesulitan mencarinya gunakan CTRL+F kemudian ketik kode di atas tadi

4. Jika sudah ketemu letakkan kode berikut ini dibawah kode diatas

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Letakkan blog ID &amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='URL image'/></a></span>

5. Simpan template dan Selesai

Keterangan:

* Tulisan Letakkan blog id ganti dengan ID blog masing-masing.

Cara mengetahui ID blog adalah, pada saat menulis postingan baru, perhatikan tampilan kotak atas tempat URL pada browser (Id Blog hanya angka). contoh:

** Ganti tulisan URL image dengan salah satu URL gambar dibawah ini atau URL image sendiri, ingat URL image harus diawali dan ditutup dengan tanda " atau"

URL image tombol balas Komentar di blog: :::

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmx0Scduk3MZtS9ha2JZOid3mxxtzXxJhFIrOMQesxrBAlAfLXGDrc5lZw9vrrVLQBkGaLHeqwO6lPIZ4AWOhdm9pmqjEjWZQr4mXbuq0kCFJpxB7sl1jbGurGeD-GRZ_zrJKpvWwEkIM/s1600/otowebsite1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyU3dit7B-qdKyo-rdCDjE8oDjw67zmgorYGbBhtwzjWX7-j7AQhITyqE5NxdLED6C-eVE_xVTXqfvHRyxL5D8Q-jdMHVo2g0F23Dy9xb6d45E7LlGrKqF21tzHF2337N-8wK1pLLKeqQ/s1600/otowebsite2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUPYQpqucTsfQrdsUiVC62l_0jV3e628NNbqVeE2Ch5H8wOC5cnpAgzLWEhMa6wAZHGc1Z-64uy8wy2p1SFE_SrXqxg6B-TtYvdoVpA5QPzci-gPBHPoVbYypF0Lk1jrQVc22b-FoiUqE/s1600/otowebsite3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7bzwrgu63XLUr797XFduGJR_wuGgQMIRMtf88V9n_zimHwF_qYvx9jkyH04ljVpCo3zmwEBA5CoTrIuakRAOzRckpanH0ciGSCSZVMnf-TF45nHi8HfcCiZMo2bihycipyeTSry8wbGs/s1600/otowebsite4.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisF8866Cd7DXQSPSjQmt08-Dh2TulJArXF4tfYnyl4Z41rf98fPHWMA-ED-b3OMiC-cNY0nyDiV1YPFo7SMovOrNPGHzugOCf2vOSPtwIR5PlWQ976m9Uw9H6B25-V3XoF6t7I98tgcNI/s1600/otowebsite5.png

Sekian lah Cara Buat Balas / Reply Komentar Blog.

CARA MEMBUAT GAMBAR BERPUTAR DAN MEMBESAR PADA BLOG

Cara membuat gambarberputar dan membesar pada blog..

cara membuat gambar berputar dan membesar pada blog, cara membuat gambar berputar lincah pada blog, cara memuat gambar berputar bebas pada blog, cara membuat gambar berputar ketika disentuh oleh krusor, cara memperindah tampilan blog dengan memutar gambar, tampilan gambar berputar pada blog, mempercantik blog dengan memutar gambar.

Cara membuat gambarberputar dan membesar pada blog, mungkin temen-temen bertanya-tanya dalam hati, bagai manasih caranya agar gambar di blog sobat bisa berputar-putar, hehehee , , caranya mudah sob, and kalian pasti bisa karna sangat mudah tentunya,

tujuan memutar gambar pada blog adalah untuk memper indah/ membuat pembaca blog kerasan untuk berada didalam blog kita, karna menurut mas seem penampilan tu sangat penting hehehee,,, ya udah deh langsung ja kepokok permasalahannya ya itu membuat gambar berputardan membesar... cikidot....

Langkah-langkahnya sbb;

1. Pertama, pastinya LogIn dulu ke BLOG Kalian.

2. Kemudian dari Dasbor, cari Template --> Edit HTML.

3. Lalu tekan Tombol CTRL + F atau F3 pada Keyboard, dan cari Code ]]></b:skin>

4. Kemudian CoPas Code di bawah tepat di ATAS Code ]]></b:skin>

.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

5. Terakhir tinggal di SIMPAN dan lihat hasilnya.

Smoga artikel ini bermamfaat... salam hangat n persahabatan dari ku (oone seem)

cara membuat gambarberputar dan membesar pada blog, cara membuat gambar berputar lincah pada blog, cara memuat gambar berputar bebas pada blog, cara membuat gambar berputar ketika disentuh oleh krusor, cara memperindah tampilan blog dengan memutar gambar, tampilan gambar berputar pada blog, mempercantik blog dengan memutar gambar.

Cara Membuat Link Bergerak Bergoyang / Nudging di Blog

Cara membuat link bergerak/bergoyang di blog, Link Nudging adalah suatu efek yang bergerak atau bergoyang dari sebuah/beberapa links yang ditimbulkan dari penerapan jQuery pada template di sebuah website ataupun blog. Mungkin dari kita biasa menyebutnya dengan Link Bergoyang/Bergerak atau menari, selain itu efek jQuery ini juga bisa diterapkan pada sebuah gambar (image)

Untuk sobat blogger yang gemar utak atik blog mungkin bisa mencoba trik link bergerak yang satu ini dan saya rasa bisa membuat blog sobat unik dan menarik. Sebagai contoh sobat bisa melihat link bergoyang/nudging pada label yang ada di sidebar blog saya ini, efek ini menggunakan script jQuery yang menurut saya sangat ringan ketika di-load dan penerapannya juga lumayan gampang, sama halnya seperti tombol back to top yang beberapa waktu lalu saya jelaskan yang sama-sama menggunakan jQuery.

Cara Pasang Efek jQuery Link Nudging/Bergoyang pada Label Blog

• Login di Blogger
• Masuk ke bagian Edit HTML pada template
• Centang pada bagian Expand Widget Template
• Cari kode </head>
• Copy paste script dibawah ini dan letakkan tepat diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label1 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging -->

Kalau kode yang berwarna merah tersebut sudah ada di template sobat, kode itu tidak usah di pasang lagi jadi sobat hanya perlu memasang kode dibawahnya saja, Kemudian huruf yang berwarna biru diatas adalah widget id pada label, sobat bisa sesuaikan pada label id di blog sobat. Dibawah ini adalah contoh widget id label dari template blog saya.

<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>

Kemudian untuk membuat Link Nudging manual pada setiap link apakah itu didalam postingan ataupun widget sobat bisa menambahkan class="nudge" seperti dibawah ini

<a href="http://www.blooger.co.id/" class="nudge">Scholovers Blogger</a>

Hasilnya akan seperti ini Scholovers Blogger
Dan untuk membuat gambar bergoyang / Image nudging sobat bisa membuatnya seperti dibawah ini

<a href="http://www.blooger.co.id" class="nudge"><img src="http://sphotos-g.ak.fbcdn.net/hphotos-ak-ash3/603804_380407398743944_2044245969_n.jpg"/></a>

Hasil gambar nya akan seperti ini :

Cara Membuat Breadcrumbs Terindex / Di indeks Google

Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada

Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumbs seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti tips dan trik blogger dibawah ini

Cara membuat Breadcrumbs di Blogspot / Blogger

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Centang Expand Widget Templates
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

• Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
• Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google
Baca artikel menarik lainnya tentang Link Bergoyang / link Nudging

Cara Buat Breadcrumb Seo Friendly di Blog

Breadcrumb navigation adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumb adalah wajib yang sangat berguna untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog sobat sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog sobat akan cepat ter-index oleh search engine ( Google khususnya )

Gambar diatas adalah contoh breadcrumb navigation yang saya ambil dari screenshot blog saya ini, kebetulan judul post-nya waktu itu adalah tentang burung twitter terbang, untuk membuat dan memasang breadcrumb saya kira tidak begitu sulit jadi sobat bisa membuat nya dengan tutorial blogger yang saya berikan berikut ini:

Cara Membuat Navigasi Breadcrumb Seo Friendly di Blogspot

• Login di Blogger
• Pilih Design 
• Pilih Edit Html
• Centang pada Expand Widget Templates
• Cari kode ]]></b:skin>
• Copy paste kode dibawah ini tepat diatas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

• Kemudian cari kode seperti di bawah ini

<div class='post hentry uncustomized-post-template'>
Kalau kode diatas tidak ada, coba sobat cari kode yang seperti dibawah ini
<div class='post hentry'>

• Letakkan kode dibawah ini tepat diatas salah satu kode biru diatas

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

• Klik save dan sobat sudah berhasil membuat Breadcrumb yang SEO friendly

Update

Membuat Breadcrumbs ter-index Google

Windows Live Writer | Menulis Artikel Blog Post Offline

Menulis artikel blog post dengan Windows Live Writer secara offline, Windows Live Writer adalah sebuah aplikasi desktop publishing blog yang dikembangkan oleh Microsoft yang merupakan bagian dari Windows Live, kegunaan aplikasi ini salah satunya adalah sobat bisa menulis artikel langsung dari desktop tanpa harus masuk ke dashboard editor blog untuk menulis artikel post

Selain itu sobat juga dapat menulis dan memasukkan foto secara offline dengan aplikasi Windows Live Writer (WLW) ini, hal itu sangat menguntungkan bagi sobat yang mempunyai koneksi internet yang lambat apalagi kalau hanya mengandalkan WIFI gratisan  untuk koneksi internet, jadi sobat bisa menulis banyak artikel dan disimpan di draft kemudian sobat bisa publish artikel post nya kapan saja sobat sempat, sangat menghemat waktu dan biaya bukan? sobat juga bisa memasukkan link (hyperlink), maps, tabel (table), video, tags dan masih banyak lagi yang lainnya. Tidak salah kenapa aplikasi ini banyak dipakai oleh para blogger diseluruh dunia karena kemudahannya itu, dan mungkin menjadi salah satu tools yang wajib dimiliki oleh penulis ataupun blogger.

Apakah Windows Live Writer Application berguna untuk SEO?

Jawabannya adalah “IYA” aplikasi ini juga bermanfaat untuk SEO, secara default Blogger platform tidak mendukung Self Pinging Service yang berguna untuk memberitahukan search engine bahwa sobat telah mempublikasikan artikel baru atau meng-edit artikel, tetapi dengan WLW hal itu bisa sobat lakukan. Itulah sebabnya kenapa sobat harus mencoba menggunakan aplikasi gratis ini.

Cara kerjanya adalah setiap kali publish artikel post baru lewat WLW, sobat bisa langsung ping artikel sobat dan dengan cara itu akan mempercepat artikel post sobat ter-index oleh search engine, dan juga service ini akan memberikan posisi yang lebih baik di SERP (Search Engine Result Page), tetapi selain itu sobat juga harus optimasi SEO onpage seperti menambahkan navigasi breadcrumb atau optimasi SEO offpage agar blog sobat lebih mantap di SERP, WLW ini hanyalah faktor kecil untuk optimasi SEO khususnya format penulisan artikel post yang benar dan SEO friendly

Cara untuk ping artikel post adalah buka Windows Live Writer kemudian Tools > Options > Ping Servers. Kemudian centang pada “Send pings to the url below”. Copy list url yang dibawah ini kemudian paste di kolom yang tersedia

http://rpc.pingomatic.com
http://rpc.twingly.com
http://api.feedster.com/ping
http://api.moreover.com/RPC2
http://api.moreover.com/ping
http://www.blogdigger.com/RPC2
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://blogsearch.google.co.za/ping/RPC2
http://blogsearch.google.com.au/ping/RPC2
http://blogsearch.google.com.br/ping/RPC2
http://blogsearch.google.com.do/ping/RPC2
http://blogsearch.google.com.vn/ping/RPC2
http://blogsearch.google.hr/ping/RPC2
http://blogsearch.google.ie/ping/RPC2
http://blogsearch.google.nl/ping/RPC2
http://blogsearch.google.pl/ping/RPC2
http://ping.kutsulog.net/
http://bulkfeeds.net/rpc
http://www.newsisfree.com/xmlrpctest.php
http://ping.blo.gs/
http://ping.feedburner.com
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://rpc.blogrolling.com/pinger/
http://rpc.technorati.com/rpc/ping
http://rpc.weblogs.com/RPC2
http://blo.gs/ping.php
http://www.pingerati.net
http://www.pingmyblog.com
http://geourl.org/ping
http://ipings.com
http://www.weblogalot.com/ping
Url ping servers diatas hanyalah beberapa saja dan sobat bisa mencari (search) list ping servers ter-update lainnya di Google

Download 

Cara Instal Windows Live Writer di Komputer

Untuk instal / pemasangan WLW ini juga sangat gampang, langsung di-instal di komputer sobat pada saat online (online installer). Dibawah ini adalah sedikit contoh screenshot instalasi-nya yang saya ambil ketika saya memasangnya di komputer saya

Setelah sobat download dan instal maka akan mucul pemberitahuan aplikasi apa saja yang ingin di pasang, saya sarankan centang pada “writer” saja, tapi kalau sobat juga ingin memasang aplikasi lainnya sobat bisa pilih sesuai dengan keinginan sobat

Setelah proses instalasi selesai kemudian sobat masukkan blog sobat beserta username dan password blog sobat

Untuk pengguna wordpress sebelum mengisi semuanya diatas sobat harus login masuk ke dashboard terlebih dahulu. Masuk ke Setting > Writting dan turun kebawah dan centang pada XML-RPC seperti gambar dibawah, dan kemudian sobat lanjutkan dengan mengisi form seperti diatas

Kemudian terakhir klik finish dan sobat telah siap menggunakan aplikasi Windows Live Writer ini, bagi sobat yang sudah menggunakan aplikasi ini mungkin bisa sharing sedikit kelebihan-kelebihan lainnya atau kekurangannya. Kebetulan saya juga masih baru dalam menggunakan aplikasi ini jadi belum sempat menjelajahi kelebihan atau kekurangan lainnya

Good Luck Sob..!!

Yahoo Messenger Emoticons (Smileys) di Blogspot

Cara membuat/memasang Yahoo! messenger emoticons di kotak komentar Blogger, YM emoticons adalah kumpulan smileys / ikon yang dimiliki oleh yahoo untuk menggambarkan atau mengekspresikan suasana perasaan kita pada saat kita chat sama teman-teman kita, ikon tersebut bisa dalam bentuk gambar yang bergerak maupun tidak, mungkin dari sobat blogger sudah tidak asing lagi dengan emoticons ini bukan? Yahoo emoticons ini bisa kita lihat pada software Yahoo messenger, bagi yang belum punya software YM bisa di download di situsnya Yahoo! biasanya sih online installer sama seperti aplikasi Windows Live Writer saat di-instal minta koneksi internet tapi yang full installer juga ada kok tinggal search aja di om Google

Cara Memasang Yahoo Messenger Emoticons di Kotak Komentar Blogger

Secara default kotak komentar (form comment) Blogger platform tidak dilengkapi dengan emoticons, tapi sobat jangan khawatir dengan sedikit tips dan trik kita bisa mengakalinya dengan memasang dan menambahkan sedikit script yang berisi beberapa kumpulan Yahoo messenger emoticons yang umum dipakai dalam chat.

Langkah-langkahnya adalah :

• Login di Blogger > Template > Edit HTML
• Centang pada Expand Widget Templates
• Cari kode dibawah ini

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>

Copy kode dibawah ini kemudian letakkan (paste) diantara kode diatas

<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #2b2b2b; padding: 5px; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>

Kemudian cari kode </body>

Copy kode dibawah ini dan paste tepat diatas kode </body>

<script src="http://bloggerpeer.googlecode.com/files/smiley.js" type="text/javascript"/><noscript><a href="http://bloggerpeer.blogspot.com" target="_blank"><span style="font-size: x-small;">Add Smilies</span></a></noscript>

Terakhir simpan dan sobat sudah bisa menggunakan emoticon dari Yahoo ini.