Sobat blogger Sangat mudah bukan untuk mengubah tampilan kursor pada blog. Hanya menambahkan sedikit kode pada template, "Jreeeng . ." langsung jadi.
Modifikasi Kursor pada Blog : Mengganti Kursor Blog. Yuk kita ke tutorial :
- Masuk ke blogger
- Buka Design/Rancangan
- Pilih Edit HTML
- Lalu cari kode body { (gunakan CTRL+F untuk mencari)
- Setelah ketemu, Tambahkan kode cursor: url("URL GAMBAR KURSOR"),default; pada tag body, misalnya,
- Kira-kira seperti itu, lalu simpan.
- Jangan lupa ganti URL GAMBAR KURSOR
- Berikut stok gambar kursor yang saya kumpulkan ( KLIK KANAN >> COPY IMAGE URL)
Posted in
Blogger,
Tips And Trick
Slamat siang Sobat, Trik yang akan saya tulis adalahmembuat burung twitter di blog. Pernah lihat burung twitter gak ? mungkin dalam kehidupan nyata burung ini tidak ada, tapi di dunia maya ada,lalu bagaimana cara membuat burung itu ? apakah dari telur yang menetas ? hehe, ya gak lah,,mau tau ?
baca langkah-langkah berikut :
($) Login ke Blogger dengan akun anda
($)Pilih Rancangan>>Tata letak>> Tambah Widget>>HTml/javascript
($)Lalu Copy Paste kode berikut :
<script type="text/javascript" src="
http://imemovaz.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRybjmxgVg7Ad45IZNjwydn7rY8zELRgVSQEEB8ap02KXhjmArbjgyR4rp61og4EPCAxeavE3Ke6OBnu-EAZEY46NVu2lqtDL2ElvFEcM-l2pAGecqXyVMOaiFSEJrCcgzHOJFuWvybyU3/s1600/birdsprite.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "
http://twitter.com/#!/anasyarif";var tweetThisText = "Twitter -
anashttp://anas-syarif.blospot.com/";tripleflapInit();
</script>
note : Ganti
http://twitter.com/#!/anasyarif dengan alamat twitter anda,
:Ganti http://anas-syarif.blospot.com/ dengan alamat Blog anda.
:Ganti anas dengan nama anda.
Lalu Save.
Posted in
Blogger,
Tips And Trick
Sudah sering kita jumpai sebuah website atau blog yang menonaktifkan klik kanan atau right click pada halaman blog tersebut. Berarti blog tersebut sangat hati - hati dalam menjaga privasi agar page source tidak dapat di lihat oleh orang lain. Sobat pun bisa membuat blog sobat menjadi disable klik kanan.
Sebuah website atau blog pasti ada yang mengandung konten privasi, seperti gambar yang kiranya sangat riskan untuk di copy oleh orang lain dan untuk keperluan yang bisa sangat merugikan sobat. Untuk itu di perlukan teknik men-disable klik kanan pada blog, maka gambar - gambar yang sangat privasi tidak akan bisa di copy dan di salahgunakan oleh orang lain.
Berikut langkah - langkahnya :
- Login ke Blogger dengan ID sobat.
- Klik Tata Letak --> Elemen Halaman.
- Pilih yang HTML/JavaScript.
- Copy kode dibawah ini ke dalam kolom kosong yang tersedia :
<script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>
kemudian Save, dan lihat hasilnya.
Mudah - mudahan dengan disable klik kanan pada blog sobat, gambar atau file privasi milik sobat akan aman dari tangan - tangan orang yang tidak bertanggung jawab.
Oke..selamat mencoba !!
Posted in
Blogger,
Tips And Trick
Postingan kali ini akan memberikan tutorial Cara Membuat Readmore atau Baca Selengkapnya pada postingan blog secara otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.
PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :
cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
KEDUA, cari kode html berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
ganti kode tersebut dengan kode di bawah ini :
<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 class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan : tulisan yang berwarna merah adalah yang bisa anda ganti.
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...
KETIGA, klik save template
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.
Posted in
Blogger,
Tips And Trick