Processing

Selasa, 13 April 2010

Gambar Sebelum Judul Posting

Menambah gambar sebelum judul posting: "Menghias blog yang satu ini sangat menarik.
Emang berat mas,kok di tarik ? Duk !
Apakah anda menginginkan sebuah Image di dekat Judul artikel dari setiap hasil postingan anda?

Menuju Posting Aslinya »

Belajar Membuat Blogroll

Membuat Blogroll: "Membuat Blogroll atau Kategori blog yang ingin anda masukkan,baik itu dalam suatu posting maupun halaman html khusus untuk sidebar maupun footer,kadang akan memakan banyak tempat jika kategori terlalu panjang/banyak.Di sini saya akan coba membuat contoh blogroll yang dapat menghemat tempat/halaman blog kita.Untuk membuat/menghemat halaman web/blog,kita bisa menggunakan Fungsi scrollbar,dropdown,"

Menuju Posting Aslinya »

Membuat Menu Drop Down

Membuat Menu Drop Down: "Untuk membuat menu dropdown,selain membuat situs lebih rapi,juga sambil belajar yuk!Untuk kodenya copy paste kode di bawah ini :"

Menuju Posting Aslinya »

Cara Membuat Favicon

Membuat Favicons: "Untuk Identitas sekaligus ciri khas suatu situs,biasanya seperti blog katalog,kumpul blogger dan yang lain biasanya mereka memakai ikon kecil pada address bar disamping alamat url nya.Nah!,itulah yang di sebut Favicon.Untuk membuatnya sangat mudah,cukup copy kode di bawah ini :<link rel="Shortcut Icon" href="[url_icon]" type="image/[format_icon]">Contoh pemakaian kode:<link href='http://1."

Menuju Posting Aslinya »

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.

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

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 <data:post.body/>
Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType == "item"'> <data:post.body/> <div class='membuatpermalinkblogger'> <center>Anda sedang membaca artikel tentang <data:blog.pageName/> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <data:post.url/>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <data:blog.pageName/> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <a expr:href='data:post.url'><data:blog.pageName/></a> sumbernya.</center></div> <b:else/> <data:post.body/> </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!