Archive for Januari 2013
Cara mudah membuat Back to Top pada blog
Jika pengunjung membaca artikel di blog
kita sampai jauh ke bawah sehingga saat mau kembali ke bagian atas atau
top blog harus memutar roll mouse-nya sampai beberapa putaran, akan
tetapi jika anda memasang button Back to Top ini sangat membantu
sekali bagi pembaca, hanya dengan satu kali klik saja pembaca akan
langsung di bawa ke bagian top blog anda.
Sebagai contoh saya perlihatkan di blog tips dan triks ada button Back to Top yang ada di kanan bagian bottom. Lihat pada gambar di bawah ini :
Silahkan copypaste code widget di bawah ini dan ganti URL image yang berwarna merah dengan URL image punya anda :
<a style="display:scroll;position:fixed;bottom:5px;right:5px;"href="#" title="Back to Top"><img src="http://i34.tinypic.com/35lyjrb.gif" /></a>
Jika belum punya image anda bisa cari di google search dengan keyword ‘Icon Back to Top’ atau anda bisa membuat sendiri baca caranya disini.
Cara menempatkan widget Back to Top di blogspot
Silahkan masuk ke blogger dengan akun anda, Dashboard/Dasbor►Lay Out/Rancangan►Add Gadget/Tambah gadget - Java Script►Paste
LayOut/Rancangan klik 'Add Gadget/tambah gadget'
Pilih Gadget 'HTML /Java Script' dan klik icon + :
Copypaste widget dan klik 'Save/Simpan' :
Catatan : Dimanapun anda
menempatkannya mau di sidebar kanan atau kiri atau di footer, akan
tetap berada di posisi kanan dan widget ini adalah type scroll. Selesai
Dengan tips dan triks Cara mudah membuat Back to Top pada blog ini semoga dapat membantu anda. Sumber widget dari : BloggerStop.Net
cara memasang Read more otomatis di Blog
Sebelum jauh membahas Read More kita jawab terlebih dahulu mengenai Apa itu Read Moro ?. Read More atau dalam bahasa tercinta bahasa Indonesia adalah "Baca Selengkapnya" Tentu sudah sering sobat jumapi di blog-blog yang lain. Nah dari sini kita bisa memahami mengenai Read More yaitu penggelan kalimat dalam suatu postingan. banyak dari para blogger menggunakan fasilitas Read More dengan maksut untuk menghemat tempat pada halaman blognya. dilihat dari segi estetika atau keindahan, blog yang menggunakan Read More terlihat lebih rapi dan simple dibanding dengan blog yang tidak menggunakan Read More.
Berikut Resep Cara Membuat Read More Otomatis Di Blog :
- Login Kehalaman Blogger
- Dari bagian dashbord blog Pilih Template --> Edit HTML --> Proses atau Lanjutkan
- Jangan lupa centang Expand Widget Templates
- Sekarang Cari Kode </head> (Gunakan Tombol CRTL + F dan F3 untuk mempermudah pencarian kode)
- Jika sudah ketemu Copy dan letakan diatas kode </head> tersebut.
- Tahap selanjutnya cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>
- Ganti Kode yang anda temukan diatas dengan kode berikut ini :
- Sekaran klik tombol Simpan Template
- Selesai dan lihat Hasilnya
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>
Demikian Tutorial Blog mengenai Cara Membuat Read More Otomatis Di Blog dari Mister Complete kali ini. selamat mencoba dan semoga bisa bermanfaat.
