Cara Agar Blog Cepat Terindex Google, Yahoo dan Bing

Banyak pertanyaan dari pengunjung tentang bagaimana cara cepat terindex Google atau di indeks oleh mesin pencari (search engine) yang lainnya pada blog/website, sebenarnya tips SEO ini sudah banyak diulas oleh para blogger maupun pakar SEO, tapi disini saya akan mengulas kembali dengan pengalaman yang saya ketahui.

Terindeks oleh search engine adalah hal yang sangat penting bagi kemajuan dan perkembangan blog/website anda, tanpa di indeks blog anda akan kesepian pengunjung dan terlihat mati meskipun anda menulis konten yang fresh dan berkualitas tapi tetap konten anda akan seperti terkubur, nah disinilah pengetahuan SEO itu berfungsi agar konten pada blog anda dikenali dan terindex oleh mesin pencari seperti Google, Yahoo, Bing maupun search engine lainnya karena hampir 60% pengunjung akan datang dari mesin pencari, Ada beberapa teknik atau strategi yang harus anda terapkan agar cepat terindex.

Konten

Submit Sitemap ke Search Engine Google/Bing

Link Building Agar Blog Cepat Terindex Mesin Pencari

Cara Cepat Terindex Google Dengan Social Bookmarking/Social Media

Internal Linking Dalam Halaman Blog/Website

Ping website/blog untuk memanggil Google/Bing spider

Komentar Pada Blog Agar Cepat Terindex Search Engine

Update Konten Blog/Website Secara Teratur

Submit Sitemap ke Search Engine Google/Bing

Sitemap adalah sebuah daftar isi yang menerangkan tentang apa yang ada pada blog/website anda, sitemap disini bukan daftar isi yang seperti ada pada halaman melainkan sitemap yang berupa XML, XML adalah sebuah bahasa yang hanya dimengerti oleh search engine. Untuk pengguna Wordpress bisa membuat sitemap dengan plugin, dan untuk pengguna Blogspot biasanya sudah terintegrasi, seperti pada contoh dibawah.

• http://bloggerpeer.blogspot.com/sitemap.xml
• http://bloggerpeer.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
• http://bloggerpeer.blogspot.com/feeds/posts/default?orderby=updated

Silahkan submit sitemap anda pada Google Webmaster Tools, untuk Bing/Yahoo silahkan submit ke Bing Webmaster Tools

Link Building Agar Blog Cepat Terindex Mesin Pencari

Untuk cepat terindex anda harus membangun link ke halaman post anda, jangan hanya mencari link mengarah ke homepage saja, carilah link dofollow yang mengarah ke konten anda. Hal ini juga akan membuat blog anda menjadi populer dan terpercaya di mata search engine, mesin pencari seperti Google sangat senang dengan blog/web yang mempunyai link dofollow yang relevan yang mengarah ke halaman blog anda dan Google Pagerank pun bisa anda dapatkan.

Cara Cepat Terindex Google Dengan Social Bookmarking/Social Media

Salah satu cara yang sangat cepat agar blog anda terindex mesin pencari adalah dengan membagikan (share) konten anda pada situs social bookmark yang banyak di jumpai sekarang ini seperti Twitter, Facebook, Digg, Linkedin,dll ataupun situs social bookmark Indonesia seperti Infogue, lintas.me, Debuk,dll. Selain itu blog anda juga akan mendapatkan traffic dari situs social media tersebut.

Internal Linking Dalam Halaman Blog/Website

Jika anda ingin halaman baru pada situs anda diindeks cepat maka internal linking akan menjadi sangat berguna. Sebutkan halaman baru anda dengan anchor text link, dan perbarui (update) halaman yang sudah terindeks sebelumnya dengan menyertakan link ke halaman baru anda (pastikan pembahasan pada konten anda sebelumnya cocok dengan konten anda yang baru).
Linking halaman situs anda bukan hanya tentang membangun external backlink. Hal yang sangat penting juga adalah membangun link dalam website anda (internal linking) yang akan mengingatkan mesin pencari tentang kehadiran konten baru pada situs anda.

Ping website/blog untuk memanggil Google/Bing spider

Ping pada mulanya merupakan metode untuk blogger untuk memperingatkan mesin pencari pada konten baru di blog mereka. Namun, telah berkembang di mana setiap orang dapat menggunakannya untuk memperbarui (update) bukan hanya blog tapi juga website tradisional
Ping adalah sarana yang sangat berguna memperingatkan mesin pencari dan direktori untuk pembaruan dalam konten anda.
Ada banyak situs layanan ping online yang tersedia. Beberapa yang terbaik yang saya ketahui adalah:
pingoat.com
pingler.com
pingomatic.com

Komentar Pada Blog Agar Cepat Terindex Search Engine

Blog dengan pembaca yang aktif dan banyak konten baru akan di crawled secara teratur oleh search engine, dengan berkomentar pada blog seperti itu maka anda akan mendapatkan imbas dari popularitasnya dan akan mendapatkan halaman sendiri diindeks dengan cepat. Cobalah mengomentari posting terakhir pada blog-blog yang sudah terkenal dan mempunyai ranking tinggi, ini adalah cara yang sangat efektif untuk mendapatkan halaman baru diindeks cepat dan pastikan bahwa anda menggunakan halaman yang ingin diindeks sebagai URL website anda ketika berkomentar tidak hanya halaman muka (homepage) saja.

Update Konten Blog/Website Secara Teratur

Pastikan anda memperbarui situs anda secara teratur, konten yang fresh adalah penting untuk mendapatkan halaman baru diindeks. Jika konten yang ada pada blog anda sudah basi maka search engine tidak akan menjelajahi (crawl) blog anda secara teratur, Di sisi lain, jika anda menjaga blog anda segar dan diperbarui (meskipun memperbarui halaman indeks) maka spider mesin pencari akan terus datang kembali. Sebagai alasan kenapa banyak blog mempunyai peringkat baik dan konten nya terindeks cepat tidak lain adalah karena si pemilik blog sering memperbarui situs mereka dengan konten baru yang segar.

Itulah beberapa tips seo tentang cara agar blog terindex cepat oleh search engine sesuai dengan pengalaman saya, kalau ada kekurangan dan saran lain bisa disampaikan melalui komentar

Read More

Cara Membuat Daftar Isi Blog

Cara membuat daftar isi blog kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalo postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini. 

Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

Cara pertama adalah jika kita ingin menampilkan daftar isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita.

Berikut ini langkah-langkahnya :

1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri judul Dafar Isi atau judul sesuai dengan keinginan sobat
6. Kopas kode di bawah ini

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://ken-xp.googlecode.com/files/daftar-isi.js"></script><script src="http://ken-xp.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>

NB : ken-xp.blogspot.com ganti dengan alamat blog sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat

Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :

1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :

<script style="text/javascript" src="http://ken-xp.googlecode.com/files/daftar-isi.js"></script><script src="http://ken-xp.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

  
http://ken-xp.blogspot.com ganti dengan alamat blog sobat

Jadi deh, hasilnya atau sebagai contoh dapat dilihat di sini

Read More

Cara Membuat Emoticon Di Komentar Blogger

Memasang Emoticon Yahoo pada kotak komentar blog Blogger bermaksud untuk membuat tampilan komentar para komentator/pengunjung menjadi lebih menarik, selain itu dengan adanya fasilitas penambahan emoticon pada kotak komentar ini menjadikan para pengunjung blog kita bisa mengekpresikan emosi mereka dalam mengomentari postingan kita.

Bagi sobat blogger yang sudah pernah mencoba membuat emoticon di komentar blogger, namun sampai saat ini belum berhasil, silakan sobat membaca postingan saya ini. Semoga trik berikut ini support di template sobat. Harap di perhatikan langkah demi langkah....ingat ini merupakan trik Membuat Emoticon Di Komentar Blogger versi 2 jadi hanya cocok untuk kode template blogger versi 2 (terbaru). Tips dan Trik ini sebenarnya bisa juga diterapkan pada template klasik namun harus banyak perubahan kode script, biar ngga repot untuk yang cari pemasangan emoticon di kolom komentar v1 silakan baca pada postingan saya sebelumnya. Yuhh... langsung aja ke TKP...

Langkah 1

• Login ke blogger anda.
• Klik design kemudian edit template.
• Klik centang pada pilihan expand widget templates.
• Tekan tombol CTRL + F pada keyboard anda untuk mengaktifkan modus pencarian.
• Cari kode ]]></b:skin> pada template yang anda gunakan.
• Copy / Paste kode di bawah ini dan letakan di atas kode ]]></b:skin>
• .emoticon { margin: 0px 0px 0px 5px; }

Langkah 2

• Cari kode <data:blogCommentMessage/> atau yang mirip dengan kode tersebut.
• Tambahkan kode di bawah ini dan letakan di atas dan di bawah kode <data:blogCommentMessage/>.
• Kode : <dd class='emoticon'>        </dd>

Contoh :

kode 1 : <dd class='emoticon'>
             <p><data:blogCommentMessage/></p>
kode 2 : </dd>

• Cari kode <data:comment.body/> atau yang mirip dengan kode tersebut.
• Tambahkan kode di bawah ini dan letakan di atas dan di bawah kode <data:comment.body/>.
• Kode : <dd class='emoticon'>        </dd>

Contoh :
kode 1 : <dd class='emoticon'>
             <p><data:comment.body/></p>
kode 2 : </dd>

• Cari kode <a name='comments'/> atau yang mirip dengan kode tersebut kemudian lihat kode diatas <a name='comments'/> umumnya seperti kode <div class='comments'> atau seperti kode <div class='comments-wrap'>. Tambahkan kode [ id='comments' ] seperti contoh berikut ini.
  Contoh 1 : <div class='comments' id='comments'>
  Contoh 2 : <div class='comments-wrap' id='comments'>
• Ingat hanya tambahkan kode [ id='comments' ] jangan merubah nama class-nya.

Langkah 3

• Cari kode <p class='comment-footer'> atau yang mirip dengan kode tersebut.
• Tambahkan kode di bawah ini dan letakan di bawah kode <p class='comment-footer'>.
• The Code...
  

  <hr/> <div align='center'><span>&lt;a href=&quot;javascript:animatedcollapse.toggle(&#39;cemo&#39;)&quot;&gt;<span style='color: #ffffff;'><b>Yahoo Emoticon</b></span>&lt;/a&gt;</span><b style='color: #ffffff;'> | </b>&lt;a href=&quot;javascript:animatedcollapse.toggle(&#39;uiemo&#39;)&quot;&gt;<span style='color: #ffffff;'><b>Upin&amp;Ipin Emoticon</b></span>&lt;/a&gt;<b style='color: #ffffff;'> | </b>&lt;a href=&quot;javascript:animatedcollapse.toggle(&#39;kkemo&#39;)&quot;&gt;<span style='color: #ffffff;'><b>KasKus Emoticon</b></span>&lt;/a&gt;</div>
  <br/>
  
  <center>
  <div id='cemo' style='border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ebe9da; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: auto;'><center>
  <b>
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
  :))
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
  :)]
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
  ;))
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/>
  ;;)
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/>
  :D
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/>
  ;)
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
  :p
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
  :((
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/>
  :)
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/>
  :(
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/>
  :X
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
  =((
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
  :-o
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/>
  :-/
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
  :-*
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
  :|
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
  8-}
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
  ~x(
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
  :-t
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
  b-(
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
  :-L
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
  x(
  <img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
  =))
  
  </b></center></div></center>
  
  <center>
  <div id='uiemo' style='display:none; border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 110px;'><center>
  <b><img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/TC1_y45CSbI/AAAAAAAAA78/QsXnQdLYu7A/s800/ehsan01.gif' width='50'/>
  :a:
  <img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/TC1_zL6GKxI/AAAAAAAAA8A/hhFDtKzpMJo/s800/ehsan02.gif' width='50'/>
  :b:
  <img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/TC1_zFOpRNI/AAAAAAAAA8E/IgAjo0-WC3k/s800/fizi01.gif' width='50'/>
  :c:
  <img height='50' src='http://lh6.ggpht.com/_UEOySJCSmVg/TC1_zAkM1fI/AAAAAAAAA8I/WbE7K08g2zU/s800/ipin01.gif' width='50'/>
  :d:
  <img height='50' src='http://lh5.ggpht.com/_UEOySJCSmVg/TC1_zSnurLI/AAAAAAAAA8M/SE6ijbGGRgY/s800/ipin02.gif' width='50'/>
  :e:
  <img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/TC2ACEPepaI/AAAAAAAAA8Q/Mr3O2IY_PwY/s800/kakros01.gif' width='50'/>
  :f:
  <img height='50' src='http://lh4.ggpht.com/_UEOySJCSmVg/TC2ACUO5MxI/AAAAAAAAA8U/lOZem_1eYzA/s800/kakros02.gif' width='50'/>
  :g:
  <img height='50' src='http://lh6.ggpht.com/_UEOySJCSmVg/TC2ACWDn6NI/AAAAAAAAA8Y/BdPtc9HGzbc/s800/mail01.gif' width='50'/>
  :h:
  <img height='50' src='http://lh6.ggpht.com/_UEOySJCSmVg/TC2ACXXjJ6I/AAAAAAAAA8c/afGmF42wKNk/s800/upin01.gif' width='50'/>
  :i:
  <img height='50' src='http://lh3.ggpht.com/_UEOySJCSmVg/TC2ACt_jfiI/AAAAAAAAA8g/b0tn4s4TpUU/s800/upin02.gif' width='50'/>
  :j:
  </b></center></div></center>
  
  <center>
  <div id='kkemo' style='display:none; border: 1px solid #666666; -moz-border-radius:8px; -webkit-border-radius:8px; padding: 5px; background: #ffffff; none repeat scroll 0% 0%; width: 510px; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; height: 110px;'><center>
  <b><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_sundul.gif' width='40'/>
  :ka:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/s_big_cendol.gif' width='40'/>
  :kb:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_shakehand2.gif' width='40'/>
  :kc:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_ngakak.gif' width='40'/>
  :kd:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_pertamax.gif' width='40'/>
  :ke:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_mewek.gif' width='40'/>
  :kf:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_siul.gif' width='40'/>
  :kg:
  <br/><img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_nosara.gif' width='40'/>
  :kh:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_takut.gif' width='40'/>
  :ki:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_tkp.gif' width='40'/>
  :kj:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_marah.gif' width='40'/>
  :kk:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_I-Luv-Indonesia.gif' width='40'/>
  :kl:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_hoax.gif' width='40'/>
  :km:
  <img src='http://i939.photobucket.com/albums/ad239/saifulanwar_album/kaskus%20emoticon/th_berduka.gif' width='40'/>
  :kn:
  </b></center></div></center>
  &lt;div style=&quot;text-align: center;&quot;&gt;
  &lt;script type=&quot;text/javascript&quot;&gt;
  &lt;!--
  google_ad_client = &quot;ca-pub-6109930972696170&quot;;
  google_ad_host = &quot;pub-1556223355139109&quot;;
  /* MonoCore 468x15 Link */
  google_ad_slot = &quot;2912254634&quot;;
  google_ad_width = 468;
  google_ad_height = 15;
  //--&gt;
  &lt;/script&gt;&lt;a href=&quot;http://www.blogger.com/page-edit.do?blogID=7105494544424735270&amp;amp;pageID=1647161614117998862&quot;&gt;
  &lt;script src=&quot;http://pagead2.googlesyndication.com/pagead/show_ads.js&quot; type=&quot;text/javascript&quot;&gt;
  &lt;/script&gt;&lt;/a&gt;&lt;/div&gt;
• Jika kode <p class='comment-footer'> ada dua maka pilih yang kedua atau yang ada di bawah.

Langkah 4

• Cari kode </head>.
• Tambahkan kode di bawah ini dan letakan di atas kode </head>.
  
• The Code...
  

  <script src='http://7startmenu.googlecode.com/files/jquery_vstart.js' type='text/javascript'/>
  <script src='http://7startmenu.googlecode.com/files/animatedcollapse.js' type='text/javascript'/>
  <script type='text/javascript'>
  animatedcollapse.addDiv(&#39;cemo&#39;, &#39;fade=1&#39;)
  animatedcollapse.addDiv(&#39;uiemo&#39;, &#39;fade=1&#39;)
  animatedcollapse.addDiv(&#39;kkemo&#39;, &#39;fade=1&#39;)
  animatedcollapse.ontoggle=function($, divobj, state){}
  animatedcollapse.init()
  </script>
• Kode tersebut berfungsi sebagai Show / Hide Script.

Langkah 5

• Cari kode </body>.
• Tambahkan kode di bawah ini dan letakan di atas kode </body>.
• The Code...
  

  <script src='http://7startmenu.googlecode.com/files/smiley_comment.js' type='text/javascript'/>
  <script src='http://7startmenu.googlecode.com/files/upinipin_smiley_comment.js' type='text/javascript'/>
  <script src='http://7startmenu.googlecode.com/files/kaskus_smiley.js' type='text/javascript'/>

Selamat mencoba...jika ada pertanyaan silakan tulis di kolom komentar....

Read More

Membuat Gambar Melayang di Pojok Blog

Kali ini aku posting cara lama aja ya, ini di req sama sobat koDe-Xp juga, dari pada nggak ada yang di post, disini aku mau ngebahas cara mudah dan cepat membuat gambar melayang di pojok blog kita, entah itu kanan , kiri, atas, pokoknya dimana aja asalkan di pojok semuanya bisa sob, yang penting rajin aja ngebaca caranya dibawah. kalau begitu langsung aja baca caranya dibawah.

 

Mudah-mudahan ini bisa bermanfaat bagi blogger yang masih baru, jujur saya juga masih dalam tahap belajar, intinya kita saling membantu sesama sapa aja yang mau berlajar, coz berbagi ilmu itu ternyata menyenangkan sobat. .. o_0

 

1. Login ke blogger trus klik "Layout -->> Edit HTML

2. Cari kode ini ]]></b:skin> kalau sudah ketemu taruh kode berikut ini di atasnya. 

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

 

3. Text yang dicetak tebal adalah posisinya, kalo ingin ganti di posisi pojok kanan bawah tinggal text "left" diganti dengan "right". Begitu juga tulisan "bottom", jika pingin di posisi atas bisa diganti dengan "top".

4. Langkah selanjutnya yaitu letekkan script berikut ini diatas kode </body> 

<div id="trik_pojok">
<a href="http://ken-xp.blogspot.com">
<img src="http://i1097.photobucket.com/albums/g344/koDe-xp/IconkoDe-Xp.png" border="0" /></a>
</div>

"http://trik-nyaman.blogspot.com" adalah link. ganti dengan link kamu.
"http://i1097.photobucket.com/albums/g344/ken-xp/ken-xp.png" adalah lokasi gambarmu. ganti dengan lokasi gambar kamu.

5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/kalender/hit counter/widget-widget yg lain, maka ganti text yang berwarna merah dengan script widget-widget tersebut.

6. Simpan hasil kerja kamu dan lihat hasilnya.

Read More

Cara Mengganti Logo Favicon Blog

Mudah-mudahan postingan kali ini juga bermanfaat meskipun ilmu lama, tapi aku yakin masih banyak yang memerlukan, ini juga termasuk pesanan dari sobat koDe-Xp yang req cara mengganti icon blognya. 

Nah apabila kamu membuat blog di Blogger.com, maka favicon yang berada di samping alamat URL sobat adalah berupa favicon blogger,berupa logo blogger berwarna orange. Favicon ini bisa diganti, lalu bagaimana jika anda ingin mengganti/merubah favicon ini? 

Untuk mengganti favicon tersebut, ikutilah langkah-langkahnya sebagai berikut : 

1. Upload logo (icon) ke tempat penyimpanan file (hosting) saya menggunakan Picassa. 
2. Setelah logo berhasil diupload, klik kanan pada logo (icon) pilih lihat gambar (view image) jika menggunakan browser Mozilla. 
3. Copy ( Ctrl + C ) alamat Url sobat lalu Paste ( Ctrl + V ) di antara kode : 

   <link href=’di sini’ rel='shortcut icon'/>     menjadi     <link href='http://i1097.photobucket.com/albums/g344/koDe-xp/Logo.png' rel='shortcut icon'/>

   Copy ( Ctrl + C ) semua kode atas yang akan diletakan dalam blog, warna Merah ganti dengan URL icon sobat. 
4. Masuk ke blog dengan ID sobat ( back up dulu ya. Untuk berjaga-jaga jika jampi-jampi tidak manjur ).  
5. Edit HTML =>  
6. Centang Expand  
7. Kemudian cari kode ini </title> Kodenya ada pada bagian atas atau ( Ctrl + F ) lalu ketik </title> 
8. Paste (Ctrl + V) semua kode diatas dibawah kode </title>
9.  Terakhir Save dan lihat hasilnya. 

Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda. Silahkan bertanya di kotak komentar jika sobat mengalami kesulitan.

Read More