Selasa, 29 Januari 2013

Cara Membuat Menu Tab Sesuai Label



Cara Membuat Menu Tab Sesuai Label
Cara Membuat Menu Tab/Laman Blog Sesuai Label
Dalam Tutorial Blog kali ini kita akan membahas tentang Cara membuat menu tab/laman blog sesuai label.Salah satu sahabat blog  bertanya tentang bagaimana cara membuat menu tab seperti menu biologi di blog saya ini .Dengan membuat menu tab-laman blog sesuai dengan label postingan blog kita,dapat mengirit waktu kita karena kita tidak perlu lagi membuat postingan di dalam menu tab blog kita.
Karena dengan membuat menu tab sesuai dengan label postingan,maka setiap postingan kita yang mempunyai label akan secara otomatis muncul di menu tab tersebut.

Contohnya bisa sobat lihat dengan cara mengklik menu tab biologi  yang berada di atas blog saya ini.Pada halaman tersebut postingan yang tampil hanyalah postingan blog saya yang berlabel Download Software Gratis.Cara membuatnya juga tidaklah terlalu sulit,sobat hanya membutuhkan beberapa menit saja untuk membuatnya.Dan pastikan setiap postingan blog sobat mempunyai label.Ayo langsung saja kita praktekan

Cara Membuat Menu Tab/Laman Blog Sesuai Label

1.Login ke akun Blogger Sobat
2.Klik Menu Laman
3.Kemudian klik Laman Baru Lalu klik Alamat Web
4.Setelah itu masukan judul menu sobat pada form yang di atas dan masukan url label blog sobat pada form Alamat Web (URL).Contoh Url label http://alamatblogsobat.blogspot.com//search/label/Label Postingan Sobat.
Contoh :http://www.andreykusanagi.com//search/label/Download Software Gratis
Alamat tersebut adalah alamat postingan saya yang berlabel Download Software Gratis.
5.Klik SIMPAN
6.Selesai

Senin, 28 Januari 2013

Optimasi SEO Blogger Melalui Pengaturan Fitur Robots Header Tags



OptimasiSEO Blogger Melalui Pengaturan Fitur Robots Header Tags


Bismillahirrahmanirrahim...

MULTI PASTE - Sejak blogger menambahkan fitur Search Preferences yang terdapat pada halaman dashboard, maka Optimasi SEO Blog yang berplatform blogger menjadi semakin mudah dan flexibel.  Optimasi SEO tidak lagi sepenuhnya bergantung pada pengaturan meta tag yang terdapat pada Dokumen HTML Template.

Cara Mengganti Posting Lama,Baru Dan Beranda Dengan Gambar



Cara Mengganti Posting Lama,Baru Dan Beranda Dengan Gambar

Tutoral Blogspot kali ini kita akan membahas tentang cara mengganti posting lama,baru dan beranda dengan gambar. Coba sobat lihat tampilan bawah blog saya,di situ ada ada sebuah gambar, yang bila sobat klik gambar rumah,

Cara Merubah Tampilan Cursor di Blog



Cara Merubah Tampilan Cursor di Blog
Tutorial  Blogspot kali ini kita akan membahas tentang cara merubah tampilan cursor pada blog .Mungkin dari beberapa sobat blogger sekalian ada yang belum mengetahui tentang cara mengganti tam pilan kursor di blog.Untuk mempercantik tampilan blog kita,tidak ada salahnya sobat mengganti tampilan cursor/mouse di blog sobat.Caranya cukup mudah,sobat hanya membutuhkan beberapa menit saja untuk merubah tampilan cursor pada blog sobat.Tanpa panjang lebar lagi ayo langsung saja kita mulai.


Kali ini kita akan mengganti tampilan cursor blog kita menjadi sebuah kunai yang biasa digunakan para shinobi.






Silahkan sobat ikuti beberapa langkah berikut ini :
1.Login ke akun blogger sobat
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik/pilih HTML/Javascript
5.Masukan kode css berikut ini

<style type="text/css">
HTML,BODY{cursor: url("http://i1210.photobucket.com/albums/cc417/kusanagiblog/spe114.gif"), auto;}
</style>

6.Klik Simpan Template
7.Selesai.

Coba sobat lihat hasilnya.Semoga postingan saya kali ini tentang cara merubah tampilan cursor di blog dapat bermanfaat.Sampai jumpa di Tutorial  blogspot berikutnya.Sampai jumpa.

Cara Menampilkan Emoticon Yahoo Di Komentar Blog



Cara Menampilkan Emoticon Yahoo Di Komentar Blog
Pada tutorial  Blogspot kali ini kita akan membahas tentang cara menampilkan emoticon yahoo di komentar blog.Mungkin sobat sekalian pernah mengunjungi suatu blog yang pada kolom komentarnya terdapat emoticon,mungkin dari beberapa sobat sekalian belum mengetahui cara menampilkan emoticon yahoo di komentar blog. Caranya sangatlah mudah,sobat sekalian hanya membutuhkan beberapa menit saja untuk memasang emoticon di kolom komentar blog sobat.Kali ini kita akan menggunakan emoticon yahoo.tentu sobat tahu kan dengan emoticon yahoo?.Ayo tanpa panjang lebar lagi,langsung saja kita mulai.



Ikuti beberapa langkah berikut :
1.Login ke akun blogger sobat
2.Klik menu Template
3.Klik Edit HTML
4.Centang kotak Expand Template Widget
5.Cari Kode </body>
6.Masukan kode berikut,tepat di atas kode </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://andreykusanagi.googlecode.com/files/yahookusanagi.js' type='text/javascript'/>
</b:if>

7.Setelah itu cari kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>
8.Jika sudah ketemu,
   masukan kode berikut di bawah kode <h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div style='width:550px;text-align: center;border: 1px solid #ccc;padding: 2px 2px;margin-top: 15px;font-style:bold;color:#000;font-weight:normal;font-size:10px;'>
  <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/112.gif' width='28'/>:-p
  <img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/>=))
  </b>
  </div>

9.Klik Save Template
10 Selesai