Selasa, 13 April 2010

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!

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 + "?&max-results=5"'

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.

MXM BERBAGI INFO