Kamis, 11 Maret 2010

Membuat Tag / Permalink di Blogger Blogspot


Menciptakan Permalink Blogger



Saya berani bilang,permalink blogger yang akan kita ciptakan sendiri ini sangat seo friendly.
Percayalah!


Jika wordpress sudah menyediakan tag,lain halnya dengan blogger.
Meskipun platform blogspot tidak menyediakan fitur tag,namun fitur label pada blogger sudah dapat mewakili selayaknya tag pada blog wordpress.

Hanya saja,url yang dihasilkan dari label blogspot,belum dapat dibaca search engine alias belum begitu seo friendly.

Tapi ada tips dan trik cara membuat tag / permalink sendiri alias manual di blogger blogspot.



Membuat Permalink / Tag Sendiri(manual) pada Blogger




Saya berani bilang,permalink blogger yang akan kita ciptakan sendiri ini sangat seo friendly.
Percayalah!

Seperti yang anda lihat pada blog ini,setiap anda membuka suatu posting,diakhir posting akan tertera permalink yang mampu dibaca oleh mesin pencari,Google pada khususnya.

Yup!Tulisan 'Anda sedang membaca artikel tentang..dst' adalah permalink yang saya ciptakan sengaja untuk mendongkrak postingan di posisi serp.

Berminat untuk membuat seperti itu?



Langkah Cara Membuat Permalink Tag Otomatis untuk Blogger Blogspot



  • Pertama,pergilah ke Dashboard blogger anda,selanjutnya pilih Tata Letak dan kemudian pilih tab Edit HTML.

    Pelajaran Blog Membuat Permalink Blogger


  • Seperti biasa,jangan lupa contreng tulisan Expand Widget Templates ya :D

    Pelajaran Blog Membuat Tag Otomatis Blogger


  • Berikutnya,cari kode ]]></b:skin> (gunakan Ctrl+F untuk membantu pencarian),setelah ketemu kode tersebut,persis diatasnya letakkan kode css berikut :
    .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;}


  • Selanjutnya,cari kode berikut:
    <data:post.body/> atau <p><data:post.body/></p>
    Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode berikut:
    <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> sumbernya.</small></center></div>
    <b:else/>
    <p><data:post.body/></p>
    </b:if>

  • Lalu simpan Templates,selesai :D


Bagaimana jika saya menemukan dua(2)kode <data:post.body/>,misal karena saya telah membuat read more/baca selengkapnya?

Memang,setelah anda merubah template menambahkan fasilitas read more,akan ada 2 kode <data:post.body/>,seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Betul tidak,ada dua kode ? solusinya,tinggal menyelipkan kode permalink diatas diantaranya,jadi kira-kira kodenya akan menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<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> sumbernya.</small></center></div>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Lalu simpan templates dan lihat hasilnya.

Permalink blogger ini hanya akan terlihat saat anda membuka suatu posting bukan halaman utama blog anda.

Selamat mencoba dan bereksperiment sendiri ya,Good Luck!

Baca Juga Yang Ini..


  • Membuat Daftar Isi pada Blog
  • Membuat Tag Cloud
  • Text area Blok Otomatis / Auto Install
  • Senin, 15 Februari 2010

    Submit Url Gratis Di Pelajaran Blog

    Berkaitan dengan banyaknya url dan posting tersubmit YANG MELANGGAR KETENTUAN berupa:

    • Title maupun deskripsi yang semua menggunakan huruf capital (semua huruf menggunakan huruf besar)
    • Title maupun deskripsi yang semua menggunakan huruf small-caps/lowercase (semua huruf menggunakan huruf kecil).
    • Isi artikel yang kurang dari 30 kata dan tidak sesuai dengan judul.
    • Berupa spam,iklan dan artikel yang tidak sesuai ketentuan.

    Dan keluhan-keluhan dari beberapa pihak yang telah dirugikan,yang mana tanpa kami sadari telah masuk dalam daftar posting kami dan berhasil terbit pada blog ini,sangat memaksa kami untuk membuat ketentuan baru.

    Kami mohon maaf!!!,jika hasil fitur submit untuk sementara kami tiadakan.

    Untuk alternative,anda bisa klik di sini

    Senin, 01 Februari 2010

    Membuat Halaman 123 / Page Number Navigation Berurut di Blogspot (karya ariawijaya.com)

    123 Page Number Navigation for Blogger



    Baru beberapa hari lalu saya menemukan artikel yang benar-benar saya cari.
    Adalah bagaimana cara membuat halaman berurut 123 /page 123 navigation untuk blog di blogger/blogspot.

    Kode membuat halaman 123 di blogspot ini,saya dapat dari hasil karya besar Bp.Wijaya di ariawijaya.com
    Anda bisa mengunjungi website dan tutorial 123 page navigation ini di situsnya langsung dalam tutorialnya 'Membuat Navigasi Page Number Blogspot',atau anda bisa langsung klik disini.

    Untuk hasilnya akan seperti gambar dibawah ini:
    membuat navigasi page angka/number 123 berurut blogger.


    Sedangkan contoh hasil kode navigasi berurut ini,anda bisa lihat di sini.
    Bagaimana? Ingin membuatnya?

    Biar pelajaran blog menjabarkan kembali cara membuat halaman 123 berurut ini.

    Langkah Cara Membuat Page Navigasi Angka / Number 123dst pada Blog.



    Pertama,pergilah ke dashboard blogger anda,selanjutnya,pilih tata letak,dan pilih edit html.
    Seperti biasa,contreng option expand widget templates,selanjutnya cari kode berikut:
    ]]></b:skin>
    Setelah ketemu,letakkan persis diatasnya kode css dibawah ini:

    .showpageArea a {
    text-decoration:underline;
    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #cccccc;
    background-color:#cccccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #cccccc;
    background: #cccccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #cccccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333333;
    }

    Lalu,cari lagi kode seperti ini:
    </body>
    Jika sudah ketemu,tepat diatasnya letakkan script dibawah ini:
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <script type='text/javascript'>
    var pageCount=5;
    var displayPageNum=5;
    var upPageWord =&#39;Previous&#39;;
    var downPageWord =&#39;Next&#39;;
    </script>
    <script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
    </b:if>

    Langkah terakhir,carilah kode berikut:
    'data:label.url'
    Jika sudah ketemu,hapus kode tersebut dan gantilah kode berikut:

    'data:label.url + &quot;?&amp;max-results=5&quot;'
    Sekarang,simpan templates anda,dan anda bisa lihat hasilnya sekarang :D
    Specially thank's to ariawijaya.com dan Artikel ini bisa anda temukan dengan keyword:
    Membuat page 123,membuat halaman 123 blogspot,page 123 pada komentar blog,css dan javascript 123 page navigation,cara membuat widget 123 page navigasi berurutan di blog blogspot blogger,page halaman number/angka navigasi blogspot.

    Baca Juga Yang Ini..

    Senin, 25 Januari 2010

    Memasang Facebook Fan Box / Widget Became Fan Fecebook pada Blog


    Sepertinya saat ini orang lebih mengenal facebook daripada internet itu sendiri.
    Facebook widget/fitur yang ada pada popular social network ini juga semakin mencakup banyak hal mulai;chatting,bikin komunitas,keperluan bisnis,sampai privacy yang sangat terjaga.

    Satu diantara fitur facebook/facebook widget adalah fan box.
    Yaitu fitur yang dapat diartikan sebagai media promosi secara terbuka.
    Jika anda mempunyai sebuah situs,blog yang berkecimpung dunia musik,produk,figure bahkan hewan peliharaan,tentu memiliki komunitas sendiri.

    Dengan kita meletakkan fan box/facebook became fan pada blog yang kita miliki,kemungkinan merekrut pengunjung sebagai fan adalah jalan efektif dalam berpromosi.

    Untuk menambahkan atau memasang box fan facebook,tentu anda harus sudah mempunyai account facebook terlebih dahulu.

    Selanjutnya ikuti langkah berikut:

    • Pergilah ke alamat http://www.facebook.com/pages/create.php
      Lihat gambar:

      cara memasang fan box di blog.


    • Selanjutnya,Pilih pada option Area sesuai kriteria blog anda beserta judul box fan di kolom Name of Page (contoh gambar dibawah ini milik Pelajaran Blog),lalu klik tombol Create Page,lihat gambar:

      Meletakkan widget untuk fan facebook.


    • Kemudian,akan tampil seperti gambar dibawah ini,lalu klik tulisan Edit Page,lihat gambar:

      3.Menambahkan be a fan facebook.


    • Setelah itu,akan muncul halaman seperti dibawah ini,lalu klik tulisan Promote with a fan box,lihat gambar:

      <br />Became fan untuk blog.


    • Dan nanti akan muncul halaman yang memberitahukan bahwa anda telah berhasil membuat fan box facebook,seperti gambar dibawah ini(berhubung anda ingin menambahkan fan box facebook pada blogger,pilihlah blogger):

      5.Membuat widget fan box/became fan facebook pada blog.


    • Dan muncullah halaman konfirmasi,seperti gambar dibawah ini,anda tinggal klik tulisan Menambah Widget,dan sekarang lihat blog anda.

      Became Fan Facebook / Facebook Fan Box Blogger.


    Berhasil bukan? untuk mengatur letaknya,anda tinggal menggeser seperti selayaknya widget biasa.
    Selamat Mencoba,dan semoga berhasil :D

    Baca Juga Yang Ini..

    Rabu, 20 Januari 2010

    Membuat Dan Macam-macam / Jenis Link Anchor


    Membuat Javascript Anchor Link Dan Jenis-Jenisnya



    a ; href=Banyak macam link yang bisa anda kreasikan,seperti popup,alert,target,maupun hanya sekedar untuk variasi saja.

    Macam dan jenisnya juga sudah banyak yang mempublikasikan.
    Pelajaran blog,selaku penyampai informasi ingin sedikit berbagi yang siapa tahu dapat berguna dan bermanfaat.

    Dasar membuat anchor link pada blog seperti ini:

    Pernah anda menjumpai tulisan seperti;'klik disini' atau 'download now' maupun suatu tulisan yang menimbulkan efek alert/sebuah pemberitahuan.

    Contoh konkrit:

    Coba klik Disini
    Tulisan diatas,saya tulis dalam kode javascript seperti ini:

    <a ; href="#" onclick="alert('Inilah contoh link ancor alert javascript!')">Coba klik Disini</a>
    Dan banyak jenis-jenis link anchor ini.
    Ingin tahu lebih banyak? koleksi jenis dan macam-macam anchor link dari situs-situs dibawah ini:

    Semoga bermnanfaat!!

    Baca Juga Yang Ini..

    Jumat, 15 Januari 2010

    Kontes Seo Astaga.com Lifestyle On The Net

    Sudahkah Anda Ber-partisipasi Dalam Kontes Seo Ini?


    Belajar seo (search engine optimization) dalam langkah awal,bisa kita lakukan dengan berbagai eksperiment baik pada maupun luar dari blog yang kita miliki.


    Kontes seo,adalah sarana belajar dan menguji seberapa jauh kemampuan kita dalam optimasi keyword/kata kunci.


    Banyak kok kontes seo yang sudah menjajikan hadiah tidak sedikit dan royal.
    Daripada balapan seo yang hanya menghabiskan waktu,biaya dan tenaga ataupun sekedar mencari nama sesama blogger,alangkah baiknya kita belajar sambil latihan seo dengan mencoba menerapkan pada sebuah kontes.
    Seperti kontes seo yang disenggelarakan oleh portal gaya hidup di internet saat ini dalam eventnya Astaga Reborn.

    Adalah astaga.com,situs gaya hidup/lifestyle yang mencakup cinema,musik,selebriti,video,zodiak,dll.
    Tidak tanggung-tanggung,hadiah yang ditawarkan dalam kontes ini lebih dari Rp.30 juta rupiah.
    Kontes seo dari Astaga.com ini,sebetulnya sudah dimulai sejak 30 November 2009 lalu.
    Dan kata kunci yang dilombakan pada kontes seo ini adalah Astaga.com Lifestyle On The Net.

    Namun meskipun terlambat memberikan informasi kontes seo Astaga.com ini,Pelajaran Blog berharap sedikit banyak dapat membantu dalam penyebaran informasi kontes seo astaga.com lifestyle on the net ini.
    Mari berpartisipasi dan berkompetisi dengan sehat,sportif dan menjunjung tinggi sikap saling bertanggung jawab.



    Hadiah Kontes Seo Astaga.com Lifestyle On The Net



    Dengan banyaknya master-master seo yang turun dalam seo contest kali ini,sebenarnya lebih menambah semangat kita dalam mengikuti kontes astaga.com tersebut bukan malah menciutkan nyali.
    Menang kalah,itu bukan suatu ukuran,yang terpenting seberapa besar kemauan kita untuk bisa dan belajar.
    Apalagi hadiah kontes astaga.com yang ditawarkan cukup membuat air liur mengalir alias 'ngecess..'.

    Inilah hadiah yang dijanjikan pihak astaga.com dalam kontesnya lifestyle on the net:

    • Juara I : Netbook HP 5101 Mini Note Black + Uang tunai Rp. 5.000.000,-
    • Juara II : Blackberry Javelin + Uang tunai Rp. 3.000.000,-
    • Juara III : Blackberry Gemini + Uang tunai Rp. 2.000.000,-
    • Juara IV : HP Nexian + Uang tunai Rp. 1.500.000,- + 2 ticket waterbom
    • Juara V : Uang tunai Rp. 1.500.000,- + 2 ticket waterbom
    • Juara VI : Uang tunai Rp. 1.000.000,- + 2 ticket waterbom
    • Juara VII : Uang tunai Rp. 500.000,- + 2 ticket waterbom
    • Juara VIII : Uang tunai Rp. 500.000,- + 2 ticket waterbom
    • Juara IX : Uang tunai Rp. 500.000,- + 2 ticket waterbom
    • Juara X : Uang tunai Rp. 500.000,- + 2 ticket waterbom


    Bagaimana? anda berminat?
    Jika benar-benar berminat,belum terlambat kok,waktu pendaftarannya juga tidak ditentukan alias pendaftaran ditutup saat kontes akan berakhir.



    Waktu Perlombaan Astaga.com Lifestyle On The Net



    Seperti yang sudah saya singgung diatas,kontes seo ini dimulai pada tanggal 30 november 2009 pukul 00.00 wib dan akan berakhir/ditutup pada tanggal 3 maret 2010 pukul 00.00 wib nanti.

    Sedangkan jika anda belum sempat mengikuti kontes seo tentang lifestyle on the net ini,buruan daftarkan url postingan kontes anda,karena memang benar bahwa url postingan kontes yang didaftarkan bukan url blog utama.

    Untuk lebih jelasnya memang anda harus kunjungi situsnya langsung,karena disini saya hanya ingin sekedar membagikan sedikit info kontes yang diadakan oleh astaga.com,yang siapa tahu nanti bisa mendapat hadiah hiburan dari informasi kontes yang saya sebarkan,hihihi..
    Hadiah hiburan? bagaimana mendapatkanya?
    Yup! sebar luaskan berita kontes astaga.com lifestyle on the net ini dan daftarkan url postingan informasi kontes anda,selanjutnya tinggal menunggu keberuntungan berpihak pada anda :D

    Jika anda belum begitu jelas mengenai informasi yang saya berikan,berikut link sumber kontes seo ini.

    Klik disini untuk informasi kontes seo Astaga.com Lifestyle On The Net lebih lanjut..

    Jangan lewatkan kesempatan ini,karena hadiah puluhan juta menanti anda!!


    Oh ya satu lagi,setelah anda mendaftar nanti,baik kontes seo maupun hanya informasi kontes saja,jika mendapatkan hadiah mohon memberikan santunan pada blog ini,hahahaha..
    ga! bcanda! selamat berkompetisi!!!!

    Kamis, 14 Januari 2010

    Apa Yang Terjadi Pada Blog Ini???


    Sedikit curhat memang,namun semenjak saya koar-koar ada pasang iklan gratis,tiba-tiba blog ini dalam posisi serp paman Google,seolah hanyut dan non aktif lagi bagai tertiup angin.

    Ada yang bisa menjelaskan kode ini?


    <!--
    <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
    <rdf:Description rdf:about="http://pelajaran-blog.blogspot.com/blog-yang-terpuruk/"
    dc:identifier="http://pelajaran-blog.blogspot.com/blog-yang-terpuruk/"
    dc:title="Blog yang terpuruk..!"
    trackback:ping="http://http://pelajaran-blog.blogspot.com/blog-yang-terpuruk//trackback/" />
    </rdf:RDF> -->

    Semacam,blog baru yang menggunakan meta noarchive dan nocatche seperti;

    <META NAME="ROBOTS" CONTENT="NOARCHIVE">

    atau apalah,intinya membuat blog ini hilang pada serp search engine,Google khususnya.
    Tapi,sebuah pelajaran baru telah saya dapat,bahwa dikehidupan ini kita tidak sendiri dan saling berkompetisi.

    Tak henti-hentinya,blogger pemula ini selalu meminta saran dan kritik para blogger senior atas apa yang belum saya ketahui [banyak seeh-red].