Tampilkan postingan dengan label Tips dan Trik Blogging. Tampilkan semua postingan
Tampilkan postingan dengan label Tips dan Trik Blogging. Tampilkan semua postingan

Selasa, 10 April 2012

Memahami Setting (Pengaturan) Robots.txt

Melanjutkan postingan sebelumnya tentang auto redirect broken link di blogspot, kali ini sekalian saja saya buat posting tentang robots.txt. Seperti sudah disebutkan di artikel sebelumnya, blogger/blogspot sekarang semakin ramah dengan search engine, hal ini bisa kita jumpai jika menggunakan tampilan baru blogger dimana terdapat fitur baru yaitu Search Engine Preferences.

Salah satu fitur yang paling hot menurut saya adalah diperbolehkannya pengguna blogspot untuk mengubah atau mengedit robots.txt yang mana sebelum ada fitur ini praktis kita tidak bisa melakukan perubahan apapun terhadap robots.txt ini. Sebelum mengulas tentang apa itu robots beserta fungsinya ada baiknya jika kita berkenalan dulu dengan si robots ini.

Apa Itu Robots?


Robots atau robots.txt adalah kumpulan perintah yang ditujukan kepada mesin pencari sebelum mesin pencari mulai menelusuri isi dari suatu web atau blog. Misal, robot (crawler) dari suatu mesin mencari ingin menelusuri salah satu halaman blog ini yaitu blogedek.blogspot.com/p/sitemap-blog.html, maka sebelum si crawler ini menelusuri lebih jauh dia akan melihat isi robots.txt dahulu yang bisa ditemukan di blogedek.blogspot.com/robots.txt dan akhirnya menjumpai kode seprti ini
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://blogedek.blogspot.com/feeds/posts/default?orderby=updated
Kode di atas adalah kode pengaturan default robots.txt yang digunakan oleh blogspot, untuk mengetahui arti dari perintah tersebut nanti dijelaskan di bawah.
Cara Setting robots.txt
File robots.txt juga harus diletakkan di main root (jika sobat menggunakan self hosting)

Memahami Pengaturan Robots.txt


Seelah mengetahui fungsi dari robots, sebaiknya kita juga memahami fungsi perintah-perintah yang ada di dalam robots.txt tersebut. Kode User-agent: * memberitahukan kepada crawler bahwa pengaturan ini untuk semua jenis bot. Tanda bintang (*) di sini maksudnya adalah apa pun jenis User-agent nya.

Jika kita ingin memberikan parameter bagi crawler tertentu, maka kita bisa menuliskannya dengan mengganti tanda bintang (*) tersebut, perhatikan contoh berikut:
User-agent: * (targets all spiders)
Disallow:

User-agent: Googlebot
Disallow: /search (untuk crawler google, dilarang meng-indeks halaman dengan awalan search, crwaler lain silahkan mengindeks)

User-agent: insert name of agent here
Kode Disallow: / artinya adalah tidak mengijinkan crawler untuk mengindeks semua yang ada di web atau blog kita.

Jika kita ingin supaya crawler mengindeks semuanya caranya ya berkebalikan atau cukup kosongkan saja, menjadi Disallow:. Ada juga yang menambahkan dengan kode seperti ini Allow: / yang artinya mengijinkan semuanya diindeks (paham kan logikanya sob).

Apa sobat pernah menjumpai blog auto generate (blog yang isinya menampilkan hasil pencarian)? Nah, blog auto generate tersebut juga melakukan setting / pengaturan robots.txt dengan mengijinkan halaman search agar di indeks oleh crawler. Itulah mengapa blog auto generate umumnya berbasis wordpress, ya karena dulu blogspot tidak bisa melakukan perubahan di robots.txt sehingga tidak cocok untuk blog auto generate.

Setelah memahami tentang

pengaturan robots.txt

, sobat juga bisa melakukan optimasi pada robots.txt ini, tepatnya di bagian sitemap. Secara default, sitemap di robots.txt blogspot adalah seperti ini
Sitemap: http://blogedek.blogspot.com/feeds/posts/default?orderby=updated
Nah, menurut agan alkatro, feeds di atas kurang maksimal. Kenapa? karena eh karena feeds dari blogspot hanya "mampu" menampung 26 artikel terbaru saja. Solusinya? Kita tambahkan parameter max-result sehingga menjadi seperti ini:
Sitemap: http://blogedek.blogspot.com/feeds/posts/default?orderby=updated&max-results=999
Robots.txt yang sudah kita rubah tadi selengkapnya menjadi seperti ini
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://blogedek.blogspot.com/feeds/posts/default?orderby=updated&max-results=999
Mungkin itu saja tentang pengaturan robots.txt yang saya ketahui, jika sobat lebih mengetahui tentang robots.txt silahkan ditambahkan :)

Ref : http://www.robotstxt.org/robotstxt.html

Selasa, 27 Maret 2012

Redirect Broken Link Dengan Fitur Blogger Terbaru (SEO On Page)

Di postingan sebelumnya tentang menghapus broken link di google webmaster sudah dijelaskan bahwa terkadang memang ketidak sengajaan kita ketika menulis atau membuat suatu artikel dan kemudian menghapusnya bisa menyebabkan terjadi broken link karena sudah terlanjur terekam oleh crawler google.

Pengalaman saya, walaupun sudah melakukan pengahpusan link di webmaster google terkadang broken link ini muncul lagi, apa sobat juga mengalamai hal seperti itu?

Broken Link

Kalau untuk wordpress yg menggunakan self domain broken link ini bisa diatasi dengan menggunakan teknik redirect link begitu juga blogspot yang sudah menggunakan domain sendiri juga bisa mencegah broken link tersebut dengan menggunakan redirect link, tapi kalau masih gratisan mungkin belum bnyak yg tau bagaimana caranya.
Broken link ini sangat berpengaruh, jika terlalu banyak broken link yg terdeteksi di google web master bisa berpengaruh terhadap kualitas blog kita di mata google karena dianggap web atau blog spam.

Fitur Baru Blogger / Blogspot


Setelah googling karena penasaran akhirnya saya menemukan cara yg cukup jitu untuk mengatasi broken link ini. Oia sebelum mencoba, tips ini berlaku ditampilan dasbor blogger yang baru, jadi sebaiknya sobat ubah dulu tampilannya ke antar muka baru.

Saya juga tidak terbiasa dengan tampilan baru karena memang terbiasa dengan tampilan lama blogger, nanti setelah kita atur untuk

mengatasi broken link

ini sobat bisa kembalikan ke tampilan lama jika merasa kurang sreg dengan tampila baru.

Sebenarnya fitur baru ini tidak hanya menyangkut broken link, tetapi satu paket yang di kemas dalam fitur baru blogger yaitu Search Engine Preferences (pengaturan tentang bagaimana blog kita di mata search engine, CMIIW).

Banyak yang bisa dilkakukan dengan fitur baru ini seperti mengatur meta tag, deskripsi, robots.txt, dan juga broken link. Kalau sobat sudah menggunakan meta deskripsi yg diatur manual ada baiknya sobat menghapusnya karena dikhawatirkan terjadi dobel deskripsi, saya sendiri belum nyoba sih, baru nyoba fitur untuk broken linknya :p

Cara Mencegah / Mengatasi Broken Link Blogger (Blogspot) Dengan Auto Redirect Link


Untuk fitur2 yang lain silahkan sobat coba sendiri, kita fokuskan saja ke permasalahan broken link ini, ada dua pengaturan, yang pertama pengaturan pesan ketika berada di halaman yang tidak ada (halaman broken link) dan yang kedua adalah pengaturan redirect linknya.

Untuk redirect link, walaupun masih manual (masih belum bisa otomatis setiap ada broken link maka akan di redirect ke homepage misalnya gitu) ternyata juga bisa kita buat dengan sedikit trik. Manual disini berati kita juga harus memasukkan satu2 link yang terdeteksi sebagai broken link. Pembahasan auto redirect broken link akan dijelaskan dibawah nanti

Karena masih manual, maka saya pun hanya melakukan atau mengaktifkan pesan ketik ditemukan broken link. Jika sobat tertarik langkah-langkahnya seperti ini (pastikan bahwa sobat sudah berada di tampilan baru):
  1. Masuk ke blogger.com/home.
  2. Pilih blog yang ingin di setting.
  3. Kemudian pilih Setelan > Prefensi Penelusuran.
  4. Nah itulah fitur baru dari blogger, ada pengaturan Meta Tag, Galat dan Pengalihan, serta Perayap dan Pengindeksan.
  5. Untuk mengaktifkan pesan di halaman broken link silahkan sobat pilih Pesan Ubahsesuaian Untuk Halaman Yang Tidak Ditemukan dan masukkan pesan yg ingin sobat sampaikan kemudian save.
    Sebagai contoh silahkan sobat klik di link ini http://blogedek.blogspot.com/test.
  6. Selesai deh, sekarang sobat bisa mengemablikan ke tampilan lama atau melakukan pengaturan lainnya.

Update : Ternyata setelah saya coba di blog yang belum di set message errornya sebenarnya blogger/blogspot sendiri sudah mengaktifkan fitur tersebut (menampilkan pesan di halaman broken link).

Untuk mengaktifkan redirect secara otomatis, sobat bisa menggunakan trik redirect link dengan javascript, ganti pesan yang sudah kita set tadi dengan kode berikut
<script type="text/JavaScript">location.replace('http://blogedek.blogspot.com/');</script>
Ganti alamat blog nya sesuai blog sobat (dalam kasus ini kita melakukan redirect ke Homepage). Selamat mencoba fitur baru ini dan semoga dengan melakukan pengaturan broken link di blogspot ini bisa membuat broken link di google webmaster segera berkurang, semoga bermanfaat.

Senin, 12 Maret 2012

Tips Mempertahankan Ranking Artikel Di SERP

Mau curhat dikit neh :D Dengan berbekal ilmu seo ala kadarnya, beberapa posting di blog ini menempati posisi yang lumayan di hasil pencarian google. Tetapi alangkah terkejutnya saya ketika iseng-iseng melakukan cek posisi di SERP ternyata banyak juga yang tergusur dari halaman pertama google.

Apa sobat juga mengalami hal yang sama? Mungkin yang jadi pertanyaan adalah bagaimana supaya artikel tetap stabil di SERP, bahkan kalau perlu di nomor 1. Padahal kita sudah melakukan optimasi seo, baik seo on page maupun seo off page tapi kok masih melorot posisi atau rangkingnya?

Apa Itu SERP?


SERP adalah singkatan dari Search Engine Result Page, artinya ya berarti halaman pada hasil pencarian di mesin pencari seperti google, yahoo, bing, dll.

Tips Mempertahankan Posisi Artikel Di SERP


Menurut para ahli seo, jika sobat bertanya apakah ada cara supaya posisi di SERP selalu bertahan jawabannya adalah tidak. Hal ini dikarenakan memang algoritma search engine yang selalu berubah-ubah untuk menghasilkan hasil yang lebih baik lagi bagi para pencari informasi.

Lah terus ini tips apaan? Hehehe, saya bukan ahli seo sob, tips di sini saya lakukan berdasarkan pengalaman pribadi setelah membaca saran para mastah-mastah plus tips memeprtahankan posisi di SERP yang saya anggap masuk akal.
  1. Buatlah judul yang menarik. Yup, usahakan sobat membuat judul yang menarik bagi pengunjung dan membuat penasaran. Logikanya gini, misal blog sobat di urutan 4, tapi karena judul yang membuat pengunjung penasaran maka pengunjung akan mengklik artikel sobat daripada yang berada di urutan pertama. Semakin sering diklik, semakin baik pula posisi blog kita di mata mbah google sehingga bisa bertahan di SERP.
  2. Konten yang berkualitas. Setelah pengunjung membaca artikel sobat maka akan ada penilaian dari pengunjung tersebut, jika artikel sobat berkualitas so pasti bisa membuat pengunjung betah, tambahkan juga internal link ke artikel lain yang bersangkutan dengan anchor text tertarget. Perlu dicatat, algoritma google juga menilai seberapa lama pengunjung berada di blog sobat (baca : tips meningkatkan pageview), semakin betah ya semakin baik.
  3. Backlink. Tidak bisa dipungkiri, backlink tetaplah menjadi nyawa dari SEO, terutama bagi search engine google. Carilah backlink yang berkualitas dan sesuai dengan topik artikel.
  4. Membuat beberapa artikel sekaligus yang masih berkaitan, misal sobat lagi menulis artikel tentang alexa, maka pecahlah dia menjadi beberapa postingan, misal "mengenal alexa", "menurunkan ranking alexa", "pentingnya alexa", dll. Tapi ingat, tetap berkualitas ya supaya bisa

    mempertahankan rangking atau posisi artikel di SERP

    .
  5. Memperbaiki SEO On Page, silahkan sobat cek skor seo on page sobat dengan beberapa tools yang ada di internet, semakin tinggi skornya semakin besar peluang untuk

    mempertahankan posisi di SERP

    .
  6. Berdoa, jangan lupa ya. Ini mah wajib :)
Mungkin itu saja tips bertahan di SERP Google yang saya lakukan, perlu dicatat juga, tips ini tidak berlaku untuk kontes seo. Karena optimasi di kontes membutuhkan banyak amunisi, terutama backlink dan link wheel.

Oke sob, semoga bermanfaat dan selamat berusaha untuk mempertahankan posisi di SERP :)

Cara Membuat Scroll Untuk Kotak Komentar

Scroll memiliki banyak fungsi dan yang paling utama adalah bisa menghemat panjang suatu elemen. Terkadang ketika kita menulis di blog dan banyak yang berkomentar di tulisan atau postingan kita maka panjang blog akan ikut menyesuaikan dengan banyaknya komentar yang ada.

Bagi beberapa sobat blogger mungkin hal itu sedikit menganggu pemandangan blog so di sini lah peran

scroll pada kotak komentar

. Dengan

membuat scroll untuk kotak komentar

bisa mengehamat ruang di blog sobat, akan tetapi perlu di perhatikan karena dengan scroll juga bisa membuat pengunjung malas untuk membaca komentar2 yang sudah ada sebelumnya, jadi ya terserah sobat.
cara membuat kotak komentar dengan fungsi scroll
Jika sobat tertarik ingin membuat scroll di kotak komentar sobat bisa membaca kelanjutan posting ini, langsung saja tanpa basa-basi hehehe...

Cara membuat scroll kotak komentar


  1. Login dulu di blogger sebelum membuat scroll kotak komentar.
  2. Pilih tab Rancangan (Design) > Edit HTML.
  3. Jika sudah cari kode berikut #comments-block{
  4. Langkah selanjutnya adalah menambahkan kode css supaya kotak komentar tersebut mempunyai fungsi scroll, tambahkan kode berikut
    max-height:300px;border:1px solid #eee;overflow:auto;
    Sehingga akan menjadi seperti ini
    #comments-block{max-height:300px;border:1px solid #eee;overflow:auto;
  5. Save dan lihat, kotak komentar blog sobat sudah ditampilkan dengan fungsi scroll.
Nah supaya tidak bingung, saya akan menjelaskan kode scroll untuk kotak komentar diatas. max-height:300px menunjukkan maksimal ketinggian kotak komentar, jika kurang dari 300px maka scroll masih tidak difungsikan. border:1px solid #eee adalah perintah untuk menyatakan bahwa scroll kotak komentar tersebut mempunyai ketebalan garis sebesar 1px dan solid serta kode warna border tersebut. overflow:auto kalau yang ini adalah inti dari membuat scroll kotak komentar ini. So kalau melebihi dari batas yang disesuaikan maka fungsi scroll akan diaktifkan.

Oke deh, selamat mencoba untuk membuat scroll kotak komentar ini. Semoga bermanfaat.

Rabu, 07 Maret 2012

Cara Membuat Navigasi Breadcrumbs (SEO On Page)

Sebenarnya saya sudah pernah posting tentang cara membuat navigasi breadcrumbs sebelumnya, tapi di tulisan cara baru membuat navigasi breadcrumbs ini agak berbeda dari yg sebelumnya.
cara membuat navigasi breadcrumbs
Seperti sudah disebutkan di postingan sebelumnya tentang

pentingnya navigasi breadcrumbs

, selain bisa membantu pegunjung blog untuk mengetahui lokasi artikel, memasang navigasi breadcrumbs memang disarankan oleh mbah google.
Tulisan ini menjelaskan bagaimana membuat navigasi breadcrumbs yang bisa terindeks oleh google ketika tampil di mesin pencari.

Cara membuat navigasi breadcrumbs yang terindeks oleh Google


  1. Sebelum

    membuat menu navigasi breadcrumbs

    jelas login dulu hahaha...
  2. Kemudian pilih tab Rancangan (Design) > Edit HTML > Jangan lupa donlod dulu untuk jaga2 kalau error.
  3. Langkah selanjutnya kita membuat css style dulu untuk navigasi breadcrumbs-nya, cari kode ]]></b:skin> gunakan Ctrl + F supaya lebih cepat, setelah itu tuliskan kode berikut ini tepat di atas ]]></b:skin>
    .breadcrumbs
    {
    padding:5px 5px 5px 0;
    margin: 0 0 5px;
    font-size:inherit;
    font-family: Georgia, trebuchet ms, Verdana;
    line-height: 1.4em;
    border-bottom:4px double #000000;
    }
  4. Kemudian cari kode <b:include data='top' name='status-message'/> kalau ada 2 maka copas kode berikut ini di atas semua kode <b:include data='top' name='status-message'/>
    <b:include data='posts' name='breadcrumb'/>
  5. Sekarang cari kode <b:includable id='main' var='top'> kalau sudah ketemu paste kode berikut ini di atasnya
    <b:includable id='breadcrumb' var='posts'>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <!-- breadcrumb for the post page -->
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
    <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == &quot;true&quot;'>
     &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
    </b:if>
    </b:loop>
     &#187; <span><data:post.title/></span>
    </div>
    <b:else/>
    <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
    </b:if>
    </b:loop>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <!-- breadcrumb for the label archive page and search pages.. -->
    <div class='breadcrumbs'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
    </div>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div class='breadcrumbs'>
    <b:if cond='data:blog.pageName == &quot;&quot;'>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
    <b:else/>
    <span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
    </b:if></div></b:if></b:if>
    </b:if>
    </b:if>
    </b:if>
    </b:includable>
  6. Tulisan berwarna merah itulah yang membedakan dengan membuat breadcrumbs sebelumnya.
  7. Untuk melihat keberhasilan dari

    membuat menu navigasi breadcrumbs

    ini sobat bisa cek langsung di Google Rich Snippet Tool.
Selesai deh, selamat mencoba membuat navigasi breadcrumbs yang terindeks oleh google dan semoga bermanfaat :)

Senin, 05 Maret 2012

Tips Menghindari Auto Blog Dengan FeedBurner

Sobat pasti sudah tau kan apa itu auto blog? Yup, auto blog adalah blog yang sifatnya auto posting, auto blog ini bisa bekerja dengan memanfaatkan rss feed blog kita dimana disana ada menu free email subscription, baik melalui FeedBurner ataupun melalui rss feed dari blogger.com.

menghindari auto blog dengan feedburner
Jengkel juga sih jika blog kita kontennya disedot oleh auto blog, nah berikut ini adalah tips sederhana menghindari auto blog.

Ya walaupun tak ada gading yg tak retak alias masih banyak celah yang bisa dimanfaatkan oleh auto blogger :D tapi setidaknya dengan tips ringan menghindari auto blog dengan FeedBurner ini bisa sedikit membuat jengkel para auto blogger :D

Cara menghindari auto blog dengan FeedBurner


  1. Langkah pertama untuk

    menghindari auto blog dengan FeedBurner

    ya jelas sobat kudu sudah mengaktifkan atau mendaftar di FeedBurner.
  2. Jika semua proses pendaftaran (bagi yang baru mendaftar) sudah selesai dilakukan langkah berikutnya adalah mensetting konten feed kita.
  3. Pilih tab "Optimize" > "Services" > "Summary Burner".
  4. Silahkan sobat isikan Maximum length characternya sesuai keinginan sobat (misal 200), dan untuk Teaser-nya juga isa sobat isi sesuka hati, contoh : Untuk membaca artikel secara lengkap silahkan ke blogedek.blogspot.com.
Nah sekian dulu tips ringan menghindari auto blog dengan FeedBurner. Semoga bermanfaat :)

Sabtu, 25 Februari 2012

Cara Membuat Link Bergoyang Di Blog

Link bergoyang ala inul daratista hehehe... yup, mungkin sobat sudah sering menemui link bergoyang ketika blogwalking dan apakah sobat sedang mencari bagaimana cara membuat link bergoyang tersebut? Jika iya mungkin tutorial sederhana ini bisa membantu sobat untuk membuat link bergoyang di blog.

cara membuat link bergoyang di blog
Seperti sudah disebutkan di postingan sebelumnya tentang pentingnya anchor text (text link), maka sekarang sobat juga bisa membuat link tersebut bergoyang ketika disorot oleh kursor. (Baca : Cara Mengganti Kursor Dengan Gambar).

Emang apa fungsinya link bergoyang? ya fungsinya selain untuk memperjelas bahwa text tersebut mengandung link, juga bisa membuat pengunjung tertarik sehingga akan mengklik link tersebut dan akhirnya meningkatkan page view blog sobat apalagi jika sobat menggunakan trik 2 link dengan 1 klik dan semua link terbuka di tab baru secara otomatis, pasti tambah seru linknya. Ya sudah, langsung saja berikut ini cara membuat link bergoyang.

Cara membuat link bergoyang di blog


1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});</script>

6. Simpan Template jika sudah selesai.

Mudah kan cara membuat link bergoyang di blog? :D Selamat mencoba dan semoga bermanfaat..

Kamis, 23 Februari 2012

Tips Mempercepat Indeks Artikel Dengan FriendFeed

Yap, postingan kali ini akan membahas tentang

tips bagaimana agar artikel atau posting cepat terindeks oleh google

. Saya rasa semua blogger pasti ingin agar postingannya cepat terindeks dan kalau bisa nagkring di halaman pertama google.

mempercepat indeks blog dengan FriendFeed
Sebenarnya untuk membuat agar posting cepat terindeks oleh google banyak caranya, seperti ping blog, submit ke social bookmark, social network, dll. Tapi tidak ada salahnya jika sobat juga mencoba FriendFeed ini agar supaya artikel atau posting sobat lebih cepat lagi terindeks oleh mesin pencari.

Apa sih FriendFeed itu?


FriendFeed adalah real-time feed agregator yang mengkonsolidasikan pembaruan atau update dari website social media dan social network, blog dan micro-blogging, intinya sama seperti feed agregator lainnya (wikipedia).

Kelebihan FriendFeed


Seperti sudah disebutkan di atas, FriendFeed ini berguna untuk menyebarkan konten dari posting sobat dengan memanfaatkan rss feed blog sehingga sangat membantu sekali untuk mempercepat suatu artikel atau posting agar terindeks oleh search engine, terutama google.

Cara mendaftar ke FriendFeed dan mengimpor blog


Berikut ini cara untuk mendaftar ke friendfeed yang nantinya sangat membantu sekali agar postingan sobat cepat terindeks oleh mesin pencari khususnya google.
1. Buka website FriendFeed.
2. Pilih untuk mendaftar, bisa menggunakan facebook, twitter, atau email.
Mempercepat Indeks Posting atau Artikel - Daftar FriendFeed

3. Sobat bisa melengkapi profil setelah sukses mendaftar.
4. Masih di halaman profile, lihat ke bagian bawah, ada menu Services, klik add/edit
Add Services
5. Setelah menambahkan serviice, sobat akan dibawa ke halaman dimana sobat bisa menambahkan feed blog.
Tips artikel cepat terindeks - Setting Blog Feed
6. Langkah terakhir masukkan feed blog sobat, bagi pengguna blogspot bisa menggunakan feed dari blogger ataupun dari feedburner. Bisa juga dengan memasukkan alamat blog sobat langsung karena nanti friendfeed akan mendeteksi sendiri rss feednya.

Itulah cara mendaftar ke FriendFeed yang bisa membantu agar

artikel sobat cepat terindeks oleh google

.Selamat mencoba dan semoga artikel atau posting sobat cepat terindeks oleh google setelah memanfaatkan FreindFeed ini dan tentunya juga bisa bertahan di SERP google. Semoga bermanfaat :)

Rabu, 22 Februari 2012

Cara Mengganti Kursor Blog Dengan Gambar Atau Animasi

Apa sobat sedang bosan dengan kursor standar yang berbentuk anak panah? Kalau iya maka sobat bisa mencoba untuk merubah atau mengganti kursor di blog sobat dengan gambar yang unik dan lucu. Sebelum mengganti kursor standar sobat bisa memilih gambar yang diinginkan yang akan digunakan sebagai gambar kursor nantinya.

cara mengganti kursor blog
Setelah googling akhirnya saya menemukan banyak referensi yang bisa dijadikan untuk

mencari dan mengganti kursor blog dengan gambar

. Salah satu situs yang recommended untuk mencari gambar-gambar lucu dan menarik untuk kursor blog sobat nantinya adalah http://www.totallyfreecursors.com/ atau bisa juga di http://www.cursorpedia.com/.
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif
cara mengganti kursor blog dengan gambar atau animasi
URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

Cara mengganti kursor blog dengan gambar


Setelah sobat mendapatkan gambar kursor yang diinginkan, maka langkah selanjutnya adalah memasang gambar tersebut sebagai kursor di blog kita. Ikuti langkah-langkah mengganti kursor blog ini.
1. Login ke blogger atau blogspot.
2. Pilih tab Rancangan (Design) > Edit HTML.
3. Cari kode </head> dan copast kode berikut tepat di atas </head>
<style type='text/css'>
HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/thumbnails/sweden.gif&quot;), auto;}
</style>
4. Simpan dan lihat hasilnya.
Note: link yang berwarna merah di atas silahkan sobat sesuaikan dengan link gambar untuk mengganti kursor yang sobat gunakan.

Selesai deh cara mengganti kursor blog dengan kursor bergambar. Selain mengganti kursor blog, sobat juga bisa mencoba untuk membuat judul blog bergerak atau membuat link bergoyang (bergerak). Selamat mencoba dan semoga bermanfaat.

Sabtu, 11 Februari 2012

Cara Membuat Iklan Melayang Di Pojok

Selain dengan membuat iklan melayang dengan tombol close atau iklan melayang di atas header, sobat juga bisa membuat iklan melayang di pojok blog untuk meningkatkan earning dari iklan.

Dengan membuat

iklan melayang di pojok blog

maka iklan tersebut tidak terlalu mengganggu pengunjung, apalagi jika di kasih opsi close.

cara membuat iklan melayang di pojok blog
Langsung saja, berikut ini

cara membuat iklan melayang di pojok dengan tombol close


  1. Seperti biasa, login dulu ke blogger.
  2. Langkah selanjutnya adalah membuat css untuk iklan melayang di pojok blog ini.
  3. Copy paste kode berikut dan letakkan di atas kode ]]></b:skin> pada template sobat
    #bottom-right {position:fixed;_position:absolute;top:0px; right:0px;
    clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth);}

    .gbcontent{
    float:right;border:2px solid #ffffff;background:#ffffff;padding:10px;
    }
  4. Setelah membuat css untuk iklan melayang tersebut, langkah selanjutnya adalah memasang iklan, cari kode </body> dan letakkan kode berikut ini di atas kode </body>:
    <script type='text/javascript'>
    function showHideGB(){
    var gb = document.getElementById(&quot;bottom-right&quot;);
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById(&quot;bottom-right&quot;).style.display = &quot;none&quot;;
    var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
    var dir = xf&gt;x0 ? 1 : -1;
    var x = x0 + dx * dir-100;
    gb.style.top = x.toString() + &quot;px&quot;;
    if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
    }
    </script>
    <div id='bottom-right'>
    <div style='text-align:right'>
    <a href='javascript: void(0)' onclick='showHideGB()'><img alt='close' border='0' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmqPFJH83aL1oK1wPRz1cz3QMqoaqH25v_yM8CfeYDXjbsT8YSVOGFpM6AT17jIP_RF6igW7bs4O09IUW05BFRzwPeLnfOnJbcQVnCHtkpOrcL30tuanEhcnR1R_kg2nIrRBj6zxNatfcX/s200/close.png' title='Close' width='49'/></a>
    </div>
    Kode Iklan Yang Sudah Di Parse
    </div>
  5. Save dan lihat hasilnya.
Tulisan yang berwarna merah (bottom-right) adalah nama (id) div yang sudah kita deklarasikan sebelumnya, sobat juga bisa merubah gambar tombol close untuk mempercantik iklan melayang di pojok ini sesuai dengan gambar yang sobat inginkan.

Semoga bermanfaat dan semoga juga dengan iklan melayang di pojok ini bisa meningkatkan earning sobat :)

Membuat Semua Link Terbuka Di Tab Baru

Poin penting untuk meningkatkan pageview adalah dengan membuat pengunjung betah berlama-lama di blog sobat. Nah untuk membuat pengunjung betah dan selalu berada di blog bisa dengan membuat tab baru ketika ada link yang di klik oleh pengunjung, dan tentunya semua link akan terbuka di tab baru secara otomatis.

membuat link selalu terbuka di tab baru otomatis
Banyak kelebihan yang bisa sobat dapatkan dengan membuat link selalu terbuka di tab baru secara otomatis seperti pengunjung tidak akan kehilangan informasi yang dibaca sebelumnya, sobat juga tidak perlu menambahkan kode target="_blank" setiap kali membuat link dengan anchor text tertentu.

Ada dua macam sifat link yang terbuka di tab atau window baru, yang pertama adalah link akan selalu terbuka di tab baru (selalu membuat tab baru), contoh penggunaan normalnya adalah
<a href="http://blogedek.blogspot.com/2012/02/membuat-link-terbuka-di-tab-baru.html" target="_blank">klik link ini</a>
Yang kedua, adalah membuat link terbuka di satu tab baru saja, jadi seandainya ada banyak link di postingan sobat , berapa kali pun pengunjung mengklik link tersebut maka hanya akan ditampilkan di satu tab baru saja.
Untuk membuat semua link terbuka hanya di satu tab baru saja, kode html nya seperti ini
<a href="http://blogedek.blogspot.com/2012/02/membuat-link-terbuka-di-tab-baru.html" target="output">klik link ini</a>
Perbedaan dari kedua kode html di atas adalah pada target="_blank" dan target="output". Lantas bagaimana membuat semua link terbuka di tab baru secara otomatis? Hehehe caranya ada dibawah ini sob..

Cara membuat semua link terbuka di tab baru secara otomatis


  1. Biasalah, login dulu pastinya.
  2. Pilih Rancangan (Design) > Edit HTML.
  3. Langkah selanjtnya adalah menyisipkan kode html membuat link terbuka di tab baru diantara <head> dan </head>.
  4. Supaya lebih mudah, cari kode </head> gunakan (Ctrl + F) supaya lebih cepat.
  5. Setelah itu copast kode berikut dan letakkan di atas </head>
    <base target='_blank'/>
  6. Jika ingin membuat link selalu terbuka di satu tab baru saja maka sobat tinggal mengganti _blank dengan output.
  7. Save dan lihat hasilnya.
Selesai deh membuat link selalu terbuka di tab baru secara otomatis, semoga bermanfaat.

Cara Menampilkan Judul Saja Pada Halaman Label

Sebelum membahas tentang

cara menampilkan judul saja pada halaman label

saya akan sedikit memberikan gambaran tentang label itu sendiri.

Label pada blogspot berbeda dengan kategori pada wordpress, akan tetapi intinya sama, yaitu untuk memudahkan kita dalam mengelompokkan suatu tulisan berdasarkan grupnya masing-masing. Dengan menggunakan label yang tepat juga bisa menambah poin seo on page blog sobat (baca : membuat navigasi breadcrumbs).

cara
Secara default, ketika pengunjung mengklik label maka akan tampil halaman yang menampilkan daftar seluruh tulisan berdasarkan label tersebut. Permasalahannya adalah halaman itu menampilkan semua tulisan berserta isinya yang tentunya bisa membuat pengunjung malas untuk mencari dan membaca lebih jauh.

Mungkin akan sedikit lebih baik jika sobat sudah menggunakan auto read more, tapi tetap saja hal itu dirasa masih kurang enak dilihat. Nah postingan kali akan membahas tentang

cara menampilkan judul saja pada halaman label ketika di klik oleh pengunjung

.

Cara menampilkan judul saja pada halaman label


  1. Seperti biasa, sebelum mulai membuat halaman label hanya menampilkan judul saja, pastinya sobat harus login dulu.
  2. Pilih tab Rancangan(Design) > Edit HTML > Centang 'Expand Widget Template'.Cari kode <b:include data="post" name="post"> gunakan (Ctrl + F) supaya lebih cepat.
  3. Kemudian ganti dengan kode berikut ini
    <!--menampilkan judul saja pada halaman label-->
    <b:if cond='data:blog.searchLabel'>
    <h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <h3 class='title-only'><a expr:href='data:post.url'><data:post.title/></a></h3>
    <b:else/>
    <b:include data='post' name='post'/>
    </b:if>
    </b:if>
    <!--blogedek.blogspot.com-->
  4. Save template HTML.
Coba dicek hasilnya pada halaman label sobat. Oke sekian tips

menampilkan judul saja pada halaman label

.

Selamat mencoba membuat halaman label hanya menampilkan judul saja, jika ada pertanyaan kolom komentar masih terbuka lebar kok :D

Semoga bermanfaat.

Kamis, 09 Februari 2012

Script SEO Blogspot Mantab (Smart Link)

Seperti yang kita tau, blogspot atau blogger berbeda dengan wordpress dimana wordpress bisa dioptimasi dengan berbagai macam plugin untuk meningkatkan kualitas seo baik seo on page maupun seo off page. Nah tapi bagi sobat pengguna blogspot atau blogger tidak perlu kuatir karena ternyata ada script seo blogspot yang sangat ampuh dalam hal seo on page terutama untuk optimasi anchor text dan keyword density.
script seo blogspot blogger

Untuk penjelasan tentang cara kerja script seo blogspot atau blogger ini nanti akan dijelaskan di bawah, so tetep lanjutin ajah baca topik tentang script seo blogspot (smart link) ini :D

Script SEO Blogspot / Blogger


Silahkan copy paste

script seo blogspot

ini
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<script type='text/javascript'>
function autoLink(){
    this.keywdHref = new Object();
    this.add = function(keyword, href){
        if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
        this.keywdHref[keyword] =  href;
    }
    this.createAnchor = function(){
        var objs = document.getElementsByTagName(&quot;div&quot;);
        for(var i=0; i&lt;objs.length; i++){
            var obj = objs[i];
            if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
                var content = obj.innerHTML;
                for(var keyword in this.keywdHref){
                    var href = this.keywdHref[keyword];
                    var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
                    obj.innerHTML = newstr;
                    content = newstr;
                }
            }
        }
    }
    this.startScript = function(){
        var onLoad = window.onload;
        window.onload = function(){
            if(onLoad){onLoad();}
            setTimeout(&quot;f.createAnchor()&quot;, 100);
        }
    }
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;SEO&quot;, &quot;http://blogedek.blogspot.com/&quot;);
f.add(&quot;blog (keyword kedua)&quot;, &quot;http://blogedek.blogspot.com/ (URL kedua)&quot;);
f.startScript();
</script>
</b:if>
Nah lihat tulisan yang berwarna merah itu, SEO adalah kata kunci atau keyword, silahkan sobat sesuaikan dengan keyword blog sobat dan jangan lupa nama blognya juga disesuaikan.

Cari kode </body> dan letakkan script tersebut di atas kode </body>.

Cara kerja script seo blogspot


Seperti sudah disebutkan diatas,

cara kerja script seo blogspot (smart link)

tersebut akan dijelaskan di sini. Script di atas adalah script dengan menggunakan java script, ada yang bilang ini tergolong black hat tapi ada juga yang bilang selama script seo blogspot ini tidak terlalu banyak mengandung kata kunci its ok, so menurut saya cukup satu keyword saja dan keyword tersebut case sensitive lho!
Script seo blogspot ini akan membaca setiap kata pada postingan kita, contohnya jika kita menentukan keyword 'SEO', maka setiap kata 'SEO' dipostingan kita akan menjadi sebuah link yang akan menuju url yang sudah kita tentukan pula dalam kasus ini urlnya ke home page.

Update: Script SEO Smart Link ini bekerja setelah halaman benar-benar sudah di load dengan sempurna (ya karena kan kita meletakkannya di bawah sendiri, tepatnya di atas tag penutup body)
Jadi kesimpulannya,

script seo smart link blogspot ini cocok untuk membuat keyword utama

atau keyword blog sobat secara keseluruhan.

Silahkan dipraktekkan dan semoga dengan script seo blogspot ini bisa membuat blog sobat sering nongol di SERP :)

Rabu, 08 Februari 2012

Trik Membuat 2 Link Dengan 1 Klik

Apakah sobat pernah menjumpai link yang berisi 2 tautan? Kemarin ketika blogwalking saya menemukan blog yang pada postingannya selalu ada 2 link yang terbuka ketika di klik (1 kali klik) padahal hanya dengan 1 anchor text.

trik membuat 2 link dengan 1 klik
Biasanya trik membuka 2 link dengan 1 klik ini digunakan untuk monetize blog, menurut saya sih ini termasuk black hat karena menipu pengunjung.

Kembali ke topik tentang trik membuat 2 link terbuka ketika di klik, jika memang sobat pernah menjumpai hal seperti itu bukan berarti mouse sobat rusak atau browser sobat tidak beres. Semua itu memang sudah dibuat seperti itu oleh pemilik blog. Penasaran? Berikut ini cara untuk membuat link terbuka dengan 2 link berbeda.

Normalnya, suatu anchor text yang mengandung link ditulis dengan format seperti ini
<a href="http://blogedek.blogspot.com/" target="_blank">Blog Gedek</a>
Untuk membuat 2 link terbuka dengan 1 klik kita bisa merubahnya menjadi seperti ini
<a onclick="window.open('http://blogedek.blogspot.com/')" href="http://blogedek.blogspot.com/2012/02/trik-membuat-2-link-dengan-1-klik.html" target="_blank">Contoh 2 link terbuka dengan 1 klik</a>
Berikut ini contoh 2 link dengan 1 klik : LINK

Mudah kan membuat 2 link dengan 1 klik? Sobat juga bisa menambahkan trik link bergoyang sehingga akan lebih menarik bagi pengunjung. Semoga bermanfaat.

Senin, 06 Februari 2012

Cara Membuat Tombol Google+ Valid HTML?!?

Sharing button atau tombol berbagi menjadi salah satu alat untuk optimasi seo, terutama seo off page. Salah satu sharing button yang dianggap berpengaruh adalah tombol google+ atau google plus
membuat google plus valid html

Apa sih google+ atau google plus itu?

Google+ atau Google Plus adalah jejaring sosial yang dioperasikan oleh Google Inc. Google+ diluncurkan pada 28 Juni 2011.
Google+ mengintegrasikan layanan sosial seperti Google Profile dan Google Buzz, dan memperkenalkan layanan baru seperti Circles, Hangouts, Sparks, and Huddles (wikipedia)

Pentingnya google plus untuk SEO


Karena layanan ini adalah punya simbah, so pasti mempunyai keterkaitan dengan SEO, terutama SEO Google. Contoh, jika seseorang memberikan plus untuk blog anda maka ketika dia searching, maka blog sobat di prioritaskan (dengan catatan orang tersebut dalam keadaan login). CMIWW, analisis newbie hehehe...

Google+ atau google plus tidak valid HTML


Jika sobat sudah pernah membuat floating share button dan memasukkan google plus sebagai salah satu buttonnya, maka ketika kita cek validasi html akan muncul error, tentu saja bagi penganut valid html hal ini sedikit menganggu.

Membuat Google+ (Google Plus) valid HTML


Permasalahan dari masalah ini sebenarnya adalah pada kode <g:plusone></g:plusone>, untuk membuat google+ valid html sebenarnya mudah, ganti kode tersebut dengan <div id="plusone"></div>

Selesai deh membuat

google+ atau google plus valid html

, code ini adalah yang paling simple, yaitu menampilkan google plus dalam ukuran standar.

Update Pertama Google PageRank Di Tahun 2012

Setelah ditunggu-tunggu, akhirnya simbah google ini melakukan update pagerank pertamanya di taun 2012 :D informasi ini saya dapat dari blognya mbak rina.

Bagi sobat yang ingin melihat pageranknya bisa langsung ke hxxp://www.prchecker.info/check_page_rank.php
Gimana hasilnya? menggembirakan kah?
google update pagerank
Kalau blog saya ini mah belum genap 2 bulan jadi ya ga berharap banyak eh ternyata pageranknya 2 :D :D :D :D :D (emot seneng) hahaha.. semoga pageranknya naik :)

Update tgl 16/2/12 : Alhamdulillah, blog ini jadi aneh tiba-tiba pr nya naik jadi pr 3. Apakah sobat juga mengalami hal yang sama? Semoga jadi semakin semangat ngeblog dengan adanya hadiah pr dari si mbah :)

Cara Membuat Permalink Tag Di Blogspot (SEO On Page)

Permalink adalah singkatan dari permanen link yang mana maksud dari permalink ini adalah URL suatu halaman pada web atau blog. Jika sobat ingin melihat permalink ya gampang saja, tinggal lihat address bar pada browser maka itulah yang dinamakan permalink.
membuat permalink blog

Fungsi fitur permalink pada blogspot


Jika kita membuat permalink pada blogspot, ada dua keuntungan yang bisa kita ambil, yang pertama dengan membuat permalink bisa memberikan informasi kepada pengunjung tentang artikel yang sedang dibaca, keuntungan yang kedua adalah memperkaya keyword density pada posting dengan fitur permalink tersebut. Selain itu, kita bisa menambahkan beberapa pesan kepada pengunjung untuk misalnya menuliskan sumber jika ingin copy paste atau mungkin untuk menyebarkan artikel sobat jika dirasa bagus.

Cara membuat permalink di blogspot


Untuk

membuat permalink di blogger atau blogspot

silahkan ikuti langkah-langkah berikut:
1. Login ke akun blogger atau blogspot.
2. Pilih Rancangan (Design) > Edit HTML.
3. Cari kode ]]></b:skin> karena kita akan membuat style fitur permalink blogspot tersebut dengan CSS.
4. Setelah itu copy paste kode berikut dan letakaan diatas ]]></b:skin>
.membuatpermalinkblogger
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.membuatpermalinkblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

5. Langkah selanjutnya untuk

membuat permalink di blogspot

dan dibawah posting adalah mencari kode <data:post.body/> pada template sobat.
6. Jika template sobat sudah ada fitur auto read more, maka cari kode yang menyatakan sebagai full post, biasanya terlihat seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p> <!--ini yang dirubah-->
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p> <!--ini home page-->
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

7. Setelah itu ganti kode diatas tadi dengan kode seperti ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='membuatpermalinkblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

Selesai deh membuat permalink tag di blogger atau blogspot ini. Dengan

membuat permalink

semoga blog sobat semakin seo friendly dan juga visitor friendly :)

Sabtu, 04 Februari 2012

Cara Membuat Iklan Melayang (Floating Ads) Di Blog

Bagi sobat yang terbiasa bermain iklan, khususnya iklan ppc mungkin sudah tidak asing lagi dengan yang namanya iklan melayang atau floating advertisement yang berguna untuk meningkatkan earning. Tapi bagi beberapa sobat yang baru memulai blogging mungkin masih kebingungan tentang bagaimana

membuat iklan melayang di blog

atau yang dikenal juga floating ads.
cara membuat iklan melayang
Ya sudah langsung saja ya,

cara membuat iklan melayang di blog

ini saya ambil dari banyak sumber, salah satunya dari blognya om di hxxp://www.o-om.com kalau pgn langsung lihat ya monggo kesana langsung :)

1. Sebelum membuat iklan melayang di blog jelas sobat kudu login dulu di blogger.
2. Setelah itu pilih Rancangan (Design) > Elemen Halaman (Page Element) > kemudian tambahkan gadget/widget HTML/Javascript.
3. Kalau sudah silahkan copast kode berikut ini:
<style type="text/css">
#gb{
position:fixed;
top:10px;right:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang sobat inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Save dan lihat hasilnya.

Bagaimana? mudah kan membuat iklan melayang di blog?
Sebelum sobat

membuat dan menerapkan iklan melayang

ada baiknya sobat membaca TOS (Terms of Service) dari pihak iklan tersebut. Beberapa advertiser menyatakan bahwa iklan melayang di blog melangar TOS karena membuat pengunjung meng-klik iklan tersebut dengan terpaksa.
Selain iklan melayang dengan tombol close, sobat juga bisa mencoba membuat iklan melayang di atas header dan membuat iklan melayang di pojok. Semoga bermanfaat :)

Jumat, 03 Februari 2012

3 Tips dan Cara Riset Keyword Untuk Pemula

Tidak bisa dipungkiri bahwa riset keyword atau keyword research adalah salah satu pilar penentu untuk meningkatkan traffic blog sobat. Setelah mencari keyword, dan sebelum menulis artikel yang seo friendly dengan mengoptimalkan keyword density, maka riset keyword (keyword research) adalah hal wajib yang harus dilakukan, termasuk menganalisa kompetitor kita.
tips dan cara riset keyword (keyword research)
Mungkin sudah banyak

tips dan cara riset keyword (keyword research)

serta

tool untuk riset keyword (keyword research)

akan tetapi bagi seorang pemula atau newbie seperti saya ini rasanya kok njlimet, mbulet, plus mumet :D

Setelah blogwalking, saya menemukan tips sederhana untuk riset keyword (keyword research) bagi pemula. Tips dan cara riset kewyord ini saya dapat dari blog nya mas agan khalid di agankhalid.com. Kalau sobat pgn mbaca langsung ya monggo :D saya hanya ingin menulis tentang

riset keyword (keyword research) ala pemula

ini supaya gampang nyarinya :)

Riset keyword (keyword research) #1

Jangan menggunakan keyword dimana halaman pertamanya bercokol situs-situs seperti dibawah ini:
  • Wikipedia.
  • Amazon.
  • PR 6.
  • Situs yang mendapatkan sitelink.
riset keyword (keyword research)
contoh sitelink

Riset keyword (keyword research) #2

Gunakan keyword (kata kunci) dimana pada halaman pertama ada 2 situs yang mempunyai backlink dibawah 50.

Riset keyword (keyword research) #3

Ambil keyword (kata kunci) jika memenuhi syarat sebagai berikut:
  • TOP 3 Situs, Pageranknya dibawah 3
  • Average TOP 10, Pageranknya dibawah 3
Contoh, untuk keyword Dog Training pada halaman pertama dan top 3 diisi oleh situs dengan PR 6,3 dan 4 (melanggar aturan pertama) selain itu average PRnya juga tinggi, yaitu 6, 3, 4, 5, 5, 4, 3, 3, 3, 2 sehingga rata-ratanya adalah 38:10=3,8 (melanggar aturan kedua).

Itu saja tips dan cara riset keyword (keyword reseacrh) ala pemula bin newbie seperti saya :D semoga bermanfaat dan selamat mencoba tips dan cara riset keyword ala newbie.

Kamis, 02 Februari 2012

Tips Optimasi Gambar Di Google Images

Seperti disebutkan di posting sebelumnya tentang optimasi seo on page dengan gambar, maka selanjutnya sobat bisa lebih memaksimalkan lagi gambar tersebut dengan

optimasi gambar di google images

agar ketika tampil di halaman pencarian google images langsung dibawa ke blog sobat.
Secara default, ketika google images menampilkan hasil pencarian gambar yang ditampilkan adalah google images frame dahulu sebelum akhirnya ke alamat atau URL asli gambar tersebut.
optimasi gambar google images
Google Images Frame
Nah sudah tau kan? Tips optimasi gambar di google images ini saya dapatkan dari blognya ma soepeno di SEOsaja.com, silahkan kalau mau langsung kesono :D

Pentingnya optimasi gambar di google images

Setelah sobat tau tentang apa itu

google images frame

, so hal ini bisa sedikit "menghalangi" traffik yang kita inginkan karena pengunjung tidak langsung ke web atau blog kita.

Optimasi Gambar Di Google Images

Untuk "memaksa" mbah google supaya langsung mengantar pengunjung ke blog sobat, sobat bisa gunakan kode berikut untuk

optimasi gambar di google images dengan menggunakan blogspot atau blogger

dan taruh diatas </head>
<script language="JavaScript" type="text/javascript">
if (top.location != self.location) top.location = self.location;
</script> 
Sedangkan

optimasi gambar di google images untuk pengguna wordpress

dengan cara buka header.php cari kode </head> dan taruh tuh script nya persis di atasnya. Kalau mau ringkas bisa pake plugin WP Frame Breaker, nih download dimari: http://wordpress.org/extend/plugins/wp-frame-breaker/

Dengan script sederhana tadi sudah bisa kita gunakan untuk optimasi gambar di google images, sebenarnya trik diatas tidak benar2
menghalangi google images frame
, gambar yang ada masih tetap di google images frame tapi hanya beberapa detik sebelum di redirect ke blog sobat.

Silahkan dicoba tips optimasi gambar di google images tersebut dan semoga bermanfaat. Kalau ada trik lain monggo di share hehehe...