SEO itu seperti buah Duren

Apa benar SEO itu seperti buah durian ada ada saja tapi baiklah saya akan sedikit membahasa apa benarkah hal tersebut. Oke apa si SEO itu sendiri banyak orang yang mengatakan jika mereka seorang blogger dan publisher yang sebagian besar waktu mereka berada di dalam jangkauan jaringan internet.

SEO adalah singakatan dari Search Engine Optimization, suatu teknik yang digunakan oleh seorang webmaster untuk membuat website mudah ditemukan melalui search engine seperti Google , Yahoo dll di halaman hasil pencarian utama. Jadi mereka berlomba lomba men-SEO kan website nya agar bisa menduduki peringkat yang lebih baik di mata Search Engine.

Mengapa saya katakan SEO itu seperti buah Duren

Pertama tentu dari rasa buah duren tersebut yaitu rasanya yang khas dan nikmat jadi SEO itu nikmat bila anda mampu menerapkanya dengan baik dan hasilnya akan manis tetapi jika terlalu berlebihan seperti buah duren ada manis ada yang pahit jika anda salah menerapkanya akan menghasilkan optimasi yang sia sia.

SEO itu seperti duri daripada buah duren yang tajam banyak orang berlomba lomba mencari atau bereksperimen untuk mengetahui SEO apa yang tepat digunakan. Karena SEO itu penting kenapa bisa penting sebagai contoh banyak perlombaan blogger yang menyangkut dengan hal SEO misalnya kontes SEO yang sedang saya ikuti dengan keyword TOP 1 Oli Sintetik Mobil-Motor Indonesia.

 Benar atau tidaknya SEO itu seperti buah duren silakan anda pikirkan baik baik ini hanya sebagai wacana saya menulis postingan ini yang keluar dari pikiran saya semata :D

Membuat kotak scroll

Salah satu cara untuk menghemat tempat pada sidebar blog anda adalah dengan cara membuat menu scroll, cara ini cukup efektif seperti yang terlihat pada blog ini.

Cara membuat menu scroll sebagai berikut :

membuat kotak scroll

Cara membuat blog di blogspot

Cara mengganti Tamplate blog

Cara menambahkan Widget pada blog

Cara mengganti Favicon pada blog

Custom domain blogspot

Cara membuat readmore otomatis

masuk ke dasboard blog anda pilih ke tata letak dan klik tambah gadget pilih HTML/JavaScript dan copy paste code berikut dibawah dan klik simpan.

<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px;
overflow: auto; width: 288px; padding-top: 10px; height: 341px" 1px="1px"
solid="solid">

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-

menambahkan-widget-blog.html">Cara membuat blog di blogspot</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-mengganti-

template-blog.html">Cara mengganti Tamplate blog</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-

menambahkan-widget-blog.html">Cara menambahkan Widget pada blog</a><

/p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-mengganti-

favicon-pada-blog.html">Cara mengganti Favicon pada blog</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/custom-domain-

blogspot.html">Custom domain blogspot</a></p>

<p><a href="http://iblogger-tutorial.blogspot.com/2010/02/cara-membuat-

readmore-otomatis.html">Cara membuat readmore otomatis</a></p>

</ul>
</div>

Ganti Code yang berwana merah dengan link artikel anda.

Cara membuat readmore otomatis

Rasananya aneh jika seseorang masuk kehalaman depan blog anda melihat artikel-artikel panjang dan harus menggulung kebawah, jika terlalu banyak menggulung halaman blog anda, pengunjung pastinya merasa segan.

Untuk mengatasi hal itu agar secara otomatis artikel-artikel anda terpotong buatlah sebuah artikel yang terpenggal-penggal caranya dengan membuat readmore otomatis.

 

 contoh readmore seperti pada blog ini

Berikut langkah-langkah cara membuat readmore otomatis :

1. Masuk ke dasboard blog anda klik tata letak klik edit halaman dan klik Expand Template Widget

2. Cari code kemudian masukan code dibawah ini dan letakan di bawah code tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://h1.ripway.com/blogproperti/read-moreotomatis.js ' type='text/javascript'/>

3. Cari code <data:post.body/> atau code <p><data:post.body/></p> replace code tersebut atau ganti code tersebut dengan code di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

ket :
Summary noimg 430 = tinggi artikel terpenggal tanpa image
Summar img 340 = tinggi artikel terpenggal dengan image
Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll.

4. Simpan template dan lihat hasilnya.

Jika anda ingin menambahkan background pada kata READMORE... masukan code CSS berikut sebelum code ]]></b:skin>

#colLeft .blogItem a.more-link {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1YM7dPUbmMQX6EqHGhxGKmrJrhhA9iAfcMcFbNX86QpRzEq2iB-_-VTva1RVU8KAfx8oOy1YkJZnvqiskx2n8ddG4PbXEQSlcS1OpPPO_hWHxAz96v91Gt58JUtMAZ81T-brEgbvGKg/s1600/bk_readmore_blue.png) 0 0 no-repeat;
color:#fff;
}

Ganti url image yang berwarna merah dengan url image anda.
Selamat mencoba!

Cara menambahkan Widget blog

Berikut cara menambahkan widget blog, yang terpenting dari menambahkan widget pada blog sebaiknya masukan widget-widegt yang kira perlu biasanya blog di penuhi widget-widget yang tak berguna yang akhirnya memberatkan loading page blog sendiri dan yang terpenting jika terlalu banyak widget search engine juga susah mengenali blog anda.

Caranya masuk ke dasboard bloggger masuk ke tata letak klik Tambah Gadget seperti yang terlihat pada gambar diatas, kemudian pilihlah gadget untuk widget blog anda.

Selamat berkreasi !!!

Cara mengganti favicon pada blog

Yang disebut favicon adalah favorit icon yang letaknya berada persis di bagian samping URL dari sebuah alamat blog atau website.

Biasanya favicon digunakan sebagai simbol karakteristik dari blog atau website agar terlihat lebih elegan.

Untuk contoh silahkan anda perhatikan di setiap website atau blog kebanyakan menggunakan favicon seperti pada blogger ini dengan icon warna orange dan tengahnya huruf B.

Cara menganti favicon pada blog sangatlah mudah pertama buatlah sebuah icon kecil dengan ukuran 16x16px 24x24px dan 32x32px cara membuatnya bisa menggunakan Adobe Photoshop.

Jika sudah mempunyai icon silahkan untuk convert hasil icon buatan anda ke layanan penyedia favicon geberator seperti pada link dibawah ini:

http://www.favicongenerator.com/ 
http://www.favicon.cc/
http://www.genfavicon.com/

pic.situs http://www.favicongenerator.com/  

 Pada langkah diatas anda tinggal browse icon yang sudah anda buat lalu klik generate Complete! => Click Here to Download Your Favicon!.

Jika sudah sobat download favicon anda yang tadi sudah di generate baru anda upload favicon tersebut ke image hosting, ada banyak penyedia layanan ini seperti picasa, photobucket dan lain-lain.

Kemudian masuk ke dasboard blogspot anda pilih tata letak dan Edit HTML klik Expand Widget Template masukan code dibawah ini,

<link href='http://link-favicon-anda.ico' rel='shortcut icon'/>

agar lebih mudah mencari code dibawah ini klik Ctrl+F pada keyboard lalu letakan code diatas di bawah code,

]]></b:skin> dan diataas code </head>

ganti "http://link-favicon-anda.ico" dengan link favicon anda, jika sudah klik Simpan Template dan lihat hasilnya, selamat mencoba!

Cara Mengganti Template blog

Pada postingan sebelumnya tentang cara membuat blog di blogspot trik kali ini untuk cara mengganti template blog.

Pada tahap ini pilihlah template yang benar-benar susuai dengan selera anda, saya sarankan jangan terlalu sering mengganti template blog karena search engine perlu waktu untuk mengenali blog anda.

Tahapnya adalah login ke blogger pada dasboard blog anda klik tata letak kemudian pada tata letak anda klik edit HTML.

klik browse cari dimana letak template blog anda pastikan dari template yang anda download di ektrak terlebih dahulu dan template dalam ektensi xml, jika sudah yakin dengan template anda klik tombol ungah.

Cara Membuat blog di Blogspot

Langkah pertama dalam pembuatan blog adalah buat sebuah account terlebih dahulu di google klik disini. Jika sudah baru sobat memulai membuat blog di blogspot alamat link http://www.blogger.com/.

Login lah dengan Account google sobat kemudian akan muncul pertama kali seperti gambar di bawah ini, pada langkah pertama isikan nama tampilan untuk postingan sobat nanti "author" dan ceklist pada saya menerima klik lanjutkan.

 

Langkah ke 2 beri judul sobat yang nantinya sebagai title untuk blog sobat pada kolom Alamat blog (URL) ketikan URL yg sobat inginkan jika sudah cek ketersediaan apakan URL sudah dipunya atau belum jika alamat blog tersedia klik lanjutkan.

Langkah berikutnya pilih sebuah template yang sesuai dengan selera sobat jika dari semua template yang disediakan oleh blogspot tidak cocok sobat bisa menggantinya nanti dengan template sobat sendiri.

 

Untuk tahap berikutnya blog sudah jadi silahkan mulai bloging sobat bisa membuat sebuah artikel baik dari kehidupan pribadi ,tutorial atau untuk album foto-foto dan lain lain.