Arsip Blog
Membuat Tombol Home Melayang
Sebelumnya saya pernah posting tentang Membuat Tombol Back To Top, pada postingan kali ini saya akan berbagi cara Membuat Tombol Home page dan Reload page Melayang.
Langsung saja Sob, berikut caranya :
-
Login ke Blogger, Klik Design/Rancangan > Edit HTML.
-
Beri tanda centang pada Expand Template Widget.Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
- Copy kode berikut dan pastekan di atas ]]></b:skin>
#floating-home {
position:fixed;_position:absolute;top:280px; left:0px; clip:inherit;
_bottom:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); }
#floating-home a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#floating-home img
{
border:0;
}
#floating-home a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
} - Kemudian cari kode <body>, dan paste kode berikut dibawah <body> :
<div id=’floating-home’>
<div><a expr:href=’data:blog.homepageUrl’ title=’Home’><img alt=’Home’ src=’http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/home-i.png’/></a></div>
<div><a href=’#’ onClick=’window.location.reload()’ title=’Reload page’><img alt=’Reload page’ src=’http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/refresh.png’/></a></div>
</div> -
Terakhir klik Save / Simpan Template.
Cara Merubah Cursor Blog
Bagi Sobat yang ingin mengganti tampilan cursor di blog, itu sangat mudah, bagi yang sudah tau, bagi yang belum tau pasti tidak mudah. hehe…
Sebelumnya saya pernah posting tentang Membuat Efek Bintang Pada Kursor, kali ini saya akan berbagi tentang cara untuk merubah tampilan cursor blog, berikut caranya :
-
Login ke Blogger. Masuk ke menu Rancangan >Edit HTML
- Cari kode </head>
- Letakkan kode berikut tepat diatas kode </head>
<style type=’text/css’>HTML,BODY{cursor:url("http://cursors4.totallyfreecursors.com/thumbnails/bluemultiglit.gif"), auto;}</style>
Keterangan: Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url cursor yang ingin Sobat gunakan.
-
Setelah Itu Save Template Anda dan selesai…
Menampilkan Photo Profil di Google Search [BLOGGER]
- Buat Halaman About Me atau Tentang Blog atau apalah di blog Sobat, yang pasti pada halaman tersebut sobat sisipkan link Google Plus milik sobat, misal :
Ini bertujuan agar link profil G+ anda tampil di semua posting blog, sehingga akan mempercepat terindex. Read the rest of this entry
Memasang Tombol Share +1 [BLOGGER]
Langsung saja Sob, berikut cara pasang tombol share G+1 :
Untuk Memasang Widget Google Plus melayang (floating), silakan ikuti tutorial berikut :
- Login ke Blogger
- Klik Template > Edit HTML.
- Klik Lanjutkan.
- Beri centang pada Expand Template Widget.
- Cari kode </head> lalu letakkan kode berikut diatasnya.
<script src=’http://apis.google.com/js/plusone.js’ type=’text/javascript’/>
untuk Blog berbahasa indonesia gunakan kode berikut.
<script type=”text/javascript” src=”http://apis.google.com/js/plusone.js”>{lang: ‘id’}</script> - Cari kode ]]></b:skin>, lalu letakan kode berikut diatas kode ]]></b:skin>.
#g_one { position:fixed;_position:absolute; bottom:0px; right:0px; clip:inherit; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth – offsetWidth); }
- Selanjutnya cari kode </body> dan letakkan kode berikut di atasnya :
<div id=’g_one’>
<g:plusone size=’tall’/>
</div> - Terakhir klik Simpan Template dan lihat hasilnya di blog sobat.
Segitu aja Sob, semoga bermanfaat…