0 Meta Tag Untuk Optimasi SEO pada Template Blog

Apa kegunaan meta tag? Meta tag berguna untuk meningkatkan rank blog kita di search engine seperti google, yahoo, dan yang lainnya. Meta tag juga digunakan untuk memberikan gambaran atau uraian singkat mengenai isi dari blog kita. Dalam meta tag, kita harus memasukkan kata kunci atau keywords yang terdapat dalam blog kita, sehingga blog kita lebih mudah di deteksi oleh search engine. Tapi ingat! Jangan pernah masukkan keywords yang tak ada hubungannya dengan blog Anda karena akan dianggap spam. Sebagai contoh, blog Anda berisi tentang ilmu science, tetapi Anda memasukkan keywords berbau kotor atau porno karena alasan keywords itu banyak dicari di google. Itu akan dianggap spam.

Dalam meta tag juga terdapat robot yang akan sangat berguna bagi blog. Meta Tag Robots ditujukan untuk memilih atau menentukan halaman blog mana yang bisa atau boleh di-index oleh spider dan halaman blog mana yang tak boleh di-index. Bagi blogger yang memiliki template berisi menu navigasi seperti saya. Contoh terdapat menu seperti ini. Home | Content | Downloads | Friend's Banner | Tutorial |. Tentu Anda tak ingin menu tersebut terindex di search engine.

Untuk melihat apakah dalam template blog Anda sudah tertanam meta tag, silahkan login dulu ke blogger, kemudian cari menu layout, edit HTML. Pada edit HTML paling atas, lihatlah kode <b:skin>. Apakah diatas kode tersebut terdapat kode seperti ini:

<b:if cond='data:blog.pageType != "item"'>
<meta content='[belajar bahasa pemrograman C++. terdapat juga download software, informasi IT, dan tips serta trik komputer]' name='description'/>
</b:if>
<meta content='[pemrograman C++, Tutorial C++, Tips dan trik komputer, tutorial SQL, Belajar Java, Tutorial Java, Informasi Teknologi, download Software]' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

Nah, jika belum, tambahkan kode berikut diatas kode <b:skin> :

<b:if cond='data:blog.pageType != "item"'>
<meta content='[tulis deskirpsi blog kamu disini]' name='description'/>
</b:if>

<meta content='[keyword1, keyword2, dst..]' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>


Silahkan ganti tulisan berwarna merah dengan keyword yang terdapat dalam blog kalian. Semoga tips ini berguna buat kalian semua. Terimakasih.

Read more

0 Memasang Widget Share Facebook di Blog

Akhir-akhir ini semakin banyak blog atau website yang memasang widget share on facebook di postingannya. Kenapa demikian? Karena dengan memasang widget share on facebook, kita dapat memberikan fasilitas kepada pengunjung blog kita untuk membagikan artikel yang mereka baca diblog ke halaman facebook mereka. Sehingga teman-teman mereka di facebook menjadi tahu artikel-artikel yang apa saja dibaca si pembagi ini. Siapa tahu ada info menarik, kalian bisa membagikannya kepada teman kalian di facebook hanya dengan mengklik tombol share on facebook tersebut. Contohnya, kalian bisa melihat dipojok kanan atas postingan ini. Tepat dibawah judulnya, terdapat kotak share on facebook. Bentuknya seperti yang terlihat digambar diatas.

Selain itu, link blog kita juga akan muncul di halaman facebook, sehingga memungkinkan lebih banyak pengunjung datang melalui facebook. Nah, jika kalian para bloggers ingin memasang widget seperti itu dihalaman blog kalian, caranya sangat mudah, cukup dengan menambah beberapa kode. Mau tahu caranya? Baca artikel ini selengkapnya. Hehe, karena artikel ini panjang, jadi agar loading blognya cepat saya pake fasilitas readmore.

Pertama pasang kode berikut tepat diatas kode <p><data:post.body/></p> :

<b:if cond='data:blog.pageType == "item"'>
<div style='float:right; padding:0 0 10px 10px;'>
kode widget facebook
</div> </b:if>

Kode diatas bertujuan untuk meletakkan widget facebook disisi kanan atas postingan dan agar tidak mengganggu isi dari postingan. GANTI tulisan berwarna merah dengan kode widget share on facebook berikut:

Berikut adalah kode-kode widget share on facebook.

Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:

<a name="fb_share" type="icon_link" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:





<a name="fb_share" type="button" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:


 <a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

 Untuk kode widget seperti gambar disamping, kodenya adalah sebagai berikut:







 <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Bagikan</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

Kalian dapat mengganti tulisan berwarna orange sesuka hati kalian, tapi jangan terlalu panjang karena akan menyebabkan ketidaknyamanan dalam penglihatan. Saya sendiri menggantinya dengan kata "share". Silahkan dicoba, semoga berguna dan bermanfaat.

Read more

0 Cara Memasang Kotak Iklan baris Diatas Postingan

Ada yang ingin menambahkan sesuatu yang baru dalam blognya? Misalkan kolom iklan yang diletakkan diatas tempat posting. Seperti yang terdapat dalam blog IT Programmer ini, terdapat 7 kolom iklan yang berbaris diatas tempat posting artikel IT Programmer. Untuk itu saya akan memberikan tips dan trik ini kepada teman-teman sekalian.

Kolom 7 iklan ini tentu akan sangat berguna untuk menambah space kolom untuk iklan kalian, selain itu, jika kalian mengikuti program seperti PPC atau PTC, kalian dapat memasang bannernya disana, sehingga bisa mendapatkan refferal dari pengunjung.

Hal pertama yang harus kalian lakukan tentu saya masuk ke akun blog masing-masing. Masuklah ke menu design, lalu cari Edit HTML. Jangan lupa beri tanda centang pada Expand Templatea Widgets. Setelah itu, copy code berikut dan paste diatas kode <div id='main-wrapper'>.

<div id='sidebar-ads'>
<div class='ads-sidebar'>
<center><ul>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
<li><a href='mailto:emailmu@apapun.com.com' target='_blank'><img border='0' height='125' src='http://i306.photobucket.com/albums/nn252/cebong_ipit/banner-ifoell.png' width='125'/></a></li>
</ul></center>
</div>
</div>



Jika dalam blog kalian terdapat sidebar kiri, maka paste code diatas tepat diatas kode sidebar kiri kalian. Lalu ganti kode emailmu@apapun.com dengan alamat emailmu, misalkan emailmu@yahoo.com. Jika sudah, copy code berikut dan paste sebelum kode ]]></b:skin>.


#sidebar-ads {
width:970px;
margin-bottom:5px;
float:right;
background:#fff;
padding:10px;
}
.ads-sidebar{float:left; margin:0pt; padding:0pt}

#sidebar-ads ul li ul{list-style-type:square; margin-left:1.5em; padding:0; border:0}
#sidebar-ads ul li ul li{border:0}
#sidebar-ads .ads-sidebar ul{background:transparent none repeat scroll 0% 50%; border:1px solid transparent; float:left; margin:0pt; padding:10px 0pt 10px 2px; width:970px}
#sidebar-ads .ads-sidebar ul li{display:inline; list-style-type:none; margin:0pt; padding:0pt}
#sidebar-ads .ads-sidebar ul li a:hover{border-bottom:none; list-style-type:none}

.ads-sidebar ul{margin:0px; padding:0px}
.ads-sidebar ul li a{float:left}
.ads-sidebar img{margin:0px 0px 5px 5px; border:1px solid #CCC; padding:2px}
.ads-sidebar img:hover{border:1px solid #999}


Lalu ubah dan sesuaikan lebar atau width blog anda. Ganti kode berwarna merah dengan lebar blog anda. Lalu simpan template.

Read more

0 Cara Memasang Google Translate

Apakah kalian memiliki blog yang pengunjungnya tidak hanya dari Indonesia? Apalagi blog kalian tersebut isinya menarik. Tentunya kalian ingin membuat artikel yang berbahasa inggris atau bahasa lainnya agar pengunjung blog kalian khususnya dari luar Indonesia agar dapat menikmati artikel-artikel hebat kalian. Nah, ada solusi mudah agar pengunjung asing bisa menikmati artikel dalam blog kalian, meski isi artikel berbahasa Indonesia. Caranya, cukup pasang google translate pada blog kalian.

Google translate adalah kamus online dari google. Kamus ini dapat menerjemahkan isi blog kalian dari satu bahasa ke bahasa lainnya. Menarik bukan :). Nah, bagi yang ingin mempercantik blognya dengan widget ini, silahkan tambahkan widget google translate di blog kalian. Ikuti langkah-langkahnya dibawah ini:

Silahkan login ke blogger dengan akun kalian masing-masing,
Masuk ke tab Design,
Klik Add Gadgets,
Klik Add HTML/JavaScript,
Copy paste kode berikut, lalu simpan.

English ??????? ????????? català cesky Dansk Deutsch ???????? Español suomi Français ?????? Croatian Indonesia Italiano ????? Japanese Korean Lietuviu latviešu Nederlands norsk Polski Português Româna ??????? slovencina slovenšcina ?????? Svenska Filipino ?????????? Ti?ng Vi?t Chinese (Simplified) Chinese (Traditional)

Jika sudah disimpan, lihat hasilnya. Selamat mencoba :), saya sendiri telah menggunakan widget google translate ini.

Read more

0 Cara Membuat Marquee / Text dan Aplikasi banner Berjalan pada Blog

Marquee ini bisa di buat dengan menggunakan tag <marquee>.......</marquee>.

Efek Marquee biasanya menggunakan atribut seperti :
BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks.
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks .
BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan .
Scroll --> teks bergerak berputar.
Slide--> teks bergerak sekali lalu berhenti.
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi.
TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks.
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik.
LOOP="angka|-1|infinite" --> Mengatur jumlah loop.
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen 

Contoh Marquee / Text berjalan : dari kanan ke kiri :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%"> 

B'Tm Street

</MARQUEE>

hasilnya :

B'Tm Street

Contoh Marquee / Text Berjalan : dari perilaku gerakan : 

<MARQUEE align="center" direction="left" height="300" scrollamount="3" width="70%" behavior="alternate">

B'Tm Street </MARQUEE>

hasilnya :

B'Tm Street 

Contoh marquee yang di dalam nya terdapat link : 

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="200" align="center">
<a href="http://flash085.blogspot.com" target="new">B'Tm Street </a><br/>
<a href="http://namablog1.blogspot.com" target="new">judul blog 1 </a><br/>
<a href="http://namablog2.blogspot.com" target="new">judul blog 2</a><br/>
</marquee> 

hasilnya :

B'Tm Street

judul blog 1

judul blog 2

Read more

0 CARA BIKIN KOTAK IKLAN

Kali ini saya akan share trik sederhanan bagaimana cara bikin kotak iklan (Banner Box). Untuk fungsi Banner ads sendiri kayaknya gak perlu saya jelasain..., lagi pula untuk apa..ya. saya yakin pasti kalian semua sudah ngerti.  Ok, langsung aja dicopas deh....

Read more

0 Membuat Iklan PPC Melayang Di blog – Floating Ads

MEMBUAT IKLAN MELAYANG DI BLOG 

Bagi yang mau blognya bisa menghasilkan duit lebih banyak lagi, direkomendasikan untuk menggunakan trik ini. Memang, dengan membuat iklan ( khususnya iklan PPC seperti kumpul blogger ) menjadi melayang, akan sedikit mengganggu pengunjung, tapi gapapa lah, sedikit aja. Oy, kira2 dah tahu belum yang dimaksud iklan melayang ini? Maksudnya, pada saat blog dibuka sebuah iklan akan tampil bukan di side bar atau di postingan blog, tetapi posisinya di atas, tepatnya iklan tersebut nantinya akan nongol dewe. Untuk lebih jelasnya mengenai cara membuat iklan PPC melayang, praktekkan aja langsung trik ini biar terasa maksud dari iklan melayang ini. 

Read more