Cara Membuat Back To Top Button Dengan Efek Bounce

Seperti diatas lah tampilan back to top button yang akan saya post.

Langsung saja:

1. Login blogger

2.Template >> Edit HTML . Centang Expand Template Widget

3.Cari Kode </head>

4.Copy dan pastekan script dibawah diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'/><script type='text/javascript'>$(function() { $(window).scroll(function() { if($(this).scrollTop() &gt; 100) { $(&#39;#ElitesRunTop&#39;).fadeIn(); } else { $(&#39;#ElitesRunTop&#39;).fadeOut(); } });

$(&#39;#ElitesRunTop&gt; img&#39;).click(function() { $(&#39;body,html&#39;).animate({scrollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate({scrollTop:10},100) .animate({scrollTop:0},50); }); });</script>

5.Lalu Simpan Template, Ke menu Tata Letak.

6.Tambah Gadget, HTML/JavaScript

7.Masukan Script Dibawah

<style>
#ElitesRunTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none;}
</style>
<div id='ElitesRunTop'><img src='http://relay.acsevents.org/images/content/pagebuilder/back_to_top_button_purple.png' style='margin-right:-9px'/></div>

Simpan dan liat hasilnya.

Jika mau gambar yang lain tinggal ganti URL
http://relay.acsevents.org/images/content/pagebuilder/back_to_top_button_purple.png
menjadi URL Gambar Anda

Contoh Gambar Lain:

1. Blue Button


Scriptnya:


<style>
#ElitesRunTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none;}
</style>
<div id='ElitesRunTop'><img src='http://www.kidspot.com.au/babyclub/product-information/images/back_to_top_button_blue.png' style='margin-right:-9px'/></div>

2. Red Button




Scriptnya:

<style>
#ElitesRunTop { text-align:center; position:fixed; bottom:0px; right:10px; cursor:pointer; display:none;}
</style>
<div id='ElitesRunTop'><img src='https://www.dmwcc.com/Portals/0/buttons/BackToTopButton.gif' style='margin-right:-9px'/></div>



(Sumber: http://hermanbagus.blogspot.com/2013/01/cara-membuat-back-to-top-dengan-efek.html
dengan perubahan yang perlu)

Modifikasi CTRL + U Pada Blog dari Page Source Menjadi Deteksi Plagiat

Saat kawan blogger saya menjelah, ada sesuatu yang unik dan penting menurut dan wajib diterapkan, Artikel ini berhubungan dengan artikel saya yang sebelumnya yaitu Cara agar blog anti copy paste, Tapi yang ini Lebih Canggih Lagi sob..

Langsung saja Ketutorialnya ya.
Seperti Biasa.

1. Login blog sobat
2. Klik Template
3. Edit Html
4. Centang Expand Template Widget
5. Cari kode </head>

Dan Copy Kode dibawah ini tepat diatas kode </head>

<script src='http://hermanbagus.googlecode.com/files/Hermanbagus%20no%20plagiat.js' type='text/javascript'/>

Simpan Template sobat, Setelah selesai coba buka Home / Beranda Blog sobat kembali atau artikel apalah, Terus KLIK CTRL+U dan Lihat Hasilnya.

Semoga Bermanfaat :)

Sumber Artikel ini dari: http://hermanbagus.blogspot.com/2012/11/modifikasi-ctrl-u-pada-blog-menjadi.html#ixzz2CWqSdmbk

Tips Memberi Nama Pada Posting

Kali ini saya akan memberikan Tips Memberi Nama Pada Posting. Kalau menurut saya, nama untuk posting harus benar-benar masuk akal dan sering diketik orang pada search engine. Contohnya, jika anda membuat postingan yang berisi gambar-gambar teka-teki, lalu anda akan memberinya nama 'Tebak Gambar ini', menurut saya itu jarang diketik orang. Menurut saya yang sering diketik orang adalah 'Gambar Teka-Teki'. Coba anda buat posting dan buat isi post sesuai judulnya. Contohnya, Gambar Teka-Teki, saya membuat post dengan gambar judul 'Gambar teka-teki', pengunjung saya langsung meledak dalam beberapa hari, buktinya lihat pada widget Entri Populer.

Penamaan judul yang baik dan benar akan menarik pengunjung. Padahal saya baru dua bulan blogging (di blog ini, kalau sama di blog satunya, total jendral 1 tahun lebih) saya sudah mendapat 2000 pengunjung, pengunjung terbanyak adalah pada post gambar teka-teki. Karena menurut saya gambar teka-teki adalah gambar yang paling sering dicari oleh segala umur. Coba saja anda buat post tentang gambar teka-teki (jangan copast tanpa sumber di blog ini ya!!). Mungkin walaupun anda newbie Pengunjung anda bisa meledak.

Nah, kalau sekarang tentang game. Pemberian judul pada game harus sesuai dan lengkap. Ex: 'Angry Birds Rio 1.4.2 Trial'. Didalam Judul tersebut terdapat nama game(Angry Birds Rio), versi game(1.4.2), dan trial/full game. Lain dengan RIP game. Pemberian yang baik contohnya: 'GTA San Andreas Rip (703 MB)'. Terdapat nama game(GTA), versi game (San Andreas), Ripped version (Rip), dan Size game setelah di Rip [(703 MB)].

Cara Membuat Tombol Print dan PDF di Blog

Cara membuat tombol Print dan Save PDF di tiap halaman postingan, untuk bisa membuatnya sobat ikuti saja langkah-langkahnya seperti dibawah ini.

Langkah 1:
Copas script di bawah ini

<b:if cond='data:blog.pageType == "index"'><a expr:href='data:post.url + "?pfstyle=wp"' style="margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a><b:else/><b:if cond='data:blog.pageType == "archive"'><a expr:href='data:post.url + "?pfstyle=wp"' style=" margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a><b:else/><script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button-both.gif" alt="Print Friendly and PDF"/></a></b:if></b:if>

Langkah 2 :
Pilih Template, kemudian Edit HTML, dan centang  Expand Template Widget.

Langkah ke 3 :
Sisipkan kode diatas  ke Template, setelah tag <div class='post-footer'> , dan terakhir Simpan Template.




Sumber artikel:Wan-Soe
Sumber gambar:Elites-run