Menampilkan Hanya Judul Pada Halaman Label

Menampilkan Halaman Label dengan Judul
Kadang saat kita menulis dan kita posting kita memberi label, sama halnya dengan kategori. Tulisan yang kita buat tentunya beragam jenisnya, kita biasanya mengelompokannya dengan menggunakan label. Misalnya, kita punya label personal untuk tulisan-tulisan kita yang isinya personal, dilain pihak kita punya label opini untuk tulisan yang berisi opini mengenai fenomena yang sedang hot.

Tulisan atau postingan yang ada pada satu label mungkin jumlahnya bisa banyak. Dan saat salah seorang pengunjung mengklik label itu maka akan muncul postingan-postingan yang memakai label itu. Bisa dibayangkan jika yang muncul adalah full postingan, maka akan membuat loading lama, dan juga membuat pembaca eneg melihatnya. Mungkin kalau sudah memakai read more tidak terlalu begitu. Untuk itu perlu adanya alternatif lain, bagaimana kita menampilkannya hanya judul-judulnya saja, dan jika ingin lebih tahu bisa mengklik judul itu.

Apa manfaat kita menampilkan hanya judulnya saja pada label? Pertama, membuat blog kita akan cepat menampilkan postingan-postingan dalam satu label. Kedua, membuat pageview blog kita menjadi bertambah, karena yang ditampilkan tidak full postingan, untuk melihat full postingan harus mengklik judul. Ketiga, space atau tempat yang diperlukan jadi lebih sempit, tidak memakan banyak tempat, jadi juga bisa lebih fokus.

Cara Menampilkan Halaman Label dengan Judul
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode <b:include data='post' name='post'/>
6. Jika sudah ketemu ganti kode tersebut dengan kode berikut:

<b:if cond='data:blog.homepageUrl!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

7. Simpan Template jika sudah selesai.
selengkapnya>>

Membuat Klik Kanan Tidak Berfungsi di Blog

Membuat Klik Kanan Tidak Berfungsi di Blog
Dulu ada yang tanya, bagaimana caranya agar klik kanan tidak berfungsi atau tidak bisa digunakan di blog kita? Kenapa ingin menonkatifkan fungsi klik kanan, mungkin karena tulisan atau photo yang ada di blognya tak ingin dicopy oleh orang lain. Dengan memasang script ini maka akan memperingatkan orang lain atau pengunjung yang melakukan klik kanan di blog kita bahwa hak cipta dilindungi.

Tapi mungkin ini bukan cara yang baik untuk melindungi hasil karya kita di blog. Ada cara lain yang bisa kita gunakan, misalnya mencatumkan nama kita di photo atau gambar yang kita posting. Tapi bagi ada yang ingin membuat klik kanan tidak berfungsi di blog anda, silahkan ikuti tutorialnya berikut ini.

Cara Membuat Klik Kanan Tidak Berfungsi di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<SCRIPT language=JavaScript>
<!-- http://www.spacegun.co.uk -->
    var message = "function disabled";
    function rtclickcheck(keyp){ if (navigator.appName == "Netscape" && keyp.which == 3){     alert(message); return false; }
    if (navigator.appVersion.indexOf("MSIE") != -1 && event.button == 2) {     alert(message);     return false; } }
    document.onmousedown = rtclickcheck;
</SCRIPT>

5. Simpan jika sudah selesai.
selengkapnya>>

Menampilkan Emoticon di Wordpress atau Blogdetik

Orang itu gampang ikut-ikutan ya... Saat ada tulisan atau postingan yang juga menampilkan emoticon-emoticon yang menarik yang sesuai dengan tulisannya. Jadi ikut-ikutan, kalau nulis atau posting di blog juga dikasih emoticon. Untuk blogspot memang belum ada fitur resmi dari blogger.com, tapi kalau mau pasang emoticon di blogspot sendiri juga bisa. Sebaliknya di wordpress atau blogdetik kita sudah bisa menampilkan emoticon secara otomatis, tapi memang seh untuk bisa menampilkannya kita harus mengetik kodenya. Misalnya untuk menampilkan emoticon seperti ini :lol: kita ketik :lol:

Nah berikut ini emoticon dan kode untuk menampilkannya
klik untuk lebih jelas
Dengan emoticon membuat blog kita menjadi lebih menarik dan ekspresif, khususnya untuk blog-blog yang sifatnya personal. Karena tulisan adalah ungkapan dari pemikiran atau perasaanya, dengan menampilkan emoticon juga bisa menambah ungkapan itu. Semoga bermanfaat untuk teman-teman yang ngeblog di wordpress atau blogdetik.

Oh ya, ngomongin emoticon, kita bisa menampilkan emoticon dari web penyedia emoticon seperti laymark yang kita bisa memilih berbagai macam emoticon. Kita tinggal mengklik emoticon yang kita ingin tampilkan lalu akan muncul kode HTML yang bisa kita copy dan sematkan di postingan kita. Contoh:

MySpace MySpace MySpace MySpace MySpace MySpace
selengkapnya>>

Menampilkan Status Terbaru Twitter di Blog

Selain punya blog, pastinya kita juga punya mikroblog. Salah satu mikroblog yang paling banyak pengguannya adalah twitter. Sekarang hampir semua punya twitter. Karena mikroblog yg satu ini memang enak digunakan, dengan simple dan tampilan sederhana. Kita bisa ngeblog di twitter, hanya dibatasi 140 karakter, twitter menjadi tempat berbagi apa yang kita lakukan, kita pikirkan, dan berbagi informasi. Twitter sebagai mikroblog bisa diupdate kapan saja dan dimana saja dengan fasilitas internet handphone kita. Semakin mudah, bisa mengudate mikroblog itu dan kita tampilkan di blog kita.

Cara Menampilkan Status Terbaru Twitter di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<div id="twitter_div">
<ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display:block;text-align:right;" href="http://twitter.com/kurniasepta" target='blank'><b>follow me on Twitter</b></a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/kurniasepta.json?callback=twitterCallback2&count=5" type="text/javascript">
</script>

Ganti yang berwarna merah kurniasepta dengan id twitter kamu sendiri dan 5 adalah banyaknya status (tweet) yang ditampilkan.

5. Simpan jika sudah selesai.

Sebenarnya twitter sudah menyediakan widget yang menampilkan status (tweet) terbaru dengan tampilan yang lebih menarik. Tapi saya lebih senang memakai ini agar tidak membuat blog menjadi berat, dan terasa menyatu dengan blog karena hanya teksnya saja yang ditampilkan dan sesuai dengan blog kita. Dulu pernah saya hapus, dan ternyata twitter sudah tidak menyediakan halaman untuk menambahkan widget yg berupa java script ini. Untuk menjaganya maka ditulis di sini.
selengkapnya>>

Membuat Cursor Bertaburan Bintang

Membuat Cursor Bertaburan Bintang
Ada banyak sekali untuk meodifikasi atau membuat pernak-pernaik tentang cursor, yang sudah kita bahas saja ada mengubah cursor dengan gambar, membuat teks yang berputar mengelilingi cursor. Dan kali ini belajar membuat cursor yang bertaburan bintang. jadi saat cursor kita bergerak akan turun bintang-bintang dari cursor. Ada beberapa warna bintang yang bisa kita pilih untuk ditampilkan di blog kita.

Cara Membuat Cursor Bertaburan Bintang
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan salah satu kode HTML sesuai warna yang kita inginkan berikut ini:

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>

5. Kita warnan biru dengan, hijau, merah, ungu, silver, kuning, hitam
6. Simpan jika sudah selesai.
selengkapnya>>

Inbound dan Outbond Link untuk Mendapatkan Page Rank

Page rank adalah algoritma yang sudah dipatenkan yang berfungsi untuk merangking web atau blog. Yang berfungsi untuk menentukan mana web atau blog yang penting atau populer. Sebuah web atau blog yang mempunyai Page rank 5 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Page rank 4 dan kemudian seterusnya yang lebih kecil.

Inbond link adalah link yang mengarah ke blog kita, baik itu dari halaman utama atau halaman postingan dari web atau blog lain yang mengarah ke halaman utama atau halaman postingan kita. Inbond link bertujuan untuk mendapatkan banyak backlink agar bisa mengoptimalkan blog di search engine. Sedangkan Outbound Link mempunyai pengertian sebaliknya.

Cara Mendapatkan Page Rank dengan Inbound Link dan Outbond Link
  • Pilih Outbond Link ke Blog Berpage Rank Lebih Tinggi
Untuk mendapatkan page rank blog kita menjadi lebih baik yang harus kita lakukan adalah melakukan outbond link (memasang link) ke blog yang memilki page rank lebih tinggi dari blog kita. Dan usahakan juga mengarah ke blog yang mempunyai tema tulisan (konten) yang sama dengan blog kita. Misalnya; jika blog kita memiliki page rank 3 maka kita buat outbond link ke blog yang memiliki page rank 4. Dan jika blog kita berisi tutorial blog maka kita pasang link ke blog lain yang membicarakan tentang blog juga. Outbond link bisa juga dilakukan dengan cara disetiap postingan yang kita buat, kita pasang link yang mengarah ke halaman postingan kita yang lain yang terkait. Misalnya saat saya menulis poastingan ini saya berikan kata page rank dengan link yang mengarah ke  http://kurniasepta.blogspot.com/2008/12/hal-hal-yang-mempengaruhi-page-rank.html. Dengan membuat artikel atau halaman satu dengan dengan halaman lain yang terkait juga akan bisa membangun outbond link yang berkwalitas.
  • Perbanyak Inbound Link Daripada Outbond Link
Untuk mendapatkan page rank tinggi dengan inbound link yaitu kita usahakan untuk mendapatkan backlink ke blog kita yang lebih tinggi. Artinya link yang mengarah ke halaman blog kita harus lebih banyak daripada link yang kita pasang ke blog lain. Cara memperbanyak inbound link bisa dengan bertukeran link, berkomentar dan meninggalkan link, dan lain-lain. Pendekatan page rank yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut. Lakukan inbound link dengan berkomentar di blog-blog yang memilki page rank lebih tinggi, karena backlink yang didapat semakin berkwalitas.
    selengkapnya>>

    Membuat Blogger Login Form

    Membuat Blogger Login Form
    Untuk menuju dasbor blogger, kita harus login dulu di blogger.com. Kita masukkan email kita dan password kita di login form. Andai kita bisa lebih cepat akan lebih baikkan. Kita bisa membuat blogger login form di blog kita sendiri. Sehingga untuk login kita tinggal memasukkan email dan password di blogger login form yang ada di blog kita. Orang lain pun juga bisa mudah, karena juga bisa login di login form yang ada di blog kita. Mereka akan juga lebih mudah untuk berkomentar. Karena sudah masuk akun google.

    Cara Membuat Blogger Login Form
    1. Login ke blogger
    2. Pilih Rancangan kemudian Tambah Gadget
    3. Pilih HTML/JavaScript
    4. Masukan kode HTML berikut ini:

    <form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form>

    5. Simpan jika sudah selesai.
    selengkapnya>>