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;
}
<div id='navbar-footer'>6. Simpan template anda dan lihat hasilnya...
<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>
Semoga trik ini bermanfaat...selamat mencoba!!
Label:
Kolom,
Tips dan Triks
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>6. Simpan perubahannya
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>
Coba lihat hasilnya......kalo uda jadi jangan lupa beri komentar ya.....selamat ngeblog!!
Label:
Animasi,
Tips dan Triks
Minggu, 16 Agustus 2009
Membuat Alert Konfirmasi pada Blog
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">Keterangan:
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>
- 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!
Label:
Animasi
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'>Keterangan:
var name = prompt("Selamat Datang!! Boleh Tau Nama Anda?", "Nama Anda ");
alert("Salam Kenal "+name)
alert("Selamat Surfing di Blog Saya, Semoga Bermanfaat!!")
</script>
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!!!
Label:
Animasi,
Tips dan Triks
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!
Label:
Animasi,
Tips dan Triks
Cara Membuat Posting Acak atau Random Post
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">6. Gantikan kode berwarna merah dengan URL blog anda.
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>
7. Simpan gadjet tersebut
Keterangan:
Angka 10 pada kode tersebut menunjukan jumlah postingan yang ditampilkan secara acak!!! Met mencoba ya....
Label:
Link,
Tips dan Triks
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.
Label:
SEO
Langganan:
Postingan (Atom)