Saturday, December 31, 2011

Daftar Kontes SEO Sewa Ruang Kantor Jakarta Murah

Informasi Tentang Daftar Kontes SEO dengan keyword "Sewa Ruang Kantor Jakarta Murah" Mungkin lagi banyak dicari oleh para blogger hari-hari ini,Kontes SEO ini dimulai dari 10 Desember 2011 (Jam 12:00 wib) hingga 10 Maret 2012 (Jam 12:00 wib) dan diselenggarakan oleh Indonesia Master SEO Master Award 2012.Nah buat para master SEO Indonesia,juga semua blogger Master SEO yang pura-pura jadi newbie ini adalah informasi yang perlu kamu baca.

Daftar Kontes SEO Sewa Ruang Kantor Jakarta MurahOfficePlus adalah exclusive sponsor untuk SEO MASTER AWARD 2012, seluruh penggunaan logo dan materi terkait dapat diperoleh di website www.sewa-kantor.com


Syarat juga ketentuan Kontes SEO Sewa Ruang Kantor Jakarta Murah:
  • Target Keyword SEO : “Sewa Ruang Kantor Jakarta Murah” dan membuat link ke www.sewa-kantor.com
  • Setiap entry halaman peserta harus memiliki back link yang dapat dilihat terhadap www.sewa-kantor.com
  • Target Search Engine Master SEO Award 2012 adalah Posisi di Google.co.id.
  • Anda bebas memilih untuk memasang Banner SEO MASTER AWARD 2012 atau tidak di website anda.
  • SEO Contest ini menggunakan bahasa Indonesia sebagai content relevansinya.
  • Relevansi content sangat diperhatikan disini, buatlah content berbahasa indonesia yang sesuai target kata kunci dan enak dibaca.
  • Tidak diperbolehkan adanya unsur pornografi, diskriminasi, atau tindakan yang melanggar hukum dalam website / blog yang diikutsertakan, maupun dalam content artikel yang diikutsertakan.
  • Hanya peserta yang teregistrasi yang dapat bersaing dan memenangkan hadiah yang disediakan panitia.
  • Pendaftaran tidak dipungut biaya dan terbuka untuk siapa saja tanpa batasan umur.
  • Satu orang hanya dapat memperoleh satu hadiah. Peserta boleh mendaftar beberapa domain, dengan syarat nama, email, dan alamat harus sama. Nama berbeda tapi orangnya sama akan di diskualifikasi.
  • Informasi kontak yang valid harus ada di website yang dipakai ikut SEO Award. Email lebih diutamakan
  • Anda diperbolehkan menggunakan domain yang telah ada, namun halaman/URL entry yang disubmit harus benar-benar baru dengan tanpa back link dan versi cache sebelumnya.
  • Tidak menggunakan domain dan subdomain dengan target keyword yang di lombakan (tidak menjadikan 5 frase keyword yang dilombakan sebagai domain atau subdomain).
  • Peraturan dapat ditambah atau diubah dari waktu ke waktu sesuai dengan feedback yang diterima dari peserta.
  • Bagi yang mendaftarkan diri tanpa mengisi alamat dengan jelas dan lengkap atau menggunakan email yang tidak bisa dihubungi (valid), kami meminta untuk mendaftarkan diri kembali karena pendaftaran yang tidak lengkap akan kami hapus.
  • Bagi yang kedapatan melakukan copy paste artikel, anda punya waktu 48 jam untuk menghapusnya. Jika dalam waktu tersebut anda belum bisa bekerjasama dengan panitia, kami akan hapus nama anda dari daftar peserta.

Proses Pemilihan Pemenang!
Kami akan memilih pemenang pada pukul : 11.00 - 12.00 Wib pada tanggal 10 Maret 2012.
Dengan membuka Google.co.id dan mencari kata kunci yang telah ditentukan dari 3 lokasi yang berbeda di Jakarta. Website yang menempati posisi No.1, 2 dan 3 akan di screenshot dan ditentukan sebagai pemenang.
Perubahan posisi yang terjadi diatas pukul 12.00. 10 Maret 2011, tidak akan diperhitungkan lagi.

Apabila ditemukan teknik SEO seperti : Invisible text, Cloaking Keyword, Stuffing dan Doorway pages. Maka Pemenang terkait akan digugurkan dan posisi dibawahnya akan menjadi pemenang. Proses penilaian akan dilakukan oleh professional & trainer SEOcertification.org.
Hadiah!
JUARA 1
Uang Tunai : Rp 2.000.000
Sertifikat : SEO Certified Professional
Badge + terdaftar di Seo.certification.org

JUARA 2
Uang Tunai : Rp 1.000.000
Sertifikat : SEO Certified Professional
Badge + terdaftar di Seo.certification.org
JUARA 3

Uang Tunai : Rp 500.000
Sertifikat : SEO Certified Professional
Badge + terdaftar di Seo.certification.org
30 Posisi Teratas di Google
Badge Online SEO Practitionaire
+ hadiah lainnya dari sponsor lainnya*

Semua Peserta
Gratis Ebook SEOCertification.org
Voucher Biind.com = Rp 50.000
Berminat? silahkan ikuti kontes SEO dengan keyword Sewa Ruang Kantor Jakarta Murah ini. Silahkan daftarkan diri anda disini!

Wednesday, December 28, 2011

Cara Membuat Hujan Salju Pada Blog

Cara memberi efek salju pada blog,membuat turun salju di blog,memberi efek hujan bola salju pada blog,Membuat salju berjatuhan pada blog. | Sebelumnya saya sudah tulis juga tentang membuat efek turun salju pada blog, tapi ada salah satu komentator yang memberi tahu saya bahwa dia tidak berhasil, setelah memasang script turun salju pada blognya ternyata tidak ada efek yang terlihat juga,akhirnya saya cek script yang pernah saya share dulu,ternyata idak bekerja, nah ni adalah update dari postingan yang dulu juga. karena saya telah mengganti script untuk turun hujan saljunya.

turun salju

Cara membuat hujan salju pada blog sebagai berikut:
  1. Login ke blog sobat.
  2. Klik Rancangan/design.
  3. Add gadget lalu pilih HTML/Javascript.
  4. copy dan paste kode berikut:
    <script src="http://delpid.googlecode.com/files/snowstorm.js" type="text/javascript"></script>
  5. Simpan dan lihat hasilnya.

Demikian tutorial cara membuat hujan salju pada blog, semoga bermanfaat!

Cara Edit Template Blog Agar SEO Friendly

Cara mengedit template blog agar SEO friendly,Tips edit template Blog supaya lebih SEO Friendly,Mengedit Template Blogspot agar SEO friendly,Edit tempate blogger agar lebih SEO | Nah,langsung saja bagaimana cara agar template kita agar lebih SEO banyak cara yang bisa kita tempuh,kali ini saya akan urutkan dari yang terpentinTautang dahulu.dan perlu diingat tutorial edit template agar SEO friendly ini adalah versi delpid. Jadi jadikan referensi saja untuk apa yang kamu yakini,karena bagaimanapun tehnik-tehnik SEO yang ada belum tentu benar juga adanya.

Cara Edit Template Blog SEO Friendly

Tips agar template blog lebih SEO friendly sebagai berikut:
  1. Buatlah template blog kamu seringan mungkin,karena menurut survey,mesin pencari lebih ramah pada template yang loadingnya cepat.Ukur seberapa berat blog kamu juga.

  2. Edit Meta title blog kamu pada meta title yang bisa menghindari duplikat kontent.untuk tutorialnya kamu bisa baca disini.

  3. Pasang meta tag pada template blog kamu,untuk cara pasang meta tag otomatis kamu bisa juga baca artikel saya yang dahulu yaitu di cara memasang meta tag otomatis pada blog.

  4. Edit template kamu pada yang lebih valid XHTML,untuk tutorial ini silahkan baca artikel saya cara membuat template lebih valid XHTML juga.
  5. Pasang Breadcrumb Navigasi pada template blog kamu,beberapa mesin pencari membaca juga breadcrumb navigasi pada blog,untuk cara memasangnya klik disini.

  6. Pasang Artikel terkait pada template blogmu,baca artikel saya di cara pasang artikel terkait dengan thumbnail.

  7. Pasang Internal link otomatis pada template blog kamu, baca disini.

  8. Matikan setting arship pada blog kamu,Begini, Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Anda ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Anda akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGANDA.blogspot.com/2007_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi Search Engine apa lagi Google, ini adalah masalah serius. Oleh karena itu kita harus me-nonaktifkan opsi arsip.

    Caranya, cukup klik tab Setting, pilih Archiving. Nah, pada bagian Archiving Frequency ubah menjadi No Archive. Selesai sudah! :)

  9. Tambahkan meta tag cannonical untuk postinganmu,agar menghindari duplikat kontent. cara memasangnya letakkan kode berikut dibawah kode <head>
    <link expr:href='data:blog.url' rel='canonical' />
  10. Edit Tag Heading pada template kamu, silahkan baca pada artikel edit tag heading blog agar lebig seo friendly.

Tuesday, December 27, 2011

Kontes SEO Sewa Ruang Kantor Jakarta Murah

Malam ini saya blogwalking ke salah satu blog teman saya,ternyata ada yang aneh,dia tulis judul yang tidak biasanya, dia menulis dengan judul "Sewa Ruang Kantor jakarta Murah",karena biasanya dia menulis tentang Tutorial blog,tapi setelah saya cek dan ricek ternyata dia ikut lomba SEO dengan keyword "Sewa Ruang Kantor jakarta Murah"

Kontes SEO kali ini menarik perhatian saya,walau saya masih awam dalam tehnik-tehnik SEO tapi rasany saya ingin mencobanya dengan menulis artikel tentang "Sewa Ruang Kantor Jakarta Murah"

Sewa Ruang Kantor Jakarta Murah

Nah,Buat teman-teman yang ingin ikut dalam kontes saya persilahkan,bagi yang sudah mendaftar dan sudah menulis artikel tentang "Sewa Ruang Kantor Jakarta Murah saya persilahkan juga,karena disamping Ikut Kontes SEO kamu Akan diberi hadiah langsung berupa Ebook gratis kamu juga akan dapat voucer sebesar rp.50.000.Lumayan kan walau tidak menang nantinya.

Buat yang berminat mengikuti kontes SEO dengan keyword Sewa Ruang Kantor Jakarta Murah Silahkan Klik Disini. dan daftarkan segera blog yang kamu ikutkan untul lomba SEO yang Baru ini.

Membuat Daftar Isi Dengan jQuery

Cara membuat daftar isi,Membuat daftar isi blog,Daftar isi blogger,Membuat daftar isi dengan script,Cara membuat daftar isi otomatis,Membuat daftar isi dengan jquery, daftar isi accordion, Membuat daftar isi blogspot.| Cara membuat daftar isi dengan jquery yang satu ini ternyata banyak disukai oleh para blogger.karena dengan daftar isi ini sangat keren dan cantik untuk dilihat juga. disamping itu tampilan ini lebih disukai daripada daftar isi dengan fungsi scroll lihat gambar tampilan daftar isi dibawah ini!

daftar isiNah,keren kan tampilanya? jika kamu ingin melihat demonya langsung silahkan klik disini. lalu bagaimana cara membuat daftar isi dengan jquery tersebut? ikuti langkah-langkah dibawah ini!
  1. Login ke blogspot.
  2. Klik Design/Rancangan.
  3. Edit HTML.
  4. Kemudian letakan kode dibawah ini di atas kode ]]></b:skin>
    #dafis-acc{
    font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;
    background:#ffffff;
    }
    .dafis-label {
    background: url("http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif") repeat-x scroll 0 0 #E1F4FB;
    border: 1px solid #2F94BA;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    line-height: 1.4em;
    margin: 1px 3px;
    outline: medium none;
    overflow: hidden;
    padding: 2px 10px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    vertical-align: baseline;
    white-space: nowrap;
    }
    .dafis-label:hover {
    background: url("http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif") repeat-x scroll 0 0 #E1F4FB;
    color: #003366;
    }
    .dafis-daf ol {
    margin: 0 0 0 30px !important;
    padding: 0 !important;
    }
    .dafis-daf ol li {
    background-color: #C9E9F4;
    border: 1px solid #339DC6;
    line-height: 1.5em;
    margin: 1px 3px !important;
    text-align: left;
    white-space: nowrap;
    }
    .dafis-daf ol li a {
    color: #333333 !important;
    display: block;
    padding-left: 10px;
    text-decoration: none !important;
    }
    .dafis-daf ol li a:hover {
    background: none repeat scroll 0 0 #7BC4DF;
    border-left: 5px solid #333333;
    padding-left: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    }
  5. Copy kode dibawah ini dan letakkan diatas kode </head>
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    Tapi jika di blogmu sudah ada kode seperti ini maka kamu boleh meninggalkan langkah no 5 ini.

  6. Jika sudah,copy dan paste kode dibawah ini,boleh kamu letakkan dalam postingan maupun widget blog kamu.
    <script type="text/javascript" src="http://delpid.googlecode.com/files/Acc1.js"></script>
    <script src="http://delpid.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
  7. Ganti yang berwarna merah dengan URL blogmu.Selesei.
Mudah bukan? sulit ya? ya sudah,kalo mau yang gampang silahkan kamu copy kode dibawah ini,letakkan dipostingan kamu lalu terbitkn..
<style type='text/css'>
#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="http://delpid.googlecode.com/files/Acc1.js"></script>
<script src="http://delpid.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Ganti yang berwarna merah dengan URL blog kamu. selesei deh..

Friday, December 23, 2011

Supaya Postingan Cepat Terindex Google

Bagi seorang yang mempunyai blog, atau bahkan seorang penulis secara online akan ingin karya tulisan yang dia posting dilihat orang,dan disinilah publikasi diperlukan. Jika postingan kita cepat di index oleh mesin pencari khususnya Google,kita akan dapat media agar postingan kita punya peluang dilihat orang, Bagi yang master SEO mungkin sangat mudah supaya postingan cepat terindex google,tapi bagi blogger pemula seperti delpid ini,perlu menerapkan tehnik-tehnik SEO dan beberapa langkah-langkah khusus agar postingannya dapat peringkat di SERP google.di index google

tips supaya cepat terindex google

Nah kali ini saya akan memberikan tips khusus versi saya sendiri cara agar postingan kamu cepat diindek oleh google.cara agar postingan diindex google
  1. Daftarkan blog kamu ke Google webmaster tool, klik disini untuk caranya.
  2. Pasang meta tag untuk blog kamu. Klik disini untuk cara pasang meta tag otomatis pada blog kamu.
  3. SEO on Page yang baik. misalnya memberi anchor link pada tulisanmu,penekanan pada text dengan tebal,miring,atau underline,cara ini terbukti efektif juga untuk SEO.
  4. Beri internal link yang berkaitan dengan tulisan tersebut.
  5. Ping Tulisanmu, untuk ping google silahkan klik disini.
  6. Tulis judul yang unik tapi tetap tidak menyeberang dari isi artikel. contohnya jika kamu ingin membuat judul "Antarmuka blogger yang diperbarui" beri unik dalam judul postinganmu,contoh "Antarmuka blogger yang diperbarui ribet".blogger
  7. Beri gambar pada postingan kamu dan jangan lupa kasih attribut alt juga title pada gambar tersebut.
  8. Pasang script google search tool pada blog kamu. seperti contoh dibagian bawah blog saya ini.
    Ini kodenya:
    <script language="JavaScript"type="text/javascript"> function search_google(){ window.open("http://www.google.com/search?q="+document.search.query.value); } function search_images(){ window.open("http://www.google.com/images?q="+document.search.query.value); } </script><br /> <br /> <form name="search"><input name="query" value="" type="text"/><br /> <input value="Search" onclick="search_google()" type="submit"/><br /> <input value="image" onclick="search_images()" type="submit"/><br /> </form>

    Setelah selesai mengupdate postingan terbaru, lihat tampilan blog pastikan fasilitas google search tool sudah terpasang di blog.
    Copy-paste alamat url atau judul postingan terbaru tadi di kotak search google, klik search.
    Jika page google sudah menampilkan hasil pencarian postingan terbaru, klik hasil pencarian agar mengarah ke postingan terbaru blog kita. Otomatis postingan terbaru tadi sudah terindex google.

Nah demikian sedikit tips dari delpid agar postingan kamu cepat terindex mesin pencari,kususnya google.selamat mencoba.tips diindex goole

Wednesday, December 21, 2011

AntarMuka Blogger Yang Diperbarui Ribet

Hari ini delpid mencoba menulis di Antarmuka blogger yang diperbarui,ternyata ada beberapa menu yang hilang dari antarmuka blogger yang baru,nah, misalnya download html untuk backup html waktu kita mengedit template,saya tidak menemuinya atau memang ada tapi tapi saya saja yang belum tau lokasinya,padahal itu menu penting untuk saya,bisa kacau kalau kita tidak bisa mengambil back up html.AntarMuka Blogger Yang Diperbarui

http://delpid.blogspot.com/

Antarmuka blogger baru ribet bagi saya.yah walau ada kelebihan-kelebihan juga di antarmuka blogger yang baru misalnya sangat ringan dll,tapi saya lebih suka menggunakan antarmuka blogger yang lama, maaf ya Blogger aku tidak suka dengan tampilan barumu.blogger baru

Nah,sekarang bagaimana tanggapan temen-temen tentang tampilan antarmuka blogger yang diperbarui? suka atau sama seperti saya? beri komentar dibawah..komentar

Monday, December 19, 2011

Membuat Template Blog Lebih Valid XHTML

Template Blogger sangat bepengaruh untuk Optimasi SEO,Disamping kita bisa memilih template blog yang SEO friendly kita juga bisa membuat atau mengedit template kita agar lebih ramah SEO,Misalnya kita membuat meta title SEO friendly maupun memasang meta tag otomatis pada setiap postingan, kali ini ada tips lagi untuk membuat agar template blog kamu lebih SEO friendly,yaitu dengan cara mengedit beberapa kode HTML pada yamg lebih valid XHTML.

Bagaimana cara membuat template blogger lebih valid XTHML? ikuti step demi step berikut!valid XHTML
  1. Login ke akun blogger sobat
  2. Masuk Rancangan/Layout
  3. Pilih Edit HTML
  4. Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
  5. Beri tanda centang "Expand Template Widget"
  6. Setalah itu kita mulai step by step dan cari kode dibawah ini:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  7. Kemudian, gantilah kode diatas dengan kode berikut:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. Cari kode semacam ini:
    <b:skin><![CDATA[/*
    -----------------------------------------------
    Blogger Template Style
    Name: Minima
    Date: 26 Feb 2004
    Updated by: Blogger Team
    ----------------------------------------------- */
  9. Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
    Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
    Hasilnya kan menjadi seperti ini:
    Hapuslah semua kode/tanda strip (--) hanya stipnya saja yang dihapus.
    Dan cek juga pada kode css yang lainya, biasanya terdapat banyak tanda seperti pada contoh diatas.
    Hasilnya kan menjadi seperti ini:
    <b:skin><![CDATA[/*
    Blogger Template Style
    Name: Minima
    Date: 26 Feb 2004
    Updated by: Blogger Team
    */
  10. Cari kode dibawah ini:
    <b:include name='quickedit'/>
    Hapus saja semua kode diatas yang ada dalam template kamu,dan ingat! kode diatas akan muncul jika kamu menambah gadget pada blog kamu,jadi selalulah menghapusnya ketika sesudah kamu menambah gadget.

  11. Cari kode dibawah ini:
    <b:include data='blog' name='all-head-content'/>
    Dan hapus saja juga! tapi buat kamu yang memberi foto profile pada komentar blog maka berisiko foto-foto profile komentar tidak muncul,tapi terserah ke kamu,kalau ingin valid maka sikat aja.

  12. Langkah selanjutnya silahkan kamu cari kode </head> dan letakkan kode dibawah ini tepat dibawah kode </head>
    <!-- <body>
    <div></div> -->
  13. Jika Sobat meng-upload sebuah gambar, berilah tambahan alt pada gambar tersebut. contoh kode alt seperti ini:
    <a href="http://validator.w3.org/"><img alt="Markup Validation Service" src="http://3.bp.blogspot.com/_L8cTYaYGAGI/SyHeZ6cwSmI/AAAAAAAAA0M/bUqfyU9VsFU/s320/valid-html.gif" /></a>
  14. Jika sobat menemukan penulisan meta content dengan huruf besar, rubahlah menjadi huruf kecil,contoh:
    <META content='blogger' name='generator'/>
    ubah menjadi:
    <meta content='blogger' name='generator'/>
  15. Menghapus Post icon,adapun kode post icon atau pensil kodenya mirip kode seperti ini:
    <span class='post-icons'>
    <!-- email post links -->
    <b:if cond='data:post.emailPostUrl'>
    <span class='item-action'>
    <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
    <img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
    </a>
    </span>
    </b:if>

    <!-- quickedit pencil -->
    <b:include data='post' name='postQuickEdit'/>
    </span>
    Ganti kode diatas dengan kode berikut:
    <span class='post-icons'>
    <!-- email post links -->
    <b:if cond='data:post.emailPostUrl'>
    </b:if>
    </span>
  16. Menambahkan jenis type="text/javascript" pada semua kode JavaScript yang ada. Contoh:
    <script src="http://delpid.googlecode.com/files/SakuraRain.js"></script>
    Tambahkan kode berwarna merah seperti dbawah ini:
    <script type="text/javascript" src="http://delpid.googlecode.com/files/SakuraRain.js"></script>
  17. Menyembunyikan page navigation di halaman utama
    cari kode:
    <b:include name='nextprev'/>

    ganti kode diatas dengan kode dibawah ini!

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
    <!-- navigation -->
    <b:include name='nextprev'/>
    </b:if>
  18. Memperbaiki attribut title dan alt pada link gambar.sebagai contoh:
    <a href="http://delpid.blogspot.com" alt="free backlink generator" target="_blank"><img src="http://3.bp.blogspot.com/_GV9KiOUzsBM/TGadf4gs9EI/AAAAAAAAA4Q/18Fv0kzXc4k/s1600/aang-vs-naruto+%281%29.jpg" title="Free backlinks generator" border="0" /></a>

    Rubah menjadi:

    <a href="http://delpid.blogspot.com" title="free backlink generator" target="_blank"><img src="http://3.bp.blogspot.com/_GV9KiOUzsBM/TGadf4gs9EI/AAAAAAAAA4Q/18Fv0kzXc4k/s1600/aang-vs-naruto+%281%29.jpg" alt="Free backlinks generator" border="0" /></a>


    Untuk kasus diatas jangan lupa untuk link atributnya title dan target, untuk gambar alt dan border jagan sampe terbalik-balik.

Nah mungkin cara diatas cukup untuk membuat template blog lebih valid XHTML, sebenarnya masih banyak, dan masih bisa dikompres lagi, itu tergantung widget/kode script yang ada di blogger sobat. Untuk hasil silahkan cek sebelum dan sesudah kamu edit menjadi valid XHTML, silahkan cek disini http://validator.w3.org

Sunday, December 18, 2011

Memberi Title Otomatis Link Judul Blog

Title pada link blog sangatlah penting untuk optimasi SEO, apalagi sebagai blogger pemula seperti delpid ini memerlukan penerapan tehnik-tehnik SEO,banyak cara juga agar blog kamu lebih ramah search engin,misalnya membuat meta tag title blog yang SEO Friedly maupun memasang meta tag otomatis pada blog kamu.title otomatis

Berkaitan juga dengan Title atau judul pada blog,kamu bisa membuat agar judul blog kamu lebih SEO friendly yaitu dengan cara memberi title otomatis pada setiap link judul postingan kamu,Untuk lebih jelasnya silahkan kamu lihat gambar dibawah ini:

Memberi Title Otomatis Link Judul Blog
Faham kan maksud saya?title Untuk membuat title otomatis pada judul blog postingan kamu ikuti tutorial dibawah ini!
  1. Login ke akun Blogger anda
  2. klik Rancangan Template kamu
  3. Klik edit HTML
  4. Expand Template Widget Dan download atau Restore template kamu untuk berjaga-jaga apabila ada kesalahan dalam mengedit template
  5. Cari kode di bawah ini :
    <a expr:href='data:post.link'><data:post.title/></a>
  6. Hapus kode tadi lalu ganti dengan kode berikut :
    <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
  7. Lalu cari kembali kode seperti ini :
    <a expr:href='data:post.url'><data:post.title/></a>
  8. Hapus kode tadi lalu ganti dengan kode berikut :
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
  9. Simpan Template kamu.
Lihatlah hasilnya,sekarang arahkan mouse atau pointer kamu pada link judul blogmu,maka akan tampil title secara otomatis.link title otomatis

Saturday, December 17, 2011

Membuat Recent post Slide Show

Recent post atau postingan terakhir sangat penting bagi para blogger,disamping menunjukkan artikel-artikel terbaru,recent post juga dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya,sama halnya dengan artikel terkait atau related post,recent post juga bisa dengan tampilan thumbnail,nah kali ini delpid akan memberi tutorial tentang cara membuat recent post slide show. lihat gambar dibawah ini:

Recent postSebelumnya saya juga telah posting cara membuat recent post dengan gambar,lalu bagaimana agar gambar tersebut bisa tampil dengan slide show? ikuti tutorial dibawah ini:
  1. Login ke akun Blogger sobat
  2. Klik Rancangan >> Elemen haLaman
  3. Klik Tambah Gadget
  4. Pilih HTML/Javascript
  5. Masukan kode berikut :
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
    </script>
    <style media="screen" type="text/css">
    <!--
    #spylist {
    overflow:hidden;
    margin-top:5px;
    padding:0px 0px;
    height:350px;
    }
    #spylist ul{
    width:220px;
    overflow:hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin:0px 0px;
    }
    #spylist li {
    width:208px;
    padding: 5px 5px;
    margin:0px 0px 5px 0px;
    list-style-type:none;
    float:none;
    height:70px;
    overflow: hidden;
    background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
    border:1px solid #ddd;
    }
    #spylist li a {
    text-decoration:none;
    color:#4B545B;
    font-size:11px;
    height:18px;
    overflow:hidden;
    margin:0px 0px;
    padding:0px 0px 2px 0px;
    }
    #spylist li img {
    float:left;
    margin-right:5px;
    background:#EFEFEF;
    border:0;
    }
    .spydate{
    overflow:hidden;
    font-size:10px;
    color:#0284C2;
    padding:2px 0px;
    margin:1px 0px 0px 0px;
    height:15px;
    font-family:Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment{
    overflow:hidden;
    font-family:Tahoma,Arial,verdana, sans-serif;
    font-size:10px;
    color:#262B2F;
    padding:0px 0px;
    margin:0px 0px;
    }
    -->
    </style>
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
    imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
    showRandomImg = true;
    boxwidth = 255;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 70;
    thumbheight = 70;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 20;
    home_page = "http://delpid.blogspot.com/";
    limitspy=4
    intervalspy=4000
    </script>
    <div id="spylist">
    <script src="http://delpid.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
    </script></div>
  6. Simpan
Note :
  • Url yang berwarna merah ganti dengan Url sobat
  • Angka yang berwarna biru jumlah post yang ingin di tampilkan

Perbedaan Margin,Border,Padding dan Content

Sebelum mengetahui tentang perbedaan margin,border,padding dan konten silahkan baca dulu tentang kode CSS untuk margin,border dan padding dalam visualisasinya kali ini delpid akan share lagi tentang margin,border,padding dan content agar kamu bisa lebih detail mengenal kode-kode CSS tersebut. lihat gambar dibawah ini:

Margin,Border,Padding dan  Content
Dari gambar diatas pasti kamu faham tentang perbedaan margin,border,padding serta konten.
Adapun Sedikait Ulasan tentang gambar di atas :
  • Margin = Area sebelah luar dari border. Margin yang tidak memiliki warna latar belakang, dan benar-benar transparan.
  • Border = Garis yang memisahkan antara padding dan margin. garis ini dapat diberi warna maupun jenisnya.
  • Padding = Area antara border dan content,padding ini dapat diberi warna juga.
  • Content = Isi kotak, di mana teks dan gambar muncul

Dalam penulisan code untuk menentukan bagian per bagain terdiri dari dua cara yaitu:
  1. margin: 2px 2px 5px 0px; urutannya –> Atas, kanan, bawah, kiri
  2. margin-top: 2px; margin-right: 2px; margin-bottom: 5px; margin-left: 0px;
    demikian juga halnya dengan padding bila di tulis bagian per bagain.
Semoga Bermanfaat

Friday, December 16, 2011

Chat di PC dengan Madesu messenger v1.0

Lama gak online di mig33 melalui PC,biasanya online di mig33 melalui komputer menggunakan mig33 messenger juga mig33 sjboy,dan akhirnya saya coba online menggunakan madesu messenger yang terbaru yaitu Madesu messenger v1.0.0,ternyata banyak perubahan pada madesu messenger kali ini,salah satunya madesu messenger dilengkapi dengan fiture admin,jadi buat kamu yang punya room,tidak ada salahnya kamu memakai aplikasi ini.aplikasi

Dibawah ini adalah tampilan dari madesu messenger v1.0 :

Madesu messenger

Madesu messenger  v1.0


Buat sobat semuanya yang ingin mecoba aplikasi ini saya persilahkan saja,dijamin free juga, oya buat yang belum register file ocx-nya,silahkan register file ocx dulu yah,atau pakai aja aplikasi untuk register file ocx. Semoga bermanfaat.
mig33 pc

Kode CSS Border-radius atau melengkung

Sekian lama ngeblog,jarang sekali delpid menulis tentang tutorial CSS,sampai yang saya ingat terakhir hanya memberi tabel kode warna CSS juga sedikit mengenal tentang Kode CSS Border Padding dan Margin, Kali ini saya akan tulis lagi tentang kode CSS untuk untuk border-radius atau border melengkung pada blog,nah bagaimana membuat garis melengkung pada pojok border? inilah tutorialnya.melengkung

Adapun syntax untuk border-radius untuk berbagai browser berbeda-beda dibawah inilah tabelnya:

Mozilla EquivalentBrowser Opera 10.5Webkit Equivalent (Safari 3)
-moz-border-radius-toprightborder-top-right-radius-webkit-border-top-right-radius
-moz-border-radius-bottomrightborder-bottom-right-radius-webkit-border-bottom-right-radius
-moz-border-radius-bottomleftborder-bottom-left-radius-webkit-border-bottom-left-radius
-moz-border-radius-topleftborder-top-left-radius-webkit-border-top-left-radius
-moz-border-radiusborder-radius-webkit-border-radius


-Moz-Border-Radius (Untuk Mozilla)

<div style="background-color:#ccc; -moz-border-radius:5px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#ccc; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border:1px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topright:30px; -moz-border-radius-bottomright:30px; border:5px solid #000; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5F6CE; -moz-border-radius:30px 10px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

-Webkit-Border-Radius (Untuk Safari)

<div style="background-color:#A9D0F5; -webkit-border-top-left-radius:30px; -webkit-border-bottom-right-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

<div style="background-color:#F5D0A9; -webkit-border-top-left-radius:50px; -webkit-border-top-right-radius:50px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

Border-Radius (Support Opera 10.5)

<div style="background-color:#F5F6CE; border-radius:30px; border:5px solid #38610B; padding:10px;">ISI TULISAN</div>

Itulah sedikit tutorial tentang border-radius dan beberapa jenisnya,silahkan kreasikan untuk memberi variasi pada kotak kamu,misalnya untuk mempercantik blockquote dengan css misalnya,semoga bermanfaat!blockquote

Thursday, December 15, 2011

Cara membuat widget Link To me

Widget Link to me saya pikir adalah salah satu widget blogger yang bisa kamu pasang di blog kamu agar untuk mempermudah bagi blogger lain bertukar link maupun banner denganmu, dengan adanya widged ini,bertukar link hanya tinggal klik saja juga,nah udah faham belum widget "link to me" kayak apa?link to me

Cara membuat widget Link To me

Langsung saja,lihat contoh dibawah ini,silahkan kamu klik button add to blogger atau tombol "link to me" dibawah!






Kode tombol diatas adalah,dibawah ini:
<form action="http://beta.blogger.com/add-widget" method="POST"><input value="Blog Tutorial dan Info Mig33" name="widget.title" type="hidden"/><textarea style="display:none;" name="widget.content"><a href="http://delpid.blogspot.com/">delpid</a></textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/><input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/><input type="image" src="http://www.blogger.com/img/add/add2blogger_sm_b.gif" name="go" />
</form>

<form action="http://beta.blogger.com/add-widget" method="POST"><input value="Blog Tutorial dan Info Mig33" name="widget.title" type="hidden"/><textarea style="display:none;" name="widget.content"><a href="http://delpid.blogspot.com/">delpid</a></textarea><input value="http://buzz.blogger.com" name="infoUrl" type="hidden"/><input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/><input value="http://www.blogger.com/img/icon_logo32.gif" name="logoUrl" type="hidden"/> <input type="submit" name="Submit" value="Link To Me" />
</form>

Ganti yang berwarna merah sesuai blog kamu dan Untuk mengganti Text link dengan banner ganti delpid dengan kode banner blog kamu, misalnya punya saya.
<img src="http://2.bp.blogspot.com/-jOdj52dfQ4o/TpDMM_bkgxI/AAAAAAAAAjE/JZnn7uIU7S4/s400/delpid.jpg"/>

Semoga bermanfaat!adacallmanfaat

Wednesday, December 14, 2011

Cara mengetahui peringkat blog pada SERP Google

Buat para blogger sangatlah penting untuk mengetahui peringkat SERP google untuk blog kita,setelah tehnik-tehnik SEO kita terapkan tidak ada salahnya kita mengecek usaha kita itu dengan cara mengecek peringkat postingan kita di serp google,nah,kali ini delpid akan share tentang cara mengecek hasil serp google untuk keyword blog kamu.serp

Cara mengetahui hasil serp google sangat mudah,silahkan kunjungi web ini, klik disini lalu masukkan keyword juga alamat blog kamu. seperti contoh gambar dibawah ini:

Cara mengetahui peringkat blog pada SERP Google

Lihat gambar diatas,saya memasukkan keyword "Cara Membuat Tombol Minimize dan Maximize di Blog" Dan hasilnya dengan keyword itu blog delpid menduduki peringkat pertama.Bagaimana dengan blog kamu?peringkat

Cara Mengetahui Jumlah Visitor Blog Lain

mengetahui jumlah visitor atau pengunjung blog,mungkin banyak cara yang bisa lakukan misalnya memasang widget histats pada blog maupun sitemeter pada blog kita,jika sebuah blog tersebut memasang widget2 seperti itu mungkin kita bisa melihatnya dengan mudah,tapi bagaimana jika blog tersebut tidak memasang widget-widget tersebut?visitor bagaimana cara kita mengetahuinya?pengunjung

Nah,delpid akan memberi tau caranya,cukup mudah kok, silahkan kunjungi http://www.statshow.com/
Masukkan URL atau alamat blog atau website yang ingin kamu ketahui dan klik "Check" blaa..lihat hasilnya, disitu sangat jelas sekali..seberapa mahal blog kamu,kunjungan perharinya bahkan yang bisa dihasilkan perhari dari blog tersebut,lihat tampilan dari blog saya ini:

cara mengetahui berapa banyak pengunjung blog

Begitulah Cara Mengetahui Jumlah Visitor Blog Lain semoga bermanfaat!

Tuesday, December 13, 2011

Domain Co.Cc Kembali Terindex Google Lagi

Dulu banyak blogger yang menggunakan domain co.cc ini dan merubah co.cc ke blogspot maupun digunakan untuk domain utama web atau blog,tapi Beberapa waktu yang lalu seperti yang sudah kita ketahui bahwa domain Co.Cc mengalami banned masal oleh Google. Dengan di bannednya subdomain gratis Co.Cc ini tentunya membuat sebagian blogger merasa kecewa dan rugi,karena perjuangan bertahun2 lenyap juga karena blog yang dibangun dengan susah payah tapi hilang dari serp google, tidak ada solusi bagi domain co.cc yang di banned kecuali kamu harus ganti domain lain, Namun pada bulan Desember 2011 ini, domain Co.Cc kembali terindex oleh Google lagi.

Domain Co.Cc Kembali Terindex Google Lagi

Bagi para blogger yang masih menggunakan domain gratis Co.Cc kembali mendapat posisi index di Google. Tentunya kembali terindexnya domain ini membuat sebagian blogger merasa senang karena mungkin akan mendapatkan posisi lagi di serp google, Namun tidak semua blogger merasa senang dan mulai ragu dengan kehadiran kembali domain gratis Co.Cc tersebut. Mereka umumnya masih merasa ragu untuk kembali menggunakan domain tersebut karena merasa trauma dengan kejadian beberapa waktu yang lalu.

Nah,bagaimana dengan sobat semua? masih beranikah menggunakan domain co.cc lagi?indexco.cc

Cara Membuat Tombol Minimize dan Maximize di Blog

Cara Membuat Tombol Minimize dan Maximize di Blog,iya..apa sih maksudnya? maksudnya yaitu tombol untuk menampilkan atau memunculkan sebuah widget,jadi jika kamu memasang tombol minimize atau maximize pada blog,widget kamu akan bisa layaknya sebuah software saja,Minimize blog

Lihat gambar dibawah ini!Maximize blog

Cara Membuat Tombol Minimize dan Maximize di Blog

Cara Membuat Tombol Minimize dan Maximize di Blog

Nah,faham kan yang saya maksud? dengan memasang widget minimize juga maximize pada blog,blog kamu akan terlihat unik juga..seperti halnya pada blog delpid ini,ada uniknya juga,karena ada beberapa widget yang muncul pada homepage saja,atau sebaliknya widget yang muncul pada postingan saja. unik kan..unik

Cara membuat tombol minimize dan maximize pada blog sebagai berikut:
  • Login ke blogger
  • Ke 'Rancangan' > Edit HTML > Centang 'Expand Widget Templates'
  • Cari kode <h2 class='title'><data:title/></h2>
  • Kalau sudah ketemu ganti kode tersebut dengan kode dibawah ini:
    <h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd;
    document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;inline&quot;" src="http://i28.tinypic.com/8xq3jb.png" style="float:right;margin-right:0px;cursor:hand;"/>');
    document.write('<img onclick="document.getElementById(&quot;' + rnd + '&quot;).style.display = &quot;none&quot;" src="http://i26.tinypic.com/300bfis.png" style="float:right;margin-right:2px;cursor:hand;"/>');
    /* ]]> */ </script><data:title/></h2>
    <script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:inline;">'); /* ]]> */ </script>
  • Lalu ganti juga kode </b:includable> dengan kode berikut :
    <script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>
    Misal widgetnya Shout Box maka Kodenya seperti gambar berikut!

    kode minimize dan maximize blog
    A= Nama widget
    B= Kode yang perlu diganti
    C= Kode yang perlu diganti

  • Save Template dan lihat hasilnya.
    doa

Monday, December 12, 2011

Cara membuat Artikel terkait dengan Thumbnail

Fungsi memasang artikel terkait atau related post sangat penting bagi blogger, karena dengan adanya related post kita telah menunjukkan kepada pembaca untuk membaca artikel-artikel yang berhubungan dengan posting yang dibacanya,otomatis jika pembaca tertarik maka pembacapun akan berlama-lama di blog kita.

 Artikel terkait dengan Thumbnail

Sebelumnya saya telah tulis tentang cara membuat artikel terkait bergambar dengan linkwithin Nah,kali ini delpid akan memberikan tips blog tentang cara membuat related post dengan gambar thumbnail.lihat tampilan artikel terkait blog delpid ini:

Berikut cara memasang artikel terkait dengan thumbnail.
  1. Masuk ke akun Blogger Anda.
  2. Klik Rancangan.
  3. Klik tab Edit HTML.
  4. Klik Download Template Lengkap, untuk berjaga-jaga kalau nanti terjadi kesalahan dalam mengedit template.
  5. Beri tanda centang pada Expand Template Widget kamu.
  6. Cari kode </head> Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu isikan kode yang dimaksud untuk memudahkan pencarian.
  7. Copy kode berikut dan paste di atas kode </head>
    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <!-- remove --><b:if cond='data:blog.pageType == "item"'>
    <style type="text/css">
    #related-posts {
    float:center;
    text-transform:none;
    height:100%;
    min-height:100%;
    padding-top:5px;
    padding-left:5px;
    }

    #related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    color: black;
    font-family: Georgia, Times New Roman , Times, serif;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts a{
    color:black;
    }
    #related-posts a:hover{
    color:black;
    }

    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
    var maxresults=5;
    var splittercolor="#d4eaf2";
    var relatedpoststitle="Related Posts";
    </script>
    <script src='http://delpid.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
    <!-- remove --></b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->
  8. Cari kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
  9. Copy kode berikut dan paste diatas kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
    <!-- Related Posts with Thumbnails Code Start-->
    <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != &quot;true&quot;'>
    </b:if>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
    <script type='text/javascript'>
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
    </script>
    </div><div style='clear:both'/>
    <!-- remove --></b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
    <a href='http://delpid.blogspot.com/2011/12/cara-membuat-artikel-terkait-dengan.html'><img style="border: 0" alt="Cara membuat Artikel terkait dengan Thumbnail" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
    </b:if></b:if>
    <!-- Related Posts with Thumbnails Code End-->
  10. Klik tombol SIMPAN TEMPLATE.

Keterangan:
  • Anda dapat mengubah jumlah artikel terkait yang ingin ditampilkan dengan mengubah kode var maxresults=5;
  • Untuk mengubah judul widget, Anda dapat mengedit kode berikut var relatedpoststitle="Related Posts";
  • Bila ingin mengganti default thumbnail, edit kode berikut var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
  • Untuk mengubah warna dari Splitter Line, silakan edit kode var splittercolor="#d4eaf2";
 

Sponsor