membuat scroll otomatis di blog

belajar mencari trafik blog lewat tutorial blog hmm sepertinya menarik,,walopun saya sendiri sebenarnya masih newbie dlam dunia bloging tapi apa salahnya jika saya ingin mencoba membagikan sedikit ilmu yang saya ketahui..

buat kalian yang masih bingung apa itu fungsi scroll otomatis di blog akan saya beri penjelasanya
untuk blog yg memiliki tampilan postingnya banyak di halaman utama, maka cara ini mungkin berguna untuk pengunjung blog, agar tidak susah2 meng-scroll mouse nya, apabila ingin kembali ke atas
jadi tinggal klik maka blog secara otomatis akan scrolling menuju ke atas...
nah,,,scroll otomatis ini nantinya akan kita tempatkan di pojok kanan bawah blog milik kita...
jika kalian ingin lihat demo silahkan menuju bagian bawah,,disana kalian akan melihat sebuah gambar yang apabila nanti kalian klik akan otomatis scrolling ke bagian atas blog ini...

oke deh,,,saya kira kalian pasti udah paham...sekarang langsung aja ke cara pembuatanya..
tenang aja,,cara buatnya gampang banget kok,,, hihi

1. Pada dasbor / home, klik tata letak, 
2. pada elemen laman klik tambah gadget, 
3. lalu pilih HTML/JavaScript

lalu copas script yang ada dibawah ini

<script src="http://bilogizma.googlecode.com/files/autoscroll1.js" type="text/javascript"></script>
<script src="http://bilogizma.googlecode.com/files/autoscro.js" type="text/javascript"></script>

selesai deh,,,beres kan...selamat mencoba

membuat daftar isi otomatis di blog

membuat daftar isi otomatis ini dapat memudahkan pengunjung blog mencari artikel di blog kita...
selain itu memudahkan kita karena tidak perlu menulis daftar isi secara manual...
untuk demo silahkan klik disini

Caranya :
Buat Postingan baru atau buat laman baru terlebih dahulu kemudian beri judul daftar isi,index,copet,kampret... pokoknya terserah kalian aja mau kasih judul apa

kemudian copy script dibawah ini lalu paste di laman atau entry baru kalian


<script style="" src="http://bilogizma.googlecode.com/files/daftar%20isi.js"></script>
<script src="http://blogkalian.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


ganti tulisan yang dicetak tebal dengan URL blog milik kalian

membuat anti klik kanan

untuk fungsinya agan dan sista mungkin sudah banyak yang tau hanya dengan membaca judul post ini..

jadi saya gak perlu lagi nerangin fungsinya...

ok cekibrot kita langsung menuju TKP

• Pada dasbor / home, klik tata letak, 
• pada elemen laman klik tambah gadget, 
• lalu pilih HTML/JavaScript

<script language="JavaScript">
<!--
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>

untuk kelemahan nya, script ini ga akan jalan di opera

Script salam + redirect

Script ini mirip dgn script selamat datang. Cuma kalo yg ini bedanya, sekaligus me-redirect blog.
Jadi dalam script ini nantinya akan ada dua pilihan OK dan cancel. setiap jawaban bisa kita setting untuk di redirect / dialihkan ke page, web yang kita inginkan

script nya seperti ini :

<script type="text/javascript">
if (confirm('Apakah anda ingin masuk ke blog ini ??')) {
window.location="http://blog_kalian.blogspot.com/";
}
else {
window.location="http://google.com/";
}
</script>

ganti tulisan yang berwarna merah dan biru dengan URL yang kalian inginkan
tulisan yang berwarna hitam dan di cetak tebal dapat kalian ganti sesuka kalian

NB: tulisan yang berwarna merah untuk jawaban OK
dan tulisan yang berwarna biru untuk jawaban CANCEL

membuat ucapan selamat datang di blog

Sebelumnya yang harus diperhatikan adalah menambahkan gadget Javascript pada blog kita.

• Pada dasbor / home, klik tata letak, 
• pada elemen laman klik tambah gadget, 
• lalu pilih HTML/JavaScript

copy script berikut dan paste pada kolom HTML/JavaScript :

<script> function MYALERT() {
alert("hello Selamat Datang"); } MYALERT()
</script>

hasil akan terlihat seperti gambar dibawah ini

mudah bukan??
tulisan yang berwarna merah dapat kalian ganti sesuka kalian

cara membuat Tab View Menu

buat kalian yang belum tau apa itu tab view menu bisa lihat screen shot dibawah ini
nah....kalo sudah tau,,,sekarang kita akan membuatnya di blog milik kita

Langkah-Langkah untuk membuat tab view menu tanpa edit HTML adalah sebagai berikut :
1. Log-in ke blog Anda
2. Pilih Rancangan >Edit HTML >Tambah Gadget
3. Tambahnkan HTML/JavaScript
4. Copy Paste kode dibawah ini ke dalam HTML/JavaScript

<style type="text/css">
div.TabView div.Tabs
{height: 30px;overflow: hidden}
div.TabView div.Tabs a {float:left; display:block; width: 98px; /* Lebar Menu Utama Atas */
text-align:center ; height: 30px; /* Tinggi Menu Utama Atas */
padding-top:8px; vertical-align:middle; border:1px solid #BDBDBD; /* Warna border Menu Atas */
border-bottom-width:0; text-decoration: none; font-family: "Verdana", Serif; /* Font Menu Utama Atas */
font-weight:bold; color:#000; /* Warna Font Menu Utama Atas */ -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {background-color: #E6E6E6; /* Warna background Menu Utama Atas */ }
div.TabView div.Pages {clear:both; border:1px solid #BDBDBD; /* Warna border Kotak Utama */ overflow:hidden; background-color:#E6E6E6; /* Warna background Kotak Utama */ }
div.TabView div.Pages div.Page {height:100%; padding:0px; overflow:hidden}
div.TabView div.Pages div.Page div.Pad {padding: 5px 5px}
</style>
<script src="http://bilogizma.googlecode.com/files/tapmenuview.js" type="text/javascript"></script>
<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a>Judul 1</a>
<a>Judul 2</a>
<a>Judul 3</a>
</div>
<div style="width:300px; height:250px; " class="Pages">
<div class="Page">
<div class="Pad">
Isi menu tab view 1</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 2</div>
</div>
<div class="Page">
<div class="Pad">
Isi menu tab view 3</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>

keterangan

• kode wana merah adalah judul menu tab view Anda.
• kode warna biru adalah isi atau sub-sub menu Anda.

Tips Agar Blog Tampil Professional

Tips Agar Blog Tampil Professional

Kali ini saya mau posting sebuah tips yang lama tapi masih banyak juga yang belum tahu tips nya nah saya mau mencoba memberikan sedikit Tips Mempercepat Blog dan Tampil Professional Versi saya.

1. Blog tidak boleh memakai Animasi/efek misalnya memakai efek salju, efek kembang api, efek daun gugur dll karena akan membuat blog anda berat dan orang yang mengunjungi blog jadi tidak nyaman

2. Blog tidak boleh memakai Jam atau pun Kalender karena membuat blog berat akan widget nya dan blog professional tidak pernah memakai widget ini.

3. Blog tidak boleh memasang Lagu/Streaming Mp3 karena akan membuat blog berat dan pengunjung jadi tidak nyaman karena suaranya yang tiba-tiba keluar wkwkwkw.

4. Postingan harus memakai Readmore automatic, karena semua blogger professional memakai ini agar mereka tidak bersusah payah mengklik "Jump Break" di postingan dan agar blog lebih ringan.

5. Blog Anda Harus SEO (Search Engine Optimaze) fungsi nya agar blog anda lebih cepat terindeks di google dan pengunjung makin banyak yang datang, kan enak kalau pengunjung banyak jadi kita bisa terkenal wkwkwkwkw.

6. Hindari blog anda dari konten dewasa atau yang berbau pornografi dan mengandung unsur sara, karena pengunjung akan malas jadi nya untuk mengunjungi blog anda lagi

7. Hindari memasang Adsense terlalu banyak dan anda meminta pengunjung untuk mengklik nya, jadi nya blog anda berat dan pengunjung pun malas mengunjungi blog anda karna anda meminta kepadanya untuk mengklik iklan anda padahal setiap Adsense pasti ada TOS yang "menuliskan bahwa dilarang meminta orang untuk mengklik iklan di blog anda"

8. Hindari Blog anda dari banyak gambar karena akan membuat blog anda berat.

Nah hanya itu saja tips dari saya semoga anda senang dan mengerti apa yang saya buat.