Jumat, 21 Agustus 2009

Membuat Footer Melayang atau Strip Footer

Salah satu tips untuk memikat pengunjung bukan hanya pada artikel anda tapi penampilan blog anda merupakan pandangan pertama yang dapat memikat mereka. Jika anda merasa blog anda belum tampil menarik maka trik yang satu ini akan membuatnya lebih menarik. Pada kesempatan ini saya akan mengajarkan trik untuk membuat footer bar yang statis. Footer bar akan selalu muncul walaupun anda mengscroll ke bawah halaman. Pada footer bar atau strip footer ini anda dapat memasang iklan atau pun pesan kepada pengunjung. Tentunya pengunjung akan mudah melihat pesan tersebut apabila mereka mendatangi blog anda.

Jika anda tertarik untuk membuatnya. Maka perhatikan langkah berikut ini:
1. Login ke blogger
2. Pilih Rancangan -- Edit HTML
3. Centang Expand widget template
4. Cari kode ]]></b:skin> dan paste kode dibawah sebelum kode ]]></b:skin>
/* Footer Melayang by www.defecafe.blogspot.com */

#navbar-footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}

#navbar-footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}

#navbar-footer a {
color: #333;
}

#navbar-footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 10px solid #f5f5f5;
background-color: #f5f5f5;
width: 100%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}
5. Kemudian paste kode berikut sebelum kode </body>
<div id='navbar-footer'>
<p>
Agar <a href='url_blog_anda'>Nama Blog Anda</a> lebih bermanfaat dan menarik lagi,<br/> diharap anda dapat meninggalkan komentar....
</p>
<p class='info'>Created by <a href='url_blog_anda'>Nama Blog Anda</a> | Widget by <a href='http://www.defecafe.blogspot.com'>Blog Trik dan Tips</a><br/>Copyright 2008 - 2009 All Rights Reserved: <a href='url_blog_anda'>Nama Blog Anda</a>
<br/>
</p>
</div>
6. Simpan template anda dan lihat hasilnya...

Semoga trik ini bermanfaat...selamat mencoba!!
ReadFull Article ..

Senin, 17 Agustus 2009

Membuat Efek Ketikan pada Judul Blog

Ada beberapa cara untuk membuat judul blog menjadi animatif. Seperti yang udah saya tulis sebelumnya bagaimana cara membuat judul blog bergerak seperti marquee (ke kiri atau ke kanan), trik kali ini sedikit berbeda dimana judul blog akan muncul seperti sebuah ketikan dari masing-masing huruf. Kalo misalnya anda tertarik untuk memasangnya pada blog anda ikuti aja trik berikut ini:

1. Login ke blogger
2. Pilih Tata Letak
3. Klik Edit HTML
4. Cari kode </body>
5. Paste script berikut ini tepat diatas kode </body>
<script>
var tit = document.title;
var c = 0;
function writetitle() {
document.title = tit.substring(0,c);
if(c==tit.length)
{
c = 0;
setTimeout("writetitle()", 2000)
}
else {
c++;
setTimeout("writetitle()", 275)
}
}
writetitle()
</script>
6. Simpan perubahannya

Coba lihat hasilnya......kalo uda jadi jangan lupa beri komentar ya.....selamat ngeblog!!

ReadFull Article ..

Minggu, 16 Agustus 2009

Membuat Alert Konfirmasi pada Blog

Seperti yang saya udah tulis pada artikel sebelumnya mengenai cara membuat alert perkenalan bagi pengunjung yang datang pada blog, kali ini kita akan membuat script alert yang sedikit berbeda yaitu script alert untuk konfirmasi. Jika anda memasang script ini maka pengunjung yang datang pada blog anda memiliki opsi untuk melanjutkan atau membatalkan kunjungan mereka pada blog anda. Script ini biasanya diletakan pada konten atau blog yang sifatnya dewasa, hanya untuk menyarankan pengunjung tersebut. Script ini juga bisa digunakan dalam memberikan informasi apabila anda telah berpindah ke situs lain. Apabila tertarik memasangnya ikuti langkah berikut ini:

1. Login ke blogger
2. Pilih Rancangan -- Elemen Laman
3. Tambahkan Gadjet lalu pilih HTML JavaScript
5. Masukan kode berikut ini:
<script type="text/javascript">
confirm('Selamat Datang di Blog Trik dan Tips!');
if (confirm('Blog ini berisi konten tentang tutorial blog. Apakah Anda yakin untuk melanjutkan?')) {
window.location = "http://defecafe.blogspot.com/";
}
else {
window.location = "http://google.com/";
}
</script>
Keterangan:
- Teks berwarna biru menunjukan kata-kata yang akan anda sampaikan kepada pengunjung. Anda dapat menggantinya sesuai selera anda.
- Dari contoh di atas, pengunjung yang menekan OK, akan dibawa masuk ke
http://defecafe.blogspot.com/ sedangkan pengunjung yang menekan Cancel (Batal) akan diarahkan ke http://google.com/

6. Simpan gadjet tersebut

Sekian trik dari saya, selamat mencobanya!
ReadFull Article ..

Membuat Alert Perkenalan bagi Pengunjung

Sobat mungkin pernah mengikuti salah satu trik yang saya berikan mengenai cara membuat alert pesan selamat datang bagi pengunjung. Trik kali ini sedikit agak berbeda, kita akan mencoba membuat alert selamat datang dengan perkenalan sepintas. Ketika seseorang mendatangi blog anda maka orang tersebut akan diminta untuk menulis namanya apab. Setelah memasukan nama maka pengunjung akan disapa sesuai namanya. Oke bagi yang berminat langsung saja saya tunjukan langkahnya.

1. Login dulu ke blogger
2. Klik Rancangan -- Elemen Laman
3. Klik Tambah Gadjet lalu pilih HTML/Javascript
5. Masukan script dibawah ini:
<script type='text/javascript'>
var name = prompt("Selamat Datang!! Boleh Tau Nama Anda?", "Nama Anda ");
alert("Salam Kenal "+name)
alert("Selamat Surfing di Blog Saya, Semoga Bermanfaat!!")
</script>
Keterangan:
Kode berwarna merah adalah pesan bagi pengunjung. Sobat dapat menganti sesuai dengan selara.

6. Simpan gadjet dan lihat pada blog anda!

That's it. Selamat mencoba!!!
ReadFull Article ..

Sabtu, 15 Agustus 2009

Membuat Efek Bunga Sakura Bertaburan di Blog

Sakura adalah bunga yang identik dengan negara Jepang dimana bunga ini bermekaran pada musim semi yaitu pada awal April hingga awal Mei. Negara ini memiliki varian bunga sakura kurang lebih 200 jenis. Buka sakura mempunyai arti yang berkaitan dengan wanita, kesedihan serta kematian. Kali ini saya akan memberikan tips kepada sobat blogger bagaimana membuat efek bunga sakura gugur dan bertaburan di blog. Trik berikut ini dapat membuat blog anda lebih menarik dan cantik. Caranya sangat mudah saja, anda hanya perlu ikuti langkah berikut ini:

1. Login ke blogger.
2. Pilih Rancangan -- Elemen Laman
3. Tambahkan gadjet lalu pilih HTML/Javascript
4. Masukkan kode berikut ini:
<script src='http://defecafe-blogspot.googlecode.com/files/SakuraRain.js' type='text/javascript'/></script>
5. Simpan template anda

Sekarang sobat coba lihat hasilnya di blog. Taburan bunganya pasti cantik dan membuat blog anda lebih menarik. Selamat mencoba!
ReadFull Article ..

Cara Membuat Posting Acak atau Random Post

Sudahkah anda pernah mendengar tentang random post...Nah itu dia...posting yang dapat ditampilkan secara acak. Yang diacak disini yaitu judul postingnya aja. Terkadang blogger yang baru memasang recent post dan pada halaman depannya udah ditampilkan judul yang sama. Dari pada menampilkan recent post....mendingan pasang aja gadjet berikut ini yaitu ....Random Post. Cara membuatnya gak susah amat alias cukup mudah....Jadi ikuti aja langkahnya....

1. Login dulu ke blogger.
2. Masuk ke Rancangan -- Elemen Laman
3. Tambahkan gadjet
4. Pilih HTML JavaScript
5. Masukan kode dibawah ini
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=10;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="http://defecafe.blogspot.com/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&
callback=randomposts" type="text/javascript"></script>
6. Gantikan kode berwarna merah dengan URL blog anda.
7. Simpan gadjet tersebut

Keterangan:
Angka 10 pada kode tersebut menunjukan jumlah postingan yang ditampilkan secara acak!!! Met mencoba ya....
ReadFull Article ..

Selasa, 04 Agustus 2009

9 Langkah Untuk Meningkatkan Trafik Pengunjung pada Blog

Kemampuan anda untuk meningkatkan trafik atau penunjung ke blog merupakan kunci kesuksesan secara online. Ketika kamu ingin memperkenalkan produkmu secara luas melalui adsense, affiliate marketing, ataupun artikel yang kamu tulis, maka kamu perlu meningkatkan trafik. Beberapa bisnis internet mencoba untuk meningkatkan trafik dengan tujuan untuk meningkatkan jumlah penghasilan mereka. Berikut ini saya akan menjelaskan kepada saudara bagaimana anda meningkatkan trafik diblog atau website anda.

1. Tulislah artikel yang menarik dan tulislah sesering mungkin. Sesering mungkin anda mengupdate blog dan menulis dengan baik isi tulisan anda adalah langkah pertama dalam meningkatkan pengunjung. Ini akan membuat pengunjung tetap kembali ke tulisan anda. Lebih dari itu ketika kamu sering menulis maka akan meningkatkan peluang isi tulisan kamu diketahui oleh mesin pencari seperti Google searh, yahoo, dll.

2. Masukan blog kamu pada mesin pencari. Mesin pencari seperti Google dan yahoo akan mengetahui isi konten kamu dan menampilkannya kepada publik. Hal yang kamu perlu lakukan adalah memberikan url blog atau website kamu kepada mesin pencari.

3. Gunakan dan selalu update blogroll kamu. Dengan menambahkan link ke situs yang kamu sukai pada blogroll, pemilik dari blog tersebut akan menemukan blog kamu dan akan menaruh link kamu pada blogroll mereka. Harapannya yaitu bahwa pembaca yang berkunjung akan melihat blogroll dan menemukan blog atau website kamu.

4. Ajak pengunjung untuk memberikan komentar pada blog kamu. Memberikan komentar merupakan cara yang mudah dalam meningkatkan pengunjung pada blog kamu. Ketika seseorang memberikan komentar cobalah berikan komentar kepada dia kembali ataupun masukan. Ini akan membuat pembaca loyal kepada kamu dan tetap berkunjung ke blog atau website kamu.

5. Gunakan RSS feed pada isi blog atau website kamu. Menampilkan RSS feed pada isi konten akan membuat pembaca sesering mungkin berkunjung ke blog kamu untuk melihat isi tulisan kamu yang baru di publish.

6. Gunakan link dan trackback. Link merupakan cara yang baik untuk ditampilkan pada blog kamu. Hal ini karena link akan diketahui oleh mesin pencari. Link akan membuat blogger tau bahwa kamu sedang menghubungkan isi konten mereka dengan sebuah link. Dan ini akan membuat mereka berkunjung ke blog kamu. Kamu juga dapat memberi tau kepada pemilik blog atau website bahwa kamu memiliki link ke isi konten mereka dengan meninggalkan track back.

7. Tag setiap posting kamu. Ini hanya membutuhkan beberapa detik saja untuk membuat tag pada setiap posting kamu. Tags seperti link akan mudah diketahui oleh mesin pencari. Tag membantu untuk membuat posting anda lebih search engine friendly, yang tentunya akan meningkatkan trafik blog kamu.

8. Masukan blog kamu ke situs jejaring sosial. Ini merupakan langkah yang sederhana dengan mencoba mempromosikan blog kamu dan isi konten kamu kepada publik. Jangan pernah berhenti mempromosikan blog kamu sehingga diketahui banyak orang. Sekarang ini banyak sekali situs jejaring social yang berkecambah diinternet seperti facebook, twitter, google plus, linked dan lain sebagainya.

9. Tampilkan gambar pada blog akan membuat blog kamu lebih menarik dan juga menarik pengunjung blog. Semakin banyak gambar yang kamu tampilkan di blog maka trafik pengunjung akan meningkat.

Dengan menerapkan 9 langkah diatas maka trafik pada blog atau website kamu akan meningkat. Hasilnya dapat kamu rasakan ketika kamu mencobanya. Selamat bekerja.
ReadFull Article ..