Senin, 28 Desember 2009

Cara Membuat Breadcrumbs / Menu Navigasi Diatas Artikel Posting

Cara Membuat Breadcrumbs / Menu Navigasi Diatas Artikel Posting



Disaat google sedang pelit dalam mengindex blogspot akhir-akhir ini,sobat pasti mencari teknik seo agar blogger yang sobat miliki masih bertahan untuk dapat terindex di paman Google ini.
Pasalnya,tahun 2011 ini paman kita gugel sangat berhati-hati dengan flatform blogspot.

Seakan iri melihat blog-blog master seo yang memiliki breadcrumb/breadcrumbs yang dapat terindex di Google.

Lihat screenshot gambar dari blog sahabat saya yang breadcrumb-nya dapat terindex google berikut ini:

seo blogger template.


Di blog teknik seo blogger ini sendiri memang sulit meiliki breadcrumb yang dapat terindex seperti itu,tapi setelah posting ini mudah-mudahan breadcrumb pada blog tutorial ini dapat cepat terindex.

Nah,dalam kiat seo blogger template kali ini,kita akan ngbahas masalah ini sob,yup! bagaimana trik dan teknik agar blogger templates yang kita miliki seo friendly dengan optimasi dari breadcrumb.



Cara Membuat Breadcrumb Seo Friendly



Bagi sobat yang belum membuat breadcrums sebaiknya sobat bikin dulu ya,dan beruntung jika sobat belum membuatnya,karena breadcrumb seo friendly ini,akan kita ciptakan sore hari ini.

Pertama,pastikan anda sudah membuat label pada blog.
Selanjutnnya,pergi ke Dashboard,lalu pilih Tata Letak dan kemudian pilih Edit HTML,jangan lupa contreng tulisan Expand Widget Templates.
Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):



]]></b:skin>

Setelah ketemu,letakkan kode berikut tepat diatasnya:

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

Nah,setelah itu,sobat cari lagi kode seperti ini (ketik aja di Ctrl+F)

<b:includable id='main' var='top'>

Nah jika sobat sudah temukan,hapus kode tersebut dan gantilah dengan kode berikut:

<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>


Setelah itu simpan templates sobat.

Tips Agar Breadcrumbs Terindeks di Google



Berikut tips dan trik agar breadcrumbs dapat diindex mesin pencari google:

  1. Buatlah label blog yang tidak terlalu banyak (buatlah 1 atau 2 nama label saja)
  2. Cantumkan label entry pada sidebar atau bagian footer blog (karena ini akan memungkinkan traffik dari link ini)
  3. Nama label usahakan tidak jauh dari tema posting (misal posting tentang 'belajar seo' maka nama label usahakan seperti nama 'tutorial belajar seo',dll)
  4. Intinya,buatlah posting yang sangat bermanfaat dan tidak bersifat menipu pengunjung
  5. Buatlah pengunjung sangat tertarik dengan isi dari nama label yang ingin sobat shoot
  6. Berdo'a :D


Semoga saja,dalam Teknik Seo Blogger Template ( Bag.2 ) - Cara Agar Breadcrumb Dapat Terindex posting kali ini,sedikit dapat membantu dan memberi harapan sobat blogger yang mulai terkikis rasa percaya dirinya dari langkah yang diambil Google terhadap blogspot.
Keep Post!

Jumat, 18 Desember 2009

Cara Memasang/Menampilkan Object Gambar Animasi Flash (*swf) pada Blog


Menghias Blog Dengan Gambar Flash



Jika anda pernah mengunjungi beberapa situ berita seperti detik,okezone,dll pasti sering menjumpai iklan yang berextention swf.
Untuk memasang file swf flash pada blog lain dengan meletakkan atau memasang gambar berformat jpg.
Oleh karena itu kali ini,pelajaran menghias blog kali ini saya dengan senang hati ingin berbagi bagaimana cara memasang gambar flash di blog.


Langkah Mudah cara memasang gambar animasi pada blog



Gambar animasi flash (*swf) mempunyai banyak kelebihan diantaranya,file justru mempunyai ukuran yang lebih kecil dan gambar cenderung lebih menarik juga merangsang pengunjung mengekliknya.

Memasang gambar animasi terlalu banyak juga kurang bagus,alangkah baiknya sesuai dengan kebutuhan dan seadanya saja.

Membuat file animasi berformat swf (shock wave file),saya kira sudah banyak yang memberikan tutorial bagaimana cara membuat file usil ini.
Namun disini saya hanya ingin berbagi bagaimana cara memasang atau menampilkan obyek gambar animasi (*swf).

Untuk langkah menampilkan gambar animasi flash swf pada blog bisa ikuti trik di bawah ini:




  • Tentukan file yang ingin anda pasang,jika anda membuat sendiri hendaklah upload file tersebut kedalam hosting yang support swf,seperti geocities.com,maupun hosting anda pribadi.
    Disini saya ambil contoh banner yang diciptakan pihak www.detik.com,jika file ini masih available dia beralamat di:

    http://openx.detik.com/images/bni-280x175-r1.swf

    Untuk halamanya bisa anda lihat di sini
  • Jika anda sudah menentukan url file swf tersebut,giliran sekarang tentukan alamat url tujuan anda,disini saya ambil contoh:

    http://pelajaran-blog.blogspot.com/


Setelah semua anda persiapkan,kemudian ikuti instruktur(aaalah-red)cara menambahkan gambar animasi ke blog dibawah ini:

  • Pergilah ke dashboard anda,lalu pilihlah tata letak kemudian pilih tambah gadget/add new widget,kemudian pilih html/javascript.
  • Lalu letakkan kode berikut:

    <embed quality="high" allowscriptaccess="always" flashvars="alink1=http://pelajaran-blog.blogspot.com/" type="application/x-shockwave-flash" height="100%" src="http://openx.detik.com/images/bni-280x175-r1.swf" width="100%" wmode="transparent"></embed>

Untuk:
  • http://pelajaran-blog.blogspot.com/ gantilah link tujuan anda.
  • http://openx.detik.com/images/bni-280x175-r1.swf gantilah url file flash (*swf) anda.
Hasilnya akan seperti dibawah ini (gambar akan terlihat jika detik.com masih menyediakannya):


Gimana,keren khan? selamat mencoba dan semoga bermanfaat :D

Baca Juga Yang Ini

Jumat, 11 Desember 2009

Membuat Autoblog / Blog Untuk Pasang Iklan Otomatis Atau Auto Backlink Generator


Sekilas Tentang Autoblog



Apa sih autoblog itu?
Pernahkah anda mengalami atau katakanlah menjadi korban duplikat content dari blogger yang kurang bertanggung jawab?

Duplikat content yang saya maksud adalah bukan copas/copy paste,melainkan pengambilan dan pepublikasian rss secara sepihak.
  • Apa reaksi anda saat anda peras keringat banting tulang untuk mempublikasikan artikel,tiba-tiba artikel yang baru anda publikasikan muncul pada blog orang lain?
  • Bagaimana orang itu bisa mempublikasikan atau memposting rss pada blog yang kita miliki?
  • Saya kira anda sudah tahu efek apa yang akan terjadi saat autoblog orang tersebut berpagerank lebih tinggi dari blog yang kita miliki,bukan?
  • Lantas adakah cara mengatasi hal ini?
Dari pertanyaan-pertanyaan diatas,tentu anda sudah tahu deskripsi tentang apa itu autoblog.

Yup! Autoblog menurut pelajaran blog adalah blog yang secara atomatis dapat mempublikasikan/memposting rss dari situs lain(korban),hanya dengan memanfaatkan atau berlangganan rss blog korban tersebut.
Ilegal dong? Jahat ya mereka?

Untuk menyingkapi fenomena autoblog ini tergantung pada sikap etik dan professionalism dalam dunia blogging dari diri kita masing-masing.
Autoblog bisa dimanfaatkan untuk hal kebaikan seperti;
Lalu apakah autoblog bisa dibuat dengan menggunakan blogspot? Tentu saja bisa.

Untuk contohnya,meskipun masih belum jadi total(under construction),anda bisa lihat blog teman saya yang memanfaatkan autoblog sebagai link exchange generator dan pasang iklan gratis,cek SINI.
Anda bisa tukar link dan pasang iklan disana,buruan! Gratis ini,hehe.
Gimana? Anda berminat membuatnya?

Langkah Cara Membuat Autoblog Di Blogspot



Berhubung ini salah satu cara memposting lewat email secara otomatis atau katakanlah semua email yang masuk ke inbox kita akan terpublish/terposting otomatis kedalam blog kita nanti,kita akan membuat account atau email baru,tapi harus memakai gmail ya,jangan yahoomail ataupun yg lain.

Tujuanya membuat email baru?jelas dunks,khan ga lucu nanti klo semua pesan di inbox kita langsung keposting di blog,seperti email verify dari www.sawomatang.com,dll jadi ketauan gue,xixixi..cara membuat autoblog.
Koq malah nglantur ya? Ok,semua dah siap? Let's play guys!!

  1. Pertama buatlah account gmail baru,jangan yahoo mail ataupun yang lain za :D
  2. Setelah itu,buatlah blog baru,di blogger blogspot tentunya.
  3. Setelah memiliki blog baru,pergilah ke Dashboard blog baru anda dan pilihlah Setting/Pengaturan.

    cara memposting rss orang lain kedalam blog.

  4. Setelah di Pengaturan,pilihlah tab Email & Seluler.

    cara memposting atau cara posting lewat via email.

  5. Setelah itu,buat sebuah nama email yang nanti nya akan kita gunakan untuk berlangganan.
    Formatnya akan seperti ini : namaakunbloggeranda.namaemailyangandainginkan@blogger.com,lalu pilih option 'Publikasikan segera email' atau 'Publish emails immediately',lalu Simpan.

    cara posting email kedalam blogspot secara otomatis.

  6. Setelah itu,pergilah ke Gmail baru anda dan pilihlah Pengaturan/Setting.

    Membuat autoblog blogspot.

  7. Pada kolom pengaturan tadi pilihlah Filter kemudian klik Buat Filter.

    Buat Filter Gmail untuk autoblog.

  8. Selanjutnya,pada kolom To/Ke,isikan nama email baru anda,saya contohkan disini puji_antoro2000@gmail.com kemudian klik 'Langkah Berikutnya'

    Cara Membuat Auto Blog Menggunakan Blogger.

  9. Selanjutnya,contreng pada checkbox 'Teruskan Ke' isikan nama email dari langkah no.3 diatas,disini saya ambil contoh punya saya:
    puji_antoro200.membuatautoblog@blogger.com.,selanjutnya klik form button 'Buat Filter'

    Belajar Membuat Autoblog.

  10. Selesai sudah,dan anda sekarang siap berburu rss untuk bahan posting anda.

Kini,pada setiap pesan masuk/inbox ke email baru anda tadi,akan otomatis terposting pada blog baru anda tersebut,jadi gunakan email untuk berlangganan saja jangan untuk hal-hal yang bersifat pribadi.

Praktek Pencurian RSS Untuk Bahan Posting Blog



Mencuri?Tidaaaak! bukan,maksud saya berlangganan rss bukan mencuri,meskipun nantinya memang akan seperti mencuri,hihihii..
Anda bisa memanfaatkan situs www.feedmyinbox.com
Cara membuat autoblog dengan feedmyinbox.com.

Misal saya memasukkan alamat rss blog ini:
http://feeds2.feedburner.com/PelajaranBlogBelajarMembuatBlogBelajarMenghiasBlog
pada kolom Enter a website URL pada www.feedmyincox.com lalu jangan lupa masukkan email anda juga selanjutnya kliklah Submit.

Membuat Blog Auto/Autoblog Untuk Jasa Pasang Iklan Otomastis Atau Auto Baklik Generator



Nah,jika anda berminat membuat autoblog sebagai sarana pasang iklan maupun auto link exchange generator seperti pada yourdailyarticles.blogspot.com,bisa memanfaatkan situs www.emailmeform.com,yang akan membantu anda membuat form untuk pengunjung.

Jadi saat nanti pengunjung memberikan input data pada form,akan terkirim langsung ke email baru kita,yang nantinya secara otomatis akan publish pada blog kita.

Dan untuk lebih jelasnya,anda bisa lihat video di bawah ini[klomasih available]:



Udah ya,capek juga ngetiknya,semoga bermanfaat dan jangan menjadi jahat.
Hargailah sesamamu :D weqz! sok gue ya,hihihihi..

Baca Juga Yang Ini..

Minggu, 06 Desember 2009

Membuat Form Kotak Pencarian Dengan Show Hide Value / Auto Value


Belajar Menghias Kotak Mesin Pencari / Kotak Pencari pada Blog



Jika beberapa waktu lalu saya sempat memposting tentang bagaimana cara membuat form search engine/mesin pencari pada blog,giliran kali ini kita belajar menghiasnya.

Untuk fungsi dan keuntungan dari kotak pencarian ini,saya kira teman-teman sudah pada tahu ya ^^

Menghias mesin pencari bisa bermacam-macam,dari mengubah background /menambahkan image kotak mesin pencari maupun memaksimalkan fitur kotak pencarian tersebut.

Salah satunya yang akan saya bagi-bagi saat ini,adalah membuat form kotak pencarian dengan fitur show-hide value atau auto value.
Maksudnya?
Gimana ya njelasinnya? bingung juga si,xixixi..

Maksudnya,saat form diklik value/tulisan yang ada pada form pencarian akan hilang,dan sebaliknya jika yang diklik di luat form,tulisan pada form akan mucul secara otomatis alias nongol kembali.


And bisa lihat kotak pencarian pada blog ini,saat anda klik pada form,tulisan 'Cari Artikel Disini..' akan hilang,sebaliknya saat anda mengklik di luar form,tulisan 'Cari Artikel Disini..' akan muncul kembali.

Gimana? maksud khan?

Langkah Cara Membuat Kotak Mesin Pencari Show Hide Values



Yo wis,jika anda berminat membuat kotak pencarian seperti itu,ikuti langkah -langkah di bawah ini:

Pilihlah Dashboard,kemudian pergilah ke Tata Letak blog anda,selanjutnya pilih Add New Widget/Tambah Gadget.

cara membuat mesin pencari auto value.


Kemudian pilih HTML/Javascript.

membuat form search engine show hide.


Setelah itu letakkan code berikut:

<center><form action='pelajaran-blog.blogspot.com/search' id='searchform' method='get'>
<input class="searchinput" id="searchbox" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari artikel disini..&quot;;}" onfocus="if (this.value == &quot;Cari artikel disini..&quot;) {this.value = &quot;&quot;;}" type="text" value="Cari artikel disini.." />
<input class="submitbutton" type="submit" value="Search" />
</form></center>


Lalu Simpan dan lihat hasilnya.

Untuk tulisan :
  • Cari artikel disini..,gantilah sesuai keinginan anda misal;'Type your text here..' atau 'Cari Artikel..' dll,tapi ingat! dari tulisan ketiga-tiganya harus sama.
  • Sedangkan tulisan http://pelajaran-blog.blogspot.com,gantilah sesuai alamat blog anda.
Semoga berhasil dan mudah-mudahan bermanfaat.. Amin! Kawin! lha koq??

Baca Juga Yang Ini..

Selasa, 01 Desember 2009

Membuat Tag Cloud Di Blogger


Cara simple/singkat membuat tag cloud pada blogger



Cara Membuat Tag Cloud.Pertama saya mengenal blog,banyak sekali istilah-istilah widget blogger yang ingin saya ketahui.

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

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

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

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

Langkah Sederhana Membuat Tag Cloud Untuk Blogger



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

widget membuat tag cloud blogger.

Setelah itu muncul dialog box,pilih Label.

label untuk membuat tag cloud blogger blogspot.

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

Pilihan Option Membuat Tag Cloud Pada Blogger.

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

Baca Juga Yang Ini..