Ping service

kali ini membahas mengenai ping service. Saya yakin sebagian dari anda sudah banyak yang tahu tentang ping service. Tapi..saya juga yakin masih ada diantara blogger khususnya blogger baru yang sama sekali tidak mengetahui apa itu ping services. Ping service bisa dikatakan suatu layanan yang dapat menginformasikan akan adanaya update terbaru pada suatu web atau blog. Dengan memanfaatkan fasilitas ping services ini, secara tidak langsung dapat meningkatkan rangking seo suatu web atau blog di mata search engine.

Ping service termasuk salah satu tips seo yang patut dicoba. walaupun pada kenyataannya, tips seo yang satu ini sering sekali dianggap sepele oleh sebagaian orang. Padahal kalo menurut saya, apa susahnya sih melakukan ping..?! tinggal masukin alamat web / blog, trus klik, udah beres. Apalagi sekarang sudah banyak kok situs - situs yang menyediakan layanan ping secara otomatis langsung ke beberapa direktori.

Berikut saya kasih beberapa situs yang menyediakan layanan ping otomatis :

• Ping-o-Matic


• Mypagerank


• Feedshark


• BlogFlux


• King Ping


• Pingoat


• Pingthemempire

Bagaimana cara melakukan ping

Untuk melakukan ping ke situs ping service diatas, caranya setelah anda mengupdate blog kemudian anda menuju ke salah satu layanan ping diatas. Contoh misalnya di ping-o-matic anda tinggal memasukan Judul blog anda sama url blog anda kemudian klik send ping dan selesai. Tapi ingat..jangan pernah terlalu sering nge-ping..!! Selain dilarang, hal tersebut dapat dianggap spam oleh penyedia layanan ping.

Traffic blog

Bagi kebanyakan blogger, traffic merupakan suatu hal yang sangat penting. Terutama bagi para blogger yang memonetisasi blognya. Baik itu melalui PPC, PTC, Affliate dan lain - lain.

Namun, keadaan ini sangat bertolak belakang dengan kita sebagai blogger baru yang memang tidak tahu sama sekali bagaimana caranya mendatangkan traffic. Sedangkan kita pun sebagai blogger baru sangat ingin untuk memometisasi blognya. Sungguh merupakan suatu hal yang mustahil jika blog yang baru saja dibuat langsung bisa mendatangkan traffic ribuan perhari.

Sebagai langkah awal buat para blogger baru (seperti saya) untuk mendatangkan traffic yang lumayan, saya mempunyai beberapa cara yang sangat mudah. Cara ini sebenarnya sudah banyak yang mengetahuinya namun suka dianggap sepele. Padahal menurut saya, cara ini merupakan yang paling ampuh untuk mendatangkan traffic dengan mudah (khusunya buat blog baru).

Sambil kita belajar SEO untuk mendatangkan traffic yang lebih, ga ada salahnya jika kita menerapkan cara mudah ini untuk mendatangkan traffic ke blog. Nah..berikut cara - cara yang menurut saya dapat dengan mudah sekali untuk mendatangkan traffic ke blog :

1. Sering - sering berkunjung ke blog lain (minimal 100 blog / hari) dengan meninggalkan jejak baik di buku tamu atau dengan berkomentar


2. Pasang Iklan mengenai blog anda di situs iklan baris yang gratisan


3. Menuliskan alamat blog anda di setiap tempat ramai yang anda kunjungi

Setuju atau tidak, itulah 3 cara mudah menurut saya untuk mendatangkan traffic ke blog yang baru. Selain mudah untuk dilakukan, cara - cara tersebut diatas pun sama sekali tidak membutuhkan biaya alias gratis. Jika anda mempunyai cara mudah lain untuk mendatangkan traffic ke blog, silahkan tulis di kolom komentar

Daftar isi widget blog

Daftar isi blog merupakan suatu elemen penting yang harus dimiliki oleh suatu blog. Karena dengan adanya daftar isi blog tersebut, para pengunjung akan lebih mudah untuk mencari suatu artikel yang mereka cari. Kali ini, saya akan share mengenai bagaimana cara membuat daftar isi blog dengan menggunakan javascript. Bila masih ada yang belum mengerti mengenai hal ini, anda bisa lihat contohnya di bawah ini :

Nah...bagi anda yang pengen pasang widget tersebut di blognya, berikut langkah - langkahnya :

1. Login di blogger, lalu masuk ke page element.


2. Klik add page element (Terserah anda mau disimpan dimana. Baik di sidebar atau di bagian footer)


3. Pilih html / javascript (lihat anak panah di gambar)
   
   


4. Selanjutnya, copy paste kode di bawah :
   
   
   <div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://BLOGANDA.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>


5. Silahkan ganti text yang berwarna merah dengan nama blog anda.

Tambahan
Widget tersebut, akan hanya akan menampilkan judul blog nya saja. Jika anda ingin memodifikasinya, silahkan ganti kata false dengan true atau sebaliknya. lihat text berikut :

var numposts = 1000;
var showpostdate = false; / untuk menampilkan tanggal postingan
var showpostsummary = false; / untuk menampilkan ringkasan postingan
var numchars = 100;
var standardstyling = true;

Ok..selamat mencoba

Top postingan

Top Posts atau Popular Posts widget ini berfungsi untuk menampilkan artikel yang paling populer di blog anda. Mungkin anda bertanya, maksud dari populer itu apa sih...?! Ok saya jelaskan sedikit. Maksud dari Artikel ter populer disini diambil dari jumlah komentar yang masuk. Intinya..widget ini berfungsi untuk menampilkan sejumlah artikel yang paling banyak dikomentari. Oleh karena itu, para blogger menamakan widget ini Top Posts / Popular Posts atau dalam Bahasa Indonesia lebih dikenal dengan nama Artikel terpopuler. Berikut contohnya :


Nah...bagi anda yang ingin pasang widget yang satu ini, caranya sangat mudah sekali dan bisa dipasang dimana saja. Ok...buat yang ingin pasang, silahkan login di Blogger, lalu masuk ke menu tata letak. Selanjutnya, klik add page element lalu pilih HTML/Javascript. Nah...setelah itu, silahkan copy paste kode di bawah ini :

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback
&_id=ff855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fnamablog.blogspot.com&num=10"
type="text/javascript"></script>
<span style="font-size: 80%">Widget by
<a href="http://www.bloggerbuster.com" target="_blank">Blogger Buster </a></span>

Jika sudah di copy paste, selanjutnya perhatikan text yang berwarna merah pada kode diatas. Silahkan ganti namablog dengan alamat blog anda. Sedangkan untuk angka 10, maksudnya jumlah postingan yang akan ditampilkan. Jika anda merasa 10 terlalu banyak atau sebaliknya, silahkan ganti dengan jumlah postingan yang akan ditampilkan.

Selamat mencoba....

Dasar css

CSS atau Cascading Style Sheet adalah bahasa pemrograman atau scripting untuk mengatur tampilan suatu website atau blog. Mungkin bagi para blogger sudah sering melihat kode CSS ini. Karena blog khususnya yang hosting di blogspot memang menggunakan CSS untuk merubah dan mangatur tampilan blog itu sendiri. Tampilan disini maksudnya untuk mengatur tampilan baik dari segi warna (huruf atau background), image, huruf dan elemen2 lain yang ada kaitannya dengan tampilan suatu blog atau web. Sebelum ada CSS, untuk mengatur tampilan suatu huruf biasanya menggunakan tag <p font="tahoma">bla bla bla</p>. Tapi setelah adanya CSS hal tersebut tidak perlu dilakukan lagi.

CSS bisa diaplikasikan dengan 3 cara :

1. Langsung dituliskan pada tag <head></head>. Dengan catatan harus diawali dengan tag <style type="text/css"></style>.


2. Menggunakan file eksternal. Maksudnya, setiap kode css disimpan pada suatu file dengan type .css dan nantinya di deklarasikan didalam tag <head> dengan cara seperti berikut :
   
   <head><link rel="stylesheet" href="css/style.css" type="text/css" /></head>



3. Diaplikasikan langsung pada tag yang bersangkutan

Dalam penulisan kode CSS mempunyai aturan tersendiri. Mungkin bagi anda yang masih sangat awam mengenai CSS, artikel ini bisa dijadikan sebagai bahan pembelajaran bagi anda. Ya walaupun memang sangat dasar sekali, tapi ga ada salahnya kan...

Cara pendeklarasian dan penulisan CSS

1. Menggunakan tanda # sebagai awalan. Contohnya :
   
   #my_style {
background-color :#000;
font-color :#fff;
}
   
   Untuk pendeklarasiannya, karena memakai tanda # maka atribut yang digunakan adalah id. Sehingga contoh pendeklarasiannya adalah
   
   <div id='my_style'>bla bla bla</div>
   
   Nah..sehingga hasilnya akan menjadi seperti ini :
   

   bla bla bla

   
   Tapi ingat, sifat dari id adalah unik. Makanya tidak boleh ada elemen lain yang memakai id yang sama pada suatu CSS.


2. Menggunakan tanda dot atau titik (.). sebagai awalan, contoh :
   
   .my_style {
background-color :red;
font-color :#fff;
}
   
   Untuk pendeklarasiannya, karena memakai tanda (.) maka atribut yang digunakan adalah class. Sehingga contoh pendeklarasiannya adalah
   
   <div class='my_style'>text</div>
   
   Nah..sehingga hasilnya akan menjadi seperti ini :
   

   bla bla bla

   
   Nah..kalo sifat dari id adalah unik, maka sebaliknya kalo class tidak unik dan bisa diaplikasikan lebih dari 1 class yang sama dalam suatu doc html.


3. Tanpa memakai tanda # atau (.) tapi langsung diaplikasikan pada suatu kode html, contoh :
   
   div {
background-color:blue;
}
   
   Nah jika memakai cara seperti ini, maka semua tag div akan mempunyai style yang sama sesuai kode CSSnya.

Ok....sekian dulu untuk pengenalan kode CSS. Jika masih merasa bingung, saya mohon maaf karena mungkin penjelasannya agak sedikit kacau alias berantakan.

Simpan widget sebelum ganti template

Kemaren ada yang nanya ma saya,

"mas mo nanya nih, kalo mo ganti template widgetnya ke hapus ya"....

Setelah saya baca pertanyaan tersebut, saya jadi berpikir ternyata masih ada blogger yang ga tau gimana caranya ganti template yang baik. Nah...mungkin kebanyakan dah pada tau banget kalo yang namanya widget bakal ke hapus jika templatenya di ganti. Nah...gimana caranya supaya walaupun template kita diganti, tapi widget ga kehapus...?!!. Jawabannya pasti silahkan backup dulu widgetnya...Nah..cara backupnya gimana..?!

Untuk membackup widget blog supaya ga kehapus jika kita mengganti template blog kita, caranya banyak banget. Tapi untuk saat ini, saya hanya akan ngasih tau cara backup widget yang paling mudah menurut saya. Soalnya kalo dibahas disini semua takut ke panjangan nih..Ok Langsung saja saya kasih tau caranya.


Silahkan login dulu di blogspot. Setelah itu, langsung menuju ke halaman tata letak lalu perhatikan gambar di bawah ini :


Kalian bisa lihat yang ditunjukin ma panah yang warna merah itu kan..?! nah...untuk membackup widget, setelah masuk halaman tata letak, kalian tinggal klik link edit pada widget yang akan kalian backup. Setelahnya akan muncul gambar seperti di bawah :


Nah...silahkan kalian copy kode widgetnya, lalu simpan ke dalam file notepad. Begitu pula dengan widget yang lainnya, silahkan ulangi lagi dari langkah awal. Nah...jika semua widget sudah di backup, baru deh kalian ganti templatenya. Jika sudah, baru masukin lagi widget2 yang tadi di backup. Sehingga widget blog kalian tidak akan hilang...

Link warna warni

Yaa...mungkin dah pada banyak yang tahu, tentang tutorial yang satu ini. Tapi...siapa tau ada yang masih blom tahu mengenai rainbow link atau link warna - warni, makanya saya coba postingin artikelnya. Nah...sebelum bahas gimana cara bikinnya, kalian perlu tahu apa sih yang dimaksud dengan rainbow link ini.

Rainbow link adalah suatu link yang apabila link tersebut disorot oleh kursor, maka warna link tersebut akan berubah menjadi warna - warni. Ya..seperti namanya rainbow link atau dalam bahasa indonesia bisa diartikan sebagai link pelangi. Untuk menambahkan aplikasi ini, kalian butuh suatu kode javascript. Kode javascript tersebut, bisa kalian dapatkan di http://dynamicdrive.com. Nah...untuk tutorial jelasnya, silahkan ikuti petunjuk berikut:

Langkah awal yaitu seperti biasa, silahkan login dulu di blogger lalu langsung menuju ke edit HTML. Nah..ga usah kasih tanda centang pada kolom expand template widget. Selanjutnya, silahkan cari kode </head> lalu simpan script berikut di bawah kode </head> tersebut.

<script src="http://mizwar.blog.googlepages.com/rainbow.js">

Nah...sehingga hasil akhirnya seperti ini :

</head>
<script src="http://mizwar.blog.googlepages.com/rainbow.js">

Jika sudah sesuai, silahkan save template kalian lalu coba arahkan kursor ke salah satu link yang ada di blog sampean.

Cloud animasi

Baru juga pasang label cloud dengan animasi, eh...dah ada yang nanyain gimana cara bikinnya. Yawda daripada bingung dan ribet kalian pada nyari kesana kesini ga dapet, aku kasih deh tutornya.

widget yang satu ini, merupakan kombinasi dari javascript dan flash. Kalo boleh jujur, saya dapatkan widget ini dari blogger buster (versi english). Nah...berhubung blog saya ini bahasa indo, jadi saya kasih tutornya pake bahasa indo juga biar pada ngerti. Gimana....dah ga sabar pengen pasang ya...?! yawda langsung aja simak langkah - langkahnya di bawah ini :

Setelah kalian login di blogger, langsung saja menuju tata letak kemudian edit html. Jangan kasih tanda centang pada kolom expand template widget, karena hanya bikin bingung doang. Selanjutnya cari kode html ini di template blog kalian. Kalo ga ada, ya...yang mirip2 aja deh.

<b:section class='sidebar' id='sidebar' preferred='yes'>

Nah...kalo dah ketemu, tambahin dibawahnya kode html berikut :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/
wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/
wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

....kalo udah copy pastenya, klik pratinjau....trus kalo hasilnya dah keliatan di sidebar blog kalian , berarti beres deh. Tinggal bagaimana kalian memberikan sentuhan lain untuk widget tersebut supaya keliatan klop dengan blog kalian.

Kustomisasi Label Cloud Animasi

Nah...untuk masalah yang satu ini, perlu saya kasih tahu bahwa sesuai kode yang tadi kalian masukan seperti diatas, bahwa widget ini mempunyai settingan defaultnya seperti dibawah ini :

1. Panjang widget = 240px
2. Lebar widget = 300px
3. Background = putih
4. Warna huruf = abu
5. ukuran huruf = 12

untuk merubah settingan diatas supaya lebih cocok dengan blog kalian, ikuti petunjuk berikut :

1. untuk merubah panjang (merah) dan lebar (biru) widget, kalian cari kode seperti berikut, lalu ganti angkanya :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/
wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

2. untuk merubah warna background, tinggal ganti saja kode hexa yang berwarna hitam sesuai kode diatas.

3. untuk merubah warna huruf, cari kode berikut lalu ganti angkanya (merah) sesuai kode hexa warna yang kalian kehendaki

so.addVariable("tcolor", "0x333333");

4. untuk merubah ukuran huruf, cari kode berikut lalu ganti angka (warna merah) sesuai ukuran huruf yang dikehendaki

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Nah...gampang kan...?! atau masih pada bingung...?? Selamat berbingung ria aja deh...

Statistik blog

Sebelum posting, dan walaupun agak telat..hehehe...saya pribadi ingin mengucapkan Minal Aidzin Wal fa izin ya....buat temen2 semua. Saya mohon maaf apabila ada salah kata, tingkah laku, atau apa saja yang sangat tidak berkenan di hati kalian semua.

Kali ini saya akan memberikan sebuah widget, yang memang sangat simple tapi mempunyai makna yang besar yaitu widget Statistik Blog. Yupz...widget ini akan menampilkan statistik blog kita masing - masing, sehingga para pengunjung blog akan tahu bagaimana statistik blog qta. Berikut screenshoot nya :


Nah...dengan adanya statistik blog seperti gambar diatas, para visitor bisa tau berapa banyak artikel dan berapa banyak komentar yang masuk di blog.

Nah....jika ingin pasang widget ini, caranya gampang banget..

1. Login di blogger

2. Masuk ke menu layout / tata letak

3. Pada menu Elemen Halaman, klik pada kata Tambah Gadget, untuk menambah widget baru.

4. Kemudian pilih Html / Javascript, lalu copy paste kode dibawah ini :

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://blogkamu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://blogkamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<span ><a href="http://kursus-blog.blogspot.com/2008/10/pasang-widget-statistik-blog.html" target="_blank">Widgets for Blogger</a></span>

Jangan lupa untuk ganti kata blogkamu dengan nama blog kalian

5. Save kemudian lihat hasilnya...

Gambar di judul postingan

Mungkin buat temen2 yang udah sering berkunjung di blog ini, pasrti ngeliat ada sesuatu yang beda dengan tampilan judul posting blog ini. Kalo dulu, judul postingan blog ini terlihat biasa - biasa saja. Tapi kali ini ada sebuah gambar buku kecil disamping judul postingan blog ini.

Hal ini, sengaja saya lakukan supaya judul postingan blog ini keliatan enak dilihat (Menurut saya...ga tau kalo menurut kalian. Hehehe...).

Masih belum jelas juga...?? berikut screenshootnya


Nah....buat temen yang ingin nyelipin gambar juga di judul postingannya, dan kebetulan ga tau caranya, silahkan ikuti langkah2nya seperti berikut :

1. Silahkan cari sebuah gambar, yang menurut kalian cocok untuk diselipin di judul postingan blog kalian, dan ukuran gambarnya ga boleh terlalu besar. ya...kalo saya pake yang 45px * 59px

2. Kalo udah ketemu, silahkan simpan gambar tersebut di tempat hostingan gambar yang biasa kalian pake.

3. Langkah selanjutnya, login di blogger lalu langsung saja masuk ke menu edit Html. Ga usah ngasih tanda centang pada kolom expand template widget

4. Cari kode dibawah ini :

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

5. Hapus kode tersebut, lalu ganti dengan kode dibawah ini :

.post h3 {
margin:.25em 0 .5em;
padding:15px 0 15px 50px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
background:url(url gambar anda) no-repeat left center;
}

Jangan lupa untuk mengganti kata yang berwarna merah dengan url gambar kalian.

6. Kalo udah, klik dulu pratinjau. Kalo misalnya masih belum pas posisinya silahkan rubah ukuran paddingnya (disesuaikan).

7. Kalo udah pas silahkan save template kalian.

Pasang kotak pencarian di blog

Sebelumnya,saya minta maaf sama temen2 yang suka berkunjung di blog ini karena blog ini sudah lama sekali tidak di update. Hal...ini karena mungkin kesibukan saya yang sangat - sangat susah untuk mencari waktu buat blogging. Tapi...akhirnya saat ini saya sempatkan untuk update blog lagi. Postingan kali ini membahas tentang bagaimana cara pasang search engine di blog. Tujuannya yaitu, supaya para pengunjung blog kita tidak kesulitan untuk mencari artikel - artikel yang sudah lama kita posting. Bagaimana caranya, silahkan ikuti intruksi berikut :

Sebagai catatan, kalian bisa pasang search engine ini di bagian apa saja yang ada di blog kalian. Hal yang harus kalian lakukan hanya memasang kode kotak pencarian saja. Silahkan mau dipasang di postingan, sidebar, header, atau apa saja. Yang pasti tinggal copy paste aja kode berikut :

<form id="searchthis" action="http://namablog.blogspot.com/search"
style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form>

Jangan lupa untuk mengganti kata yang berwarna biru dengan nama blog kalian.

Kalo udah di pasang, maka hasilnya akan seperti berikut :

Mudahkan....OK, happy blogging aja deh.

Memperlebar halaman blog

Mungkin dari sebagian besar template default yang disediakan blogger, tidak semuanya memeliki lebar halaman yang penuh. Rata – rata setiap template masih memiliki ruang untuk dimanfaatkan baik untuk memperlebar sidebar, ataupun halaman posting. Kali ini saya akan coba memberikan sedikit gambaran tentang memperlebar halaman blog. Cuma, cara ini akan lebih pas jika diaplikasikan di template minima, yaitu template default blogger. Tapi…tidak menutup kemungkinan juga dapat diaplikasikan di template default blogger yang lainnya. Oke….berikut penjelasannya.

Sebelumnya, saya asumsikan kalo temen2 sudah berada di menu edit html. Dan ingat…tidak usah memberikan tanda centang pada kolom expand template widget karena hanya akan membingungkan saja.

Sebelumnya, silahkan cari kode css #outer-wrapper. Untuk lebih mudah mencarinya, tekan ctrl+f lalu ketikkan kode yang di cari. Kalo sudah ketemu, maka akan tampak kode seperti berikut :

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

#main-wrapper {
width: 410px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 220px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


Penjelasan :
#outer-wrapper --> kode untuk lebar halaman blog.
#main-wrapper --> kode untuk lebar postingan blog
#sidebar-wrapper --> kode untuk lebar sidebar blog.

Untuk merubah lebar halaman blog, temen2 tinggal mengganti angka – angka yang terdapat pada setiap kode css diatas. Semakin besar angkanya, maka halaman blog pun semakin lebar. Contoh : Misalnya, temen2 ingin mengganti lebar halaman blog menjadi 950 pixel. Maka silahkan ganti jumlah angka pada tag width untuk kode css #outer-wrapper menjadi --> 950px; Sehingga hasilnya seperti dibawah ini :

#outer-wrapper {
width: 950px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}


Nah…setelah mengganti kode #outer-wrapper, jangan lupa untuk mengganti kode tag width pada #main-wrapper dan #sidebar-wrapper juga. Karena jika tidak diganti maka jarak antara halaman posting dan sidebar blog akan sangat lebar. Untuk mengantisipasinya, rubah juga angka pada tag width #main-wrapper dan #sidebar-wrapper menjadi 500px untuk #main-wrapperdan 400px untuk #sidebar-wrapper. Sehingga menjadi :

#main-wrapper {
width: 500px;
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 400px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

Untuk merubah lebar kolom pada #main-wrapper dan #sidebar-wrapper, harus sesuai dengan lebar kolom pada #outer-wrapper. Misalnya, lebar halaman blog 950px maka jumlah dari lebar postingan dan sidebar blog harus kurang dari 950px. Hal ini dikarenakan supaya postingan blog dan sidebar blog tidak berdempetan dan mempunyai jarak antara keduanya. Jarak antara postingan dan sidebar bisa disesuaikan dari 30px s.d 50px.

Nah…setelah merubah lebar bagian blog diatas, ada satu bagian lagi yang harus dirubah yaitu bagian bawah blog. Temen2 tinggal mencari kode #footer-wrapper dan rubah angka pada tag width-nya menjadi sama dengan lebar halaman blog (#outer-wrapper).

Jika semua bagian telah mengalami perubahan, maka sebelum nge-save template lebih baik melihat dulu hasil perubahan dengan mengklik pratinjau / preview. Jika memang sudah sesuai baru di save. Jika belum temen2 tinggal klik bersihkan edit / clear edit untuk mengembalikan perubahan2 yang telah terjadi pada template. Ok….selamat mencoba.

Blogrool dengan marquee

Apa sih kotak blogger itu….?! Mungkin bagi sebagian blogger udah ada yang tahu maksudnya dengan postingan saya yang ini. Tapi…bagi anda yang belum tahu, yang dimaksud dengan kotak blogger disini yaitu suatu kotak tempat menyimpan link blog lain. Intinya setiap blog yang mau tukeran link dengan blog kita sendiri, kita pasang link blog mereka di kotak blogger tersebut. Nah…pada kursus kali ini, ada sedikit variasinya..yaitu dengan menambahkan efek marquee. Bagi yang belum tahu apa itu marquee, baca artikel tentang marquee.

Untuk lebih jelasnya mengenai kotak blogger dengan marquee silahkan liat tampilan di bawah ini :

Kursus Blog
Free Templates


Bagus ga….?! Ok deh…buat temen2 semua yang pengen pasang kolom blogger seperti diatas, silahkan ikuti langkah2nya di bawah ini :

• Login di blogger


• Di jendela dashboard, klik menu layout lalu add new page element di sidebar layout anda. (Cara ini bisa juga dipasang di footer. Intinya terserah temen2 semua mau pasang dimana)


• Setelah itu, pilih Html/javascript kemudian copy paste kode berikut :
  
  <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" style="border: 1px solid #000; padding: 5px; text-align: center;" width="150px" height="150px"><a href="http://kursus-blog.blogspot.com/" target="_blank">Kursus Blog</a>
<a href="http://bloggertemplates-foryou.blogspot.com/" target="_blank">Free Templates</a></marquee>
  
  
  Ket :
  
  • direction="up"
    arah dari marquee bergerak keatas. Jika ingin berganti arah, ganti kata "up" dengan "down" (bawah), "left" (kiri) atau "right" (kanan).
  
  
  • scrollamount="2"
    kecepatan bergerak. Semakin besar angkanya, maka semakin cepat pula marquee tersebut bergerak.
  
  
  • border:1px solid #000
    merupakan deskripsi dari garis kolom.
    1px --> tebal garis
    solid --> type garis. bisa diganti dengan kata dashed (-) atau dotted (.)
    #000 --> warna garis hitam. bisa diganti sesuai keinginan anda
  
  
  • text-align:center
    Text berada di tengah. Bisa diganti dengan left, right atau justify (rata kiri kanan)
  
  
  • width="150px"
    lebar kolom sebesar 150 pixel. Biar lebih sesuai dengan lebar dimana anda menyimpan marquee, anda tinggal mengganti 150px dengan 100%
  
  
  • height="150px"
    panjang dari kolom marquee. Semakin besar angkanya (dalam pixel), maka semakin panjang pula kolom marquee


• Save dan Selesai

Tentang technorati

Sudah tau apa itu technorati...?! Sekedar penjelasan singkat aja, untuk meningkatkan traffic pengunjung ke blog kita, supaya lebih dapat dikenal oleh blogger lain selain menerapkan dengan apa yang namanya seo, sebaiknya anda pun mendaftarkan blog anda di technorati. Apa sih technorati..?! Technorati adalah salah satu direktori blog terbesar saat ini. Dan fungsinya pun banyak, selain menjadi sebuah diektori blog, technorati bisa berfungsi sebagai blogsearch, tags aggregator, dan online bookmarks. Disamping itu, dengan mendaftarkan blog kita di technorati, kita bisa mengetahui situs / blog mana saja yang memasang link blog kita.

Bagaimana cara mendaftar di technorati..?! ikuti langkah2 di bawah ini :

• Menuju ke technorati.com


• Klik menu Join :
  
  
• Isi data secara lengkap lalu klik join


• Setelah itu, akan muncul confirmation code. Hiraukan menu tersebut. Dan langsung cek email anda yang didaftarkan di technorati lalu klik link yang telah diberikan melalui email anda. contoh link-nya seperti ini :
  
  http://technorati.com/account/verify?username=zxc123&key=fe0920359b91b42130a69d64048fc2c4



• Setelah itu masukan url blog anda kemudian klik begin claim dan selesai

Setelah melakukan pendaftaran, selanjutnya anda tinggal memaksimalkan layanan technorati. Untuk lebih jelasnya mengenai cara memaksimalkan technorati, ikuti saja terus blog ini

Gambar bergerak di blog

Dulu kursus blog pernah posting mengenai text bergerak (marquee). Eh...ternyata kurang lengkap tuh postingan sampai ada yg nanya "gimana kalo bikin gambar bergerak...??". Yawda...buat temen2 sekalian apa sih yang ngga. Berikut contoh untuk gambar bergerak :

-


Nah....buat yang pengen bikin gambar bergerak seperti diatas, ikuti langkah - langkahnya sebagai berikut :

• Seperti biasa login di blogger, lalu masuk ke layout kemudian page element.


• Klik add new page element --> HTML/JavaScript. Untuk letaknya terserah anda, mau diletakkan di sidebar, footer, atau dimana saja juga bisa.


• Copy Paste kode dibawah ini :
  
  

  <marquee onmouseout="this.start()" direction="up" align="center" scrollamount="2" onmouseover="this.stop()" width="100%" height="100"><img src="http://mizwar.blog.googlepages.com/logo.gif" alt=""/>
<img src="http://static.technorati.com/pix/fave/btn-fave2.png" alt="" />
</marquee>

  
  Text yg berwarna merah adalah kode HTML untuk gambar. Untuk mengganti gambarnya, silahkan ganti text yg berwarna merah tebal dengan url gambar anda.
  Text yg berwarna hijau tebal, adalah arah bergerak gambar. Untuk mengganti arahnya, silahkan ganti kata "up" dengan "down", "left" atau "right".
  


• Save dan Selesai..

Perhatian :

1. Gambar bergerak tersebut bisa juga disimpan di postingan. Caranya, ketika memposting klik edit html lalu masukan kode seperti diatas.
2. Untuk menampilkan gambar beserta link-nya, silahkan lihat di cara membuat link di artikel paling bawah.
   

Footer navbar

Mungkin buat sebagian orang agak kurang mengerti apa itu footer navbar, Jadi saya akan sedikit mencoba menjelaskan mengenai apa itu footer navbar sebelum bagaimana cara bikinnya. Pertama kali saya melihat footer navbar ini di blognya mas anang, karena kelihatan menarik..maka saya pun mencoba mengaplikasikannya di blog ini. Dan hasilnya...anda semua bisa melihat di bagian paling bawah dari blog ini. Berikut screenshootnya :


Anda bisa lihat text yang berada di dalam lingkaran biru, nah itulah yang disebut dengan footer navbar. Pasti dah ngertikan......Pengen pasang footer navbar di blog anda...? Ikuti cara2-nya dibawah ini :

1. Login di blogger, lalu setelah masuk dashboard pilih blog yang akan anda pasangi navbar ini

2. Seperti biasa, masuk layout --> edit html

3. Beri tanda centang pada expand template widget

4. Cari ]]></b:skin> lalu copy paste kode dibawah, diatas kode barusan

#navbar-footer a {
color: #000;
font-weight:bold;
}

#navbar-footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 10px solid #f5f5f5;
background-color: #fff;
width: 100%;
left: 0px;
text-align: left;
color: #000;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}

5. Langkah selanjutnya, masukan kode berikut persis diatasnya kode </body>

<div id='navbar-footer'>
<p align='center'>
<a href='http://kursus-blog.blogspot.com/'>Kursus Blog</a> © Juni 2008<br/>Template Designed by <a href='http://www.blogger.com/profile/01431888848076356714' target='new'>Mizwar</a> | on <a href='http://bloggertemplates-foryou.blogspot.com' target='new'>Blogger Templates</a></p>
</div>

Silahkan ganti semua text yang berwarna merah sesuai dengan data anda sendiri. Jika anda mengerti, anda bisa memodifikasi kode diatas sesuai keinginan anda. Bisa ditambahkan gambar, marquee, atau apa saja terserah anda. Ok...Selamat mencoba.

Form langganan email

Salah satu layanan yang disediakan oleh feedburner yaitu form berlangganan email. Layanan feedburner yang satu ini akan memudahkan para pengunjung blog untuk mendapatkan update posting terbaru dari suatu blog melalui email. Jadi para pengunjung yang memang senang dan suka dengan artikel suatu blog, tidak perlu langsung terjun payung mengunjungi blog tersebut. Cukup dengan mendaftarkan email-nya untuk berlangganan artikel terbaru, maka mereka pun akan mendapatkan informasi tentang update terbaru via email mereka.

Cara membuat form berlangganan email ini, sangatlah mudah. Dengan catatan anda harus mendaftarkan terlebih dahulu feed blog anda di feedburner. Bagi yang belum, silahkan baca artikel tentang cara daftar feedburner dan jangan lupa cara setting feedburner juga. Bagi yang sudah..yu ah kita langsung...aja.

Berikut langkah2 cara membuat form berlangganan email di feedburner.

1. Buka http://www.feedburner.com kemudian klik sign in lalu masukan username dan password anda.


2. Klik pada blog yang akan di pasang layanan berlangganan email.


3. Di bagian menu atas, klik publicize.
   
   


4. Selanjutnya, pada halaman publicize klik email subscription
   
   


5. Jika email subscription anda belum active, silahkan klik dulu activate untuk menggunakan layanan ini.


6. Setelah itu, akan muncul suatu halaman. Untuk memasang form berlangganan email di blog ada 2 cara. 1. Copy seluruh kode html nya lalu paste di sidebar blog anda, 2. Langusung dengan memanfaatkan import elemen blogger.


7. Saya akan membahas cara yang ke-1 aja. Silahkan copy semua kode html yang ada pada halaman tersebut
   
   
   Kemudian masukan ke element blog anda dengan gadget html/javascript. Terserah anda mau dimasukkan dimana. Sidebar bisa footer juga bisa. Jangan lupa di save.


8. Selesai..

Gambar melayang

Mungkin anda agak sedikit bingung juga dengan apa itu gambar melayang, nah...biar lebih jelasnya silahkan liat screenshoot dibawah ini :


Dari screenshoot diatas, anda bisa lihat gambar icon YM yang ditunjuk dengan tanda panah itu. Nah...itu dia yang saya sebut dengan gambar melayang. Knapa disebut melayang, karena kalo anda scrool blog anda, maka gambar icon YM tersebut akan tetap berada dan terlihat seperti melayang diatas blog. Kalo ga percaya, silahkan anda coba sendiri dengan menggulung blog ini kebawah dan lihat apakah letak gambar YM itu berubah atau tidak.

Bagaimana cara buatnya, silahkan ikuti langkah2nya di bawah ini :

• Seperti biasa, anda login terlebih dahulu di blogger lalu menuju ke layout dan edit HTML


• Biar ngga bingung, jangan kasih tanda centang pada kolom expand template widget


• Setelah itu, cari kode ]]></b:skin> dan letakkan diatasnya kode CSS berikut :
  
  

  #gambar_melayang {
position:fixed;
_position:absolute;
top:-25px;
left:5px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

  
  Kode CSS diatas, akan menempatkan gambar anda berada di pojok kiri atas. Untuk merubah letaknya, silahkan ganti text yg berwarna merah. Kata left menjadi right untuk posisi disebelah kanan. Jika ingin posisi-nya dibawah silahkan ganti kata top dengan bottom


• Selanjutnya, cari kode tag </body> dan letakkan diatasnya kode html berikut :
  
  

  <div id='gambar_melayang'>
<a href='ymsgr:sendIM?miz_doc86'>
<img alt='Chat with me' border='0'
src='http://opi.yahoo.com/online?u=miz_doc86&m=g&t=8'
style='float: right; margin-top: 35px;'/></a>
</div>

  
  Kode yang berwarna merah adalah kode untuk menampilkan status icon ym saya. Untuk merubahnya menjadi status ym anda, silahkan ganti text yg berwarna merah tebal dengan id ym anda masing2. Selain itu, anda bisa mengganti gambarnya sesuai keinginan anda, bisa widget, link, dll. Dengan catatan, anda meletakkan script atau kode HTML-nya diantar tag <div id='gambar_melayang'> dan </div>


• Save Template dan Selesai.

Promosi blog

Mungkin diantara alasan kenapa kita bikin blog salah satunya yaitu blog kita ingin dikunjungi banyak orang. Tentunya, buat blog yang memang baru saja di buat hal itu memang agak lumayan sulit juga. Tapi, sebenernya ada cara yang sangat mudah bagaimana memperkenalkan blog anda ke org lain, walaupun blog anda baru saja dibuat. Tapi, saya sarankan sebelum anda mempromosikan blog anda ke orang lain, minimal anda harus punya 10 artikel yang sudah anda posting di blog anda.

Menurut pendapat saya, ada 3 hal yang menjadi sumber bagaimana blog kita dikunjungi.

1. Search Engine
Mungkin anda sudah tidak asing lagi dengan yang ini, karena memang Search Engine ini merupakan sumber traffic yang paling diminati oleh setiap blogger. Cuma masalahnya, bagaimana blog kita bisa tampil di search engine. Tentu hal tersebut bukan cara yang mudah.Tapi...jangan putus asa dulu, silahkan anda terapkan teknik SEO versi Kursus Blog dan coba praktekkan satu-satu.


2. Referer site
Nah...kalo yang ini memang menjadi modal pertama untuk mendatangkan traffic di blog yang baru. Bisa dikatakan, referensi dari situs / blog lain Pengen tau cara-nya...? Silahkan baca sampai selesai artikel ini.

3. Direct Traffic
Maksudnya.....setiap pengunjung yang datang ke blog anda tidak melalui sumber no.1 dan no. 2. Melainkan...langsung menuju ke alamat blog anda. Tentunya, dengan catatan mereka sudah mengetahui alamat / url blog anda.

Ok...basa basi-nya cukup aja, langsung ke permasalahan bagaiamana cara promosi blog yang benar2 efektif bisa mendatangkan traffic ke blog anda.

• Daftarkan blog anda ke berbagai serach engine. Silahkan klik disini untuk mendaftarkan blog anda secara otomatis ke beberapa search engine.
• Rajin mengunjungi blog lain dan menuliskan komentar
• Isi setiap comment box pada blog yang anda kunjungi (kalo ada) dan memang cara ini adalah yang paling ampuh.
• Hindari komentar Spam
• Promosi lewat Email dengan mencantumkan signature yang menuju ke blog anda
• Promosi lewat Yahoo Messenger dengan menampilkan blog anda sebagai status message YM anda
• Barter Link (Link Exchange)
• Pasang Iklan di situs periklanan (memerlukan biaya)
• Daftarkan blog pada layanan pihak ketiga. Seperti technorati, mybloglog, blogcatalog, delicious dll

Coba anda terapkan hal - hal diatas, ya setidaknya blog anda akan lebih dikenal orang / blogger lain. Dan jangan lupa untuk selalu memperhatikan setiap posting yang anda tulis. Karena postingan yang berkualitas dapat menarik minat pengunjung blog anda. Selamat Mencoba

Komentar higtlight

Sebelum membahas mengenai "Author Comments Highlight", gimana kabar saudara/i sekalian...?? Mudah2an sehat selalu..Amiin.....

Okay...langsung aja ke permasalahan. Anda tahu apa itu "Author Comments Highlight"...?! Mungkin..bagi anda yang tahu bahasa inggris, pasti tahu artinya...nah bagi yang ga tau sama sekali alias "teu terang" kata orang sunda mah, maksud dari Author Comment Highlight itu adalah Tampilan komentar yang berbeda untuk pemilik blog. Contoh-nya seperti ini :


Lihat yang background-nya berwarna biru, itu adalah komentar pemilik blog. Nah...ngerti kan sekarang.....!! Terus gimana caranya...?! langsung aja ikutin cara2-nya dibawah ini.

1. Yang pasti, anda harus login terlebih dahulu ke blogger tentunya dengan id dan password blogger anda.

2. Langsung menuju Layout --> edit HTML

3. Backup dulu template anda sebagai jaga2....

4. Kasih tanda centang di kolom expand template widget

5. Selanjutnya, anda cari kode default komentar pada template anda. Kalo pada template minima kurang lebih kodenya seperti ini :



<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'&gt
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>



Nah...kalo template anda misalnya bukan minima, biasanya untuk kode default komentar diawali dengan tag <ul>. Pokoknya yang ada kode comments-blocks aja deh.

6. Kalo misalnya sudah ketemu, silahkan copy paste kode yang berwarna merah dan letakkan sesuai intruksi dibawah ini. (Ingat hanya kode yang berwarna merah)


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.author == data:post.author'>
<dt class='owner-Author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:else/>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
</b:if>

<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Body'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

<b:if cond='data:comment.author == data:post.author'>
<dd class='owner-Footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<b:else/>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:if>

</b:loop>
</dl>


8. Kalo sudah, selanjutnya tinggal memasang kode css untuk membedakan tampilan komentar pemilik blog. simpan kode ini diatas tag ]]></b:skin


.owner-Body {
margin:0;
padding:0 0 0 20px;
}
.owner-Body p {
font-size:100%;
margin:0 0 .2em 0;
background:#333333;
}

9. Save template dan selesai.

Catatan :
Setelah kode tersebut dipasang, maka hasilnya kurang lebih seperti ini :


Nah...kalo misalnya anda tahu, anda bisa merubah seluruh tampilannya dengan memodifikasi kode css untuk komentar blog anda. Selamat mencoba.....

Meta tag di blog

Tips SEO kali ini membahas mengenai meta tag. Jika anda belum tahu apa itu meta tag dan apa manfaatnya memasang meta tag di blog anda, berikut penjelasan singkatnya.

Apakah anda tahu bahwa memasang meta tag itu adalah suatu hal penting untuk mendatangkan lebih traffic dari search engine seperti google, yahoo, atau msn.

Pengertian Meta Tag
Meta tag adalah sebuah tag yang menjelaskan deskripsi blog / situs anda. Sekaligus memberikan informasi kepada mesin pencari, mengenai isi dari blog / situs anda. Perlu diketahui saja, memasang meta tag di blog / situs anda merupakan hal paling penting dalam SEO. Dengan meta tag di blog / situs anda, akan mempermudah mesin pencari untuk meng-indeks blog / situs anda. Tentunya, anda harus mendaftarkan dulu blog / situs anda di mesin pencari. Jika belum langsung aja ke Cara Daftar Search Engine. Mau pasang meta tag sekarang juga...? gampang kok. Silahkan ikuti tutorialnya.

1. Login di blogger. Pada menu dashboard pilih layout.


2. Klik pada menu edit HTML.


3. Selanjutnya, cari kode berikut :

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

4. Copy Paste kode di bawah ini dan simpan tepat di bawah kode diatas.

<meta content='Deskripsi Blog ' name='description'/>
<meta content='Kata Kunci Blog' name='keywords'/>
<meta content='Nama Anda' name='author'/>

Catatan: Ganti Text yang berwarna merah, sesuai intruksi berikut :
Deskripsi Blog --> Penjelasan Tentang isi dari Blog Anda
Kata Kunci Blog --> Kata Kunci tentang Blog anda
Nama Anda --> ya....nama dikau lah, masa nama saya.....hehehe

Kalo masih bingung, berikut contoh meta tag untuk blog saya :

<meta content='Tempatnya Belajar Blog dan Bisnis Online ada template gratis serta ebook juga lho' name='description'/>
<meta content='kursus blog, Belajar blog, blogger hack, tutorial blogger, kursus, blog, bisnis, bisnis online, tutorial blog, seo, affiliate,free template, free blogger templates' name='keywords'/>
<meta content='mizwar' name='author'/>

Mudah kan...? Langsung praktekin aja.........

Google sitemap

Tips SEO - Anda tau sitemap...? Apa sih sitemap itu...? Sekedar informasi saja, sitemap merupakan kumpulan daftar halaman sebuah blog. Dengan adanya sitemap, akan memudahkan search engine untuk mengcrawler blog kita. Nah....selain mendaftarkan blog kita di google, satu hal lagi yang wajib anda lakukan supaya bisa di indeks search engine yaitu dengan mencantumkan sitemap blog kita. Nah....bagaimana caranya..?? ikutin aja langkah2 di bawah ini :

1. Login di http://www.google.com/webmasters/ dengan menggunakan id dan password account gmail anda.
2. Jika belum memasukan situs anda silahkan daftarin dulu. Kalo udah langsung aja menuju sitemap --> add sitemap
   
3. Pada kolom choose type, pilih add general web sitemap
4. Pada my sitemap URL (Url Blog anda biasanya sudah ada) isikan atom.xml
5. Klik OK dan selesai

Yap begitulah cara mudah untuk mendaftarkan sitemap blog anda di google.

Selamat Mencoba

Optimasi SEO

Optimasi SEO Blogspot ini saya hanya bisa menyarankan dan memang terbukti berhasil, Jika anda memang ingin blog anda tampil di search engine, saya sarankan untuk mengikuti Optimasi SEO Blogspot ini. Tapi ingat...sekali lagi ini hanya saran dari saya setelah merasakannya. Gimana mo lanjut....?? kalo mau langsung aja ikutin cara2nya.....

1. Optimalkan keywords untuk setiap content blog anda. Jangan pernah salah untuk memilih keyword, apalagi yang sama sekali ga ada kaittannya sama isi dari blog anda. Untuk Lebih jelasnya, silahkan ikuti pasang meta tag di blogspot
   
2. Optimalkan Title Tag / Judul Halaman Blog. Untuk keterangan lebih lanjut silahkan ikuti Optimasi Judul Halaman Blog
3. Jadikan paragaraf pertama postingan anda sebagai tempat untuk keyword anda. Misalnya pada postingan ini saya utamakan kata Optimasi SEO Blogspot. Lihat berapa banyak kata tersebut di ulang di paragraf pertama postingan ini. Tapi ingat jangan terlalu banyak. maksimal 3 / 4 kali.
4. Daftarkan Sitemap untuk blog anda. Untuk caranya, silahkan menuju ke Google Sitemap Untuk Blogspot
5. Pasang Artikel yang berkaitan untuk setiap label postingan anda. Jika belum, silahkan menuju Pasang related post di blog
6. Manfaatkan fasilitas Readmore (Baca Selanjutnya). Karena hal tsb akan menarik perhatian pengunjung blog anda. Kalo belum pake, silahkan ke bikin readmore 1 atau bikin readmore 2
7. Banyakin One way link. Yang paling gampang, silahkan buat blog sebanyak mungkin dan arahkan link blog2 tersebut ke blog yang ingin anda optimalkan
8. Pasang Social Bookmark seperti techorati

Gimana...mudahkan...?? Sekali lagi ingat ini cuma saran saya aja. Dan butuh waktu yang lumayan lo untuk liat hasilnya. Tapi ga ada salahnya khan kalo dicoba...dijamin HALAL.

Salam ngeblog

Yahoo emotion di postingan

Dari pada kesel nunggu jemputan, mending nulis postingan dulu...biar ga ngantuk...
Pada kesempatan kali ini (ciee...kayak yg mo pidato aja ) saya mo kasih tau cara pasang icon yahoo emotions di postingan. Yaa kaya postingan saya ini.....Supaya lebih berwarna gitu.... Mungkin bagi sobat yang sudah sering chatting pake YM, pasti dah ga asing dengan hal ini. Tapi kalo masalah cara nampilinnya di postingan blog saya kurang tau....apa udah bisa atau belum. Nah...bagi yang sudah bisa, saya mohon koreksiannya (takut ada yg kurang). Tapi....bagi yg belum silahkan aja untuk dicoba pasti berhasil kok. Soalnya saya dah aplikasikan sendiri di blog saya ini. Sobat semua tinggal copy aja code-nya lalu sisipkan diantara kata-kata yang pengen di pasangin emotion-nya. Tapi...inget jangan lagi nulis sedih..malah diselipin icon yang bahagia apalagi yang ketawa ntar disangka ..... lagi . Ok..silahkan sobat copy kode di bawah ini :

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width=20 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=34 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=22 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width=22 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width=18 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width=30 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width=24 height=18 border=0>

-- <img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width=18 height=18 border=0>

Sebenarnya....masih banyak yahoo emotions yang belum saya cantumkan di postingan ini. Tapi kalo sobat dah ga sabaran silahkan klik disini. Atau sobat pengen tau cara lain yang lebih mudah tanpa harus mencantumkan kode tapi langsung ada di menu postingan silahkan klik disini.

Ok....selamat ber smile - smile aja deh..