Membuat Tag Cloud Di Blogger

Membuat Tag Cloud Di Blogger

Cara simple/singkat membuat tag cloud pada blogger

Pertama saya mengenal blog,banyak sekali istilah-istilah widget blogger yang ingin saya ketahui.

Seperti halnya ‘Tag Cloud’yang akan kita bahas kali ini.
Dulu,saya mengerti dan pernah menjumpai widget seperti ini,namun karena tidak mengerti apa namanya,maka saya googling dengan berbagai kata kunci.
Seperti;'cara membuat tulisan besar dan kecil pada blogger',atau 'cara membuat widget tulisan tebal dan tipis',dll.

Bahkan saya sempat bertanya langsung pada masternya,sampai saya tahu itu namanya Tag Cloud.

Beberapa waktu lalu saya sempat memposting juga tentang cara membuat tag clouds untuk blogspot,namun masih manual bukan wyswyg seperti fitur blogger saat ini.
Karena,seiring berkembangnya fitur instant blogger,blogger sudah memberikan langkah mudah untuk membuat label berbentuk awan ini.

Nah,untuk contoh tag cloud,anda bisa lihat ilustrasi gambar di atas,atau bisa kunjungi langsung blog teman saya di mendengarkan musik mp3 gratis.

Langkah Sederhana Membuat Tag Cloud Untuk Blogger

Seperti biasa,untuk membuat tag cloud ini,pertama pergilah ke Tata Letak,lalu add new widget atau klik tulisan Tambah Gadget untuk blog berbahasa indonesia.


Setelah itu muncul dialog box,pilih Label.


Kemudian akan muncul jendela baru lagi,lalu pada option pilihlah Tag Cloud,lalu klik tulisan Simpan.

---

Selesai,anda sudah berhasil membuat tag cloud di blogger,dan silakan lihat hasilnya.
Semoga bermanfaat ya :D

---

Baca Juga Yang Ini..

• Membuat Tag Clouds di Blogspot
• Membuat Label / Kategori
• Menghilangkan Angkan Pada Label Blog

( Label: blogspot ) Read more

Membuat Marquee / Text Berjalan

Membuat Marquee / Text Berjalan

Membuat Text Berjalan / Rolling text: "

Text berjalan,dan akan berhenti jika ada event di atasnya,...uuh !boleh tuh!

Selain menghemat tempat juga menambah sekaligus mempercantik situs kita sendiri.Seperti contoh,dalam “Dollar Free” di geliat-bisnis.blogspot.com,saya gunakan kode ini.

Pergi keTambah halaman,Add widget pilih Html / Javascript lalu copy paste kode di bawah ini:

---

<marquee onmouseover="this.stop()" onmouseout="this.start()"
scrollamount="1" scrolldelay="60" direction="up" width="450" height="150">
<a href="http://www.google.com">contoh 1</a><br/>
<a href="http://www.yahoo.com">contoh 2</a><br/>
<a href="http://geliat-bisnis.blogspot.com">contoh 3</a>
</marquee>

---

Untuk situs tujuan anda bisa menentukan sendiri,disini sebagai contoh saya memakai :

www.yahoo.com
www.google.com
dan
geliat-bisnis.blogspot.com sebagai situs tujuannya.

Mudah banget ya. :)

( ) Read more

Cara Membuat ToolTip Ber-Link Di Dalamnya

Cara Membuat ToolTip Ber-Link Di Dalamnya

Cara Membuat Tool Tip / Mini Popup Memiliki Link Anchor dan Menu Pilihan Didalamnya

Meskipun tutorial membuat tooltip link ini diposting tengah malam kaya ghene(bahasa gaul sekarang gan pent-),tapi tetep semangat ya bro,langsung aja deh,coba sobat arahkan kursor pada gambar link download di posting KLIK DISNI,nanti akan keluar tooltip keren yang memiliki link didalamnya (adapun masalah apa itu tooltip dan pembahasannya telah disharing beberapa waktu lalu di SINI pent-):

Gambar screenshotnya akan tampil seperti ini gan:

Gimana gan,pingin bikin juga buat menghias blog kamu,betul sob,kita bisa membuat tooltip yang didalam tool tip tersebut memiliki link bahkan gambar sekalipun,yuk kita intip gimana sih cara ngbikinnya :D

Langkah Membuat Coda Bubbles dengan jQuery

Pertama langkahnya seperti biasanya ya hanya pilih Dashboard (gb.1),lalu Tata Letak (gb.2) kemudian contreng tulisan Expands Widget Templates (gb.3).


(1)


(2)


(3)

Nah,selanjutnya cari kode ]]></b:skin> (gunakan Ctrl+F di keyboard sob),setelah ketemu tinggal letakkan kode CSS berikut tepat diATAS kode ]]></b:skin> tersebut.

.bubbleInfo {
position: relative;
}

.popup {
font-size:11px;
width:200px;
background:#F3F3F3;
padding:3px 5px;
border:1px solid #CCC;
position: absolute;
display: none; /* keeps the popup hidden if no JS available */
bottom:60px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.popup:after{
border:15px solid;
border-color: #F3F3F3 transparent transparent transparent;
content:"";
display:block;
height:;
width:;
position:absolute;
bottom:-30px;
left:80px;}

Setelah itu cari kode </head> gunakan Ctrl+F pada keyboard untuk mempermudah pencarian,setelah sobat menemukan kode </head> letakkan persis diATASnya kode script berikut:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2' type='text/javascript'/>
<script src='jquery.js' type='text/javascript'/>

<script type='text/javascript'>
$(function () {
$(&#39;.bubbleInfo&#39;).each(function () {
// options
var distance = 10;
var time = 250;
var hideDelay = 500;

var hideDelayTimer = null;

// tracker
var beingShown = false;
var shown = false;

var trigger = $(&#39;.trigger&#39;, this);
var popup = $(&#39;.popup&#39;, this).css(&#39;opacity&#39;, 0);

// set the mouseover and mouseout on both element
$([trigger.get(0), popup.get(0)]).mouseover(function () {
// stops the hide event if we move from the trigger to the popup element
if (hideDelayTimer) clearTimeout(hideDelayTimer);

// don&#39;t trigger the animation again if we&#39;re being shown, or already visible
if (beingShown || shown) {
return;
} else {
beingShown = true;

// reset position of popup box
popup.css({
top: -100,
left: -33,
display: &#39;block&#39; // brings the popup back in to view
})

// (we&#39;re using chaining on the popup) now animate it&#39;s opacity and position
.animate({
top: &#39;-=&#39; + distance + &#39;px&#39;,
opacity: 1
}, time, &#39;swing&#39;, function() {
// once the animation is complete, set the tracker variables
beingShown = false;
shown = true;
});
}
}).mouseout(function () {
// reset the timer if we get fired again - avoids double animations
if (hideDelayTimer) clearTimeout(hideDelayTimer);

// store the timer so that it can be cleared in the mouseover if required
hideDelayTimer = setTimeout(function () {
hideDelayTimer = null;
popup.animate({
top: &#39;-=&#39; + distance + &#39;px&#39;,
opacity: 0
}, time, &#39;swing&#39;, function () {
// once the animate is complete, set the tracker variables
shown = false;
// hide the popup entirely after the effect (opacity alone doesn&#39;t do the job)
popup.css(&#39;display&#39;, &#39;none&#39;);
});
}, hideDelay);
});
});
});

</script>

Nah,untuk menampilkannya pada widget coba pilih Tata Letak / Rancangan seperti gambar no (1),dan klik tulisan Add New Widget atau Tambah Gadget,lihat Gambar no (4)


(4)


(5)

Selanjutnya pilih HTML/Javascript lihat Gb(5)kemudian letakkan kode berikut:

<div class="bubbleInfo"><a href="http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3" trigger=""><img class="trigger" src="http://3.bp.blogspot.com/-OyJmeSaNDXA/T60LK6s8WxI/AAAAAAAABkQ/x6UY2x9CGw8/s1600/download%2Bbutton%2Bpelajaran%2Bblog.jpeg" height="65" width="150" /></a><div class="popup"><table><tbody><tr> <td>Nama File</td><td>: Benarkah Bid'ah Itu Sesat?</td></tr><tr><td>Ukuran</td><td>: 337kb</td></tr><tr> <td>Hosting </td> <td>: Google Code </td></tr><tr><td>Url Link </td> <td>: <small><a href="http://belajargooglecode.googlecode.com/files/Siapa%20Bilang%20Bid%27ah%20itu%20sesat.mp3" target="_blank">Klik Di Sini</a></small></td> </tr><tr> <td>Referensi </td><td>: <small><a href="http://pelajaran-blog.blogspot.com/" target="_blank">Pelajaran Blog dan Seo</a></small></td></tr>
</tbody></table></div></div>

Lalu simpan dan lihat hasilnya,oh ya,kode yang bercetak tebal sesuikan saja ya,udah terlalu malem soalnya gan,see you ya :D

( Label: blogspot ) Read more

Membuat Slideshow Photo / Foto Berubah-ubah

Membuat Slideshow Photo / Foto Berubah-ubah

UPdate! Trik Membuat SlideShow Image Widget for Blogger,Sudah Direvisi! Dijamin Berhasil 100%

SlideShow Image Widget for Blogger

Masih ingat ga sob artikel tentang membuat widget gambar slideshow beberapa waktu lalu? Yup,saya menemukan cara yang singkat mudah dan terlihat 'sempurna' dari script yang diciptakan teman kita ini,saya ambil artikel ini dari blog sahabat di www.khairulumam.com.
Jika widget yang pertama hanya menampilkan gambar dalam ukuran kecil bahkan navigasi slide-nya sedikit cacat karena tidak dapat ditampilkan sempurna disamping widget,lain halnya dengan script slideshow widget for blogger kali ini.

Widget ini terkesan lebih professional membuat kami ingin membagikan informasi ini pada teman-teman.
Bentuk fisiknya sobat bisa lihat di SINI.

Nah,ini juga salah satu penerapan bahasa jQuery pada blogger yang mana menampilkan slideshow pada gambar / image secara otomatis (jadi tak perlu menggunakan tombol geser,etc).

Itulah mengapa artikel kali ini saya beri judul Membuat Slideshow Photo / Foto Berubah-ubah dalam Membuat SlideShow Foto Widget #2 sebagai penyempurnaan dari widget sebelumnya di membuat slideshow jquery di postingan beberapa waktu lalu.
Oke sob,kita intip yuk bagaimana cara membuat widget slide show pada gambar / image / pictures ini.

Langkah dan Cara Membuat Slide Show Photo Widget for Blogspot

Pertama,sobat pergi ke pasar (hush!!!!) maksud kami pergi ke Dashboard > Tata Letak > Edit HTML > Contreng Expand Widget Templates (lihat gambar)

(1)


(2)


(3)

Cari kode <head> (gunakan Ctrl+F pada keyboard untuk mempermudah pencarian),setelah menemukan kode tersebut tepat dibawahnya letakkan kode script berikut ini:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>
//<![CDATA[

$(document).ready(function() {

//Execute the slideShow, set 6 seconds for each images
slideShow(3000);

});

function slideShow(speed) {

//append a LI item to the UL list for displaying caption
$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');

//Set the opacity of all images to 0
$('ul.slideshow li').css({opacity: 0.0});

//Get the first image and display it (set it to full opacity)
$('ul.slideshow li:first').css({opacity: 1.0});

//Get the caption of the first image from REL attribute and display it
$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));

//Display the caption
$('#slideshow-caption').css({opacity: 0.7, bottom:0});

//Call the gallery function to run the slideshow
var timer = setInterval('gallery()',speed);

//pause the slideshow on mouse over
$('ul.slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval('gallery()',speed);
}
);
}
function gallery() {

//if no IMGs have the show class, grab the first image
var current = ($('ul.slideshow li.show')? $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

//Get next image, if it reached the end of the slideshow, rotate it back to the first image
var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));

//Get next image caption
var title = next.find('img').attr('title');
var desc = next.find('img').attr('alt');

//Set the fade in effect for the next image, show class has higher z-index
next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);

//Hide the caption first, and then set and display the caption
$('#slideshow-caption').animate({bottom:-70}, 300, function () {
//Display the content
$('#slideshow-caption h3').html(title);
$('#slideshow-caption p').html(desc);
$('#slideshow-caption').animate({bottom:0}, 500);
});

//Hide the current image
current.animate({opacity: 0.0}, 1000).removeClass('show');

}

//]]>
</script>

<style type='text/css'>
ul.slideshow {
list-style:none;
width:600px;
height:240px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
font-family:Arial,Helvetica,Trebuchet MS,Verdana;
;
}
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;
}
ul img {
width:600px;
height:240px;
border:none;
}
#slideshow-caption {
width:600px;
height:70px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;
font-size:16px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
</style>

Ket: kode berwarna merah adalah kode yang sobat bisa ganti sesuai dengan keinginan untuk menentukan lebar,tinggi serta panjang dari gadget tersebut,sedang untuk yang lain sobat otak-atik aja sendiri ya :D

Untuk langkah kedua sekaligus langkah terakhir sobat pergilah ke pasar (hush!!! pasar mulu pent-) maksud kami pergilah ke Dashboard > Tata Letak > klik tulisan Add a Gadget (tambah widget) > pilih HTML/Javascript lalu letakkan kode ini:

<ul class="slideshow">
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLWrnaJUG7v1SSANV6NqVVjSyPjag6ZgnITKEj3baYHxL4NYRR1TAVqZxsw-Obm7R8UNkjUYCYposGruynpEfr3FMjHVNHlwyjPa1AMxu6FdZZhVYw7orX4zQU2lw50sx7sI-3u8S7jww/s1600/1.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLWrnaJUG7v1SSANV6NqVVjSyPjag6ZgnITKEj3baYHxL4NYRR1TAVqZxsw-Obm7R8UNkjUYCYposGruynpEfr3FMjHVNHlwyjPa1AMxu6FdZZhVYw7orX4zQU2lw50sx7sI-3u8S7jww/s1600/1.jpg" title="This is featured post 1 title" alt="Replace This Text With Your Featured Post 1 Description." /></a></li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNKCUpLAUiER18DMQzDI8quEVtXGtSLA550BE4ofoblcC_ZkKPZ2dmpCeXH1E1MdSq-x34XwXp1hPcgLwZHXcx6UusA3Jb9D8tDti3Eic7DijVr7ll6mN2RXklOoP7jUB37ayKegCGPBk/s1600/2.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNKCUpLAUiER18DMQzDI8quEVtXGtSLA550BE4ofoblcC_ZkKPZ2dmpCeXH1E1MdSq-x34XwXp1hPcgLwZHXcx6UusA3Jb9D8tDti3Eic7DijVr7ll6mN2RXklOoP7jUB37ayKegCGPBk/s1600/2.jpg" title="This is featured post 2 title" alt="Replace This Text With Your Featured Post 2 Description." /></a></li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBY4Nx9uCYbMkWg0lpEN15t3kgwPdLYZgwPO5g5EumQYUvvOMrFAHjhN4Ro2BINENBE9pigJ-V8gY0hPdxc4MVcO_0xX4DsgM43LGx4nW5Rmw5y89ZwmCNfTotJ1nTDj2-e3M41DcXhyc/s1600/3.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBY4Nx9uCYbMkWg0lpEN15t3kgwPdLYZgwPO5g5EumQYUvvOMrFAHjhN4Ro2BINENBE9pigJ-V8gY0hPdxc4MVcO_0xX4DsgM43LGx4nW5Rmw5y89ZwmCNfTotJ1nTDj2-e3M41DcXhyc/s1600/3.jpg" title="This is featured post 3 title" alt="Replace This Text With Your Featured Post 3 Description." /></a></li>
<li><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLWyQSly0A9RvFPrrF-0WlsYGlgUBx-jATmNtJ97uYPtFrjzgQ4JLye4bN29pn8iwmq66PL-doNc8kAiX0NRurdWiWopqx40ALvYgoQeAtsufV2alsmlzI_cYyQFkkkoACmQ2W-l3Qm4I/s1600/4.jpg"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLWyQSly0A9RvFPrrF-0WlsYGlgUBx-jATmNtJ97uYPtFrjzgQ4JLye4bN29pn8iwmq66PL-doNc8kAiX0NRurdWiWopqx40ALvYgoQeAtsufV2alsmlzI_cYyQFkkkoACmQ2W-l3Qm4I/s1600/4.jpg" title="This is featured post 4 title" alt="Replace This Text With Your Featured Post 4 Description." /></a></li>
</ul>

Simpan dan lihat hasilnya,mudah singkat dan menarik khan sob?

Sebagai kata terakhir gan,kami Pelajaran Blog menyampaikan rasa Terima kasih buat pihak-pihak yang terkait,i love you full guys! :D

Trik Membuat Slide Show Foto Widget #

( ) Read more

Cara Mendatangkan 1000 Pengunjung per Hari Dengan Hitstats

Cara Mendatangkan 1000 Pengunjung per Hari Dengan Hitstats

★ Sekilas Tentang Hitstat

Seperti yang sudah kita semua tahu,situs jasa ini sangat membantu dalam memonitor status web/blog.
Mulai dari merekam jumlah pengunjung perhari,jumlah pengunjung online,jumlah view halaman,maupun berapa kali jumlah situs telah dikunjungi.

Jika anda belum memasang widget ini,anda bisa daftar gratis di www.hitstats.com.
Untuk langkah-langkahnya mudah koq,tinggal ikuti instruktur ajha :D.

Masalahnya,kali ini bukan untuk membahas langkah-langkah memasang widget hitstat ini,melainkan memanfaatkan stats counter ini untuk mendatangkan pengunjung lebih banyak.

Dan istimewanya lagi,trik ini berlaku untuk memotivasi blogger yang sedang mendalami belajar seo menggunakan blogspot/blogger maupun wordpress ataupun yang lain.

★ Membongkar Rahasia Hitstats/Hitstats Hack

Waduh! apaan nich!? hack? urasannya nanti ama polisi dunks!
Wait,wait..tunggu dulu,saya hanya pemula internet mas,jadi masalah hacker mungkin bukan bakat saya hehe..,jika saya memakai subtitle ‘hitstats hacking’ biar lebih dahsyat ajha,:D

Eit's! jangan beranjak dulu,serius!karena anda tidak akan menyangka,widget sederhana ini akan kita bongkar rahasianya dan nantinya mampu mendatangkan 100 bahkan 1000 pengunjung per hari,bahkan bisa lebih dari itu,tergantung seberapa kuat jari anda beradu keyboard.

Jari? beradu? keyboard? apaan si? penasaran? so,let's check this tips out sob!

• Apakah anda masih berpatokan hitsats/counter stats sebagai pemonitor situs anda?
• Sedih,ketika melihat hitstats situs blog anda hanya ada 1 pengunjung/hari dan itupun anda?
• Pernahkah anda menjumpai hitstat blog/situs para master seo dengan kunjungan 1000-4000/hari dan 40-60 user online?

Pada hari ini,jika anda membaca artikel ini dengan seksama,keluhan-keluhan diatas bukan lagi menjadi masalah.
Sudahkah anda siap untuk mengetahui Rahasia Hitstats?

Pembaca:ngemeng aja n..kapan mbongkar rahasianya!!
Pelajaran Blog:hehehehe..sabar ya :D
Pembaca:kabur akh! bohong ni..
Pelajaran Blog:yayayayaya...inilah rahasia hitstats!

★ Seo,Hitstats Hack Cara Mendapat 1000 Pengunjung/hari

Sebelumnya,seperti yang kita tahu seo(search engine optimization),sangat banyak dibutuhkan para blogger.
Mereka berlomba-lomba untuk mendatangkan sebanyak-banyaknya pengunjung dengan berbagai cara dan langkah.

Pelajaran Blog,demi teman-teman netter akan membocorkan rahasia dibalik hitstats ini,dan bukan mustahil lagi jika suatu saat ini,langkah yang akan kita bahas kali ini merupakan kiat membongkar rahasia seo hanya dengan hitstats.

Hitstat maupun counter stats serupa,pada intinya hanya merekam cookies pada komputer anda.

• Pastikan anda sudah memasang hitstat pada blog anda.
• Cara yang akan kita pakai,menggunakan modus delete cookies every page (menghapus cookies setiap tampil halaman ).
• Browser yang kita pakai adalah Mozilla Firefox,jadi jika anda masih menggunakan Internet Explorer,download mozilla firefox di sini.

Jika anda sudah mempersiapkan hal tersebut diatas,let's play! (aaaaalah! sok bule,hihihihi..)

★ Langkah-langkah Mengakali Hitstat Untuk Mendapat Pengunjung

• Bukalah blog anda,lihat status statsnya,untuk sementara kita lihat mulai berapa orang(user)yang sedang online,dan berapa kali blog dikunjungi pada hari ini.
  ‘Biasanya untuk keterangan berapa user yang online,bertuliskan online,sedangkan untuk berapa kali hari ini dikunjungi bertuliskan Visit Today’
  
  


• Selanjutnya,pilih di Tools browser mozilla firefox anda,lalu pilih Option.
  
  


• Pilih Kolom Privasi,dan klik tombol Setting.
  
  



• Contreng semua checkbox,lihat ilustrasi gambar di bawah ini,setelah itu klik tombol OK.
  
  




• Selanjutnya tutup dengan menekan tombol OK sekali lagi,kemudian test dengan menekan Ctrl+Shift+Del,jika keluar jendela window seperti gambar di bawah ini,berarti anda siap action.
  
  



• Mulailah,tekan Ctrl+Shift+Del kemudian Enter setelah itu Refresh halaman atau hanya dengan menekan F5 pada keyboard,dan tunggu sampai halaman benar-benar tampil sempurna.Ingat!!! halaman harus benar-benar tampil sempurna(tak ada loading lagi).
• Setelah anda yakin halaman sudah tampil semua,lakukan kembali seperti langkah diatas,begitu seterusnya,dan lihat status hitstat anda.Unbelieveble right!!!?

‘Jika anda melakukan 3x seperti langkah diatas,hari itu juga anda mendapat 3 pengunjung dan 3 user online.Apa jadinya jika anda melakukan 1000x?’

Tentu sekarang anda tahu khan apa maksud jari beradu keyboard diatas?xixixixixi..

Nb:Tapi semua kembali ke diri kita masing-masing,terus terang pelajaran blog tidak menggunakan cara ini,dan memang trafik yang terjadi murni dari sahabat-sahabat pada blog ini.

Semoga berhasil dan mudah-mudahan bermanfaat ya... :D

( ) Read more

Cara Paling Cepat Terindex Google

Cara Paling Cepat Terindex Google

• Tujuan Terindeks Mesin Pencari

Setelah beberapa posting sebelumnya membahas tentang bagaimana cara membuat dan menghias blog,saya akan sedikit menggeser dari tema tentang blog.

Eit's tunggu dulu..,yang akan kita bahas kali ini,nggak kalah pentingnya akan kebutuhan blog tersebut lho!.

Adalah Search Engine Optimization (SEO),yup!meskipun saya bukan pakar seo,tapi saya ada sedikit ilmu yang ingin saya share kepada teman-teman blogger,meski sudah banyak orang yang tahu,..ya,..itung-itung update blog ku ini,yang makin hari koq keliatannya makin kurus..Hus! koq malah nglantur!

Ok! langsung kepermasalahan.

• Langkah Tepat Agar Posting Terindex Search Engine

Seperti yang pernah saya singgung,di artikel saya sebelumnya "Supaya Blog / Web Terindex Google",dan di artikel kali ini saya akan memperjelas sesuatu yang sudah jelas..aaaalah!

Intinya,untuk dapat terindeks mesin pencari/search engine,baik itu Google,Yahoo,dll hanya membutuhkan kerja keras dari eksperimen anda sendiri terhadap ’search engine’ tersebut.Google,misalnya.

Dengan menganalisa sekata dua kata dari kata yang terdapat pada hasil pencarian,anda bisa mempunyai prediksi bagaimana dan mengapa kata itu terdapat dan dapat terindex pada hasil tersebut pada SERP,ya..itu hanya sebagian analisa kecil-kecilan,yang mana masih banyak hal ataupun eksperiment yang bisa anda lakukan,karena Rahasia dari Search Engine,adalah Search Engine itu sendiri,so' tau gw ya :D..

• Pentingnya Blog Terindex Google

Pentingkah blog kita diindex google/mesin pencari?

Penting dunk!karena sebagus dan selengkap apapun sebuah web/blog jika tidak dapat terindeks google/search engine,bagaimana orang akan tau keberadaan blog kita?
Itulah sebabnya para master seo berlomba-lomba mengoptimalkan sebuah kata kunci untuk dapat terindex di Halaman Pertama SERP.

• Cara Sederhana Supaya Artikel Diindex Google

Seperti yang kita semua tahu dan yang selama ini saya lakukan,cara untuk cepet diindex mesin pencari,seiring berubahnya algoritm google,kita dapat menggunakan trik antara lain:

1. Mempertebal huruf dengan kode <strong></strong>,misal,saya ingin menguatkan sebuah kata kunci Cepat Terindeks Google,maka saya pada artikel,tidak menggunakan kode <b> Cepat Terindeks Google</b> untuk mempertebal kata,melainkan menggunakan kode <strong></strong>,misal;<strong>Cepat Terindeks Google</strong>
2. Buatlah Link keluar,bisa dari dan ke artikel blog anda yang berhubungan maupun link ke blog-blog/situs-situs yang sudah besar
3. Rajinlah berkomentar ke blog-blog yang sudah dofollow
4. Rajin-rajinlah Blog Walking
5. Biasakan gunakan <h1>,<h2>,<h3>,<h4> pada artikel blog
6. Submit URL ke Directory-directory terbesar misal,ODP di www.dmoz.org,dll
7. Sebisa mungkin meng update blog,misal 2 hari sekali
8. Buatlah judul artikel yang tidak terlalu jauh dari tema blog
9. Buatlah judul artikel berkaitan antara artikel satu dengan yang lain
10. Buatlah Prediksi terlebih dahulu akan judul artikel yang ingin anda buat,Googling :D
11. Rubahlah format judul blog anda,untuk lengkapnya anda bisa baca disini,dll.

• Cara Cepat Terindex Google dengan Diskripsi dan Keyword Meta

Meskipun meta sekarang ini tidak bermanfaat besar,tapi untuk anda yang ingin membuat meta diskripsi dan keyword untuk masing-masing artikel,anda bisa simak dibawah ini,simak...emang buku!#$@#%$
Khusus penggunana Blogger/blogspot,ikuti langkah berikut:

Pilih Dashbord,kemudian pilih Tata Letak,lalu pilih Edit HTML,lalu cari kode berikut:

---


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


---

Jika sudah ketemu,letakkan meta kode seperti di bawah ini:

---


<b:if cond='data:blog.url == "http://namabloganda.blogspot.com/"'>
<meta content='Tulis Deskripsi artikel posting anda' name='description'/>
<meta content='Tulis katakunci untuk posting anda dan pisahkan masing-masing kata kunci dengan tanda koma' name='keywords'/> </b:if>


---

Cara penggunaan kode:
Misal blog saya mempunyai deskripsi
’Cara paling tepat agar supaya cepat terindex mesin pencari/search engine/Google’
dan saya menargetkan kata;’cara cepat,terindex,google,terindex,google cepat,terindeks cepat’ sebagai kata kunci,maka saya menuliskan sbb:

---


<b:if cond='data:blog.url == "http://pelajaran-blog.blogspot.com/"'>
<meta content='Cara paling tepat agar supaya cepat terindex mesin pencari/search engine/Google' name='description'/>
<meta content='cara cepat,terindex,google,terindex,google cepat,terindeks cepat' name='keywords'/> </b:if>


---

Sedangkan,jika untuk masing-masing artikel,anda juga bisa membuat masing-masing deskripsi sekalian kata kunci postingan anda,tapi kelemahannya,template anda akan menjadi panjang dan repot jika sudah mempunyai banyak artikel,jadi tulislah artikel posting yang kira-kira anda penting.

Contoh pemakaian kode meta untuk meta diskripsi masing-masing artikel:
Saya mempunyai artikel ’Supaya Blog / Web TerIndex Google’
dengan url:"http://pelajaran-blog.blogspot.com/2009/03/supaya-blog-web-terindex-google.html"
maka tepat di bawah kode <b:include data='blog' name='all-head-content'/>,tadi,saya meletakkan kode berikut:

---


<b:if cond='data:blog.url == "http://pelajaran-blog.blogspot.com/2009/03/supaya-blog-web-terindex-google.html"'>
<meta content='Agar supaya cepat terindex Google.' name='description'/>
<meta content='supaya cepat,cara cepat,terindex,google,terindex,google cepat,terindeks cepat' name='keywords'/> </b:if>


---

Begitu seterusnya,tapi saran saya buatlah hanya untuk artikel-artikel yang anda anggap perlu dioptimasi saja.
Semoga artikel dengan bahasa yang karuan ini sedikit bisa membantu anda,sampai ketemu di pelajaran blog berikutnya ya.. :)

( ) Read more

CursorPedia - MySpace Cursors, Glitter, Sparkle, Animated, and More!

CursorPedia - MySpace Cursors, Glitter, Sparkle, Animated, and More!

CursorPedia - MySpace Cursors, Glitter, Sparkle, Animated, and More!

( ) Read more