All post

Membuat Effek Zoom Gambar di Posting Blogger

Admin 9:53:00 PM Add Comment
Unknown

Eitss... ketemu lagi ama sobat blogger
kangen nih udah 2 hari ga posting.
nah untuk pertemuan kali ini saya akan berikan sedikit trik untuk sobat. yaitu yaaa.. sobat tau lah dari judulnya juga, jadi ga usah di jelasin dech...( hehehe .... )
Oke langsung cawww... aja
untuk contohnya seperti ini :
  • seperti biasa pertama-tama kita masuk dulu ke blogger
  • trus masuk ke menu rancangan ---> Edit HTML
  • Beri ceklist pada tulisan Expand Widget Template
  • langkah berikutnya cari kode ]]></b:skin>
  • jika udah ketemu copy scrip berikut :

Cara Agar Postingan Tidak Bisa di Blok

Admin 9:12:00 AM Add Comment
Unknown

Sobat suka posting di blog ???
mungkin sebagian diantar sobat ada yang ga suka kalau tulisan postingan hasil karya sobat di bajak atau dikopi oleh orang lain yang tidak menyertakan sumbernya.
jika sobat ga seneng sama orang yang begitu, ada satu cara yang dapat meminimalisir pembajakan tersebut yaitu dengan cara memasang scrip ini di blogger sobat.
oke kita mulai aja :
  • Pertama, masuk ke blogger sobat
  • Pilih menu Rancangan-->Edit HTML-->

Membuat Tombol Next Page Pada Blog

Admin 10:39:00 PM Add Comment
Unknown
Tips satu ini dapat sobat coba untuk blog, apa lagi untuk sobat yang suka posting pasti di blog sobat banyak artikel atau yang dipublikasikan lainya. nah posting kali ini saya akan memberikan bagaimana langkah-langkah supaya blog milik kita ada tombol Next Pagenya.
dan berikut ini adalah langkah-langkahnya :

ini adalah contoh gambarnya :


  • Masuk ke akun blogger kamu dahulu
  • Setelah itu pilih menu Rancangan --> Edit HTML -->Beri centang pada tulisan Expand Template Widget
  • Langkah Pertama cari kode ]]></b:skin> (untuk lebih mudah gunakan fungsi Ctrl + F )

Scrip Browser Berputar saat Membuka Blog

Admin 10:27:00 PM Add Comment
Unknown
Satu lagi nih yang unik buat blog sobat, apa lagi jika sobat seneng bikin blog yang unik. Untuk Kali ini ada satu scrip yaitu scrip yang bikin browser berputar saat mengunjungi blog kita.
Okwe ddeh ga usah panjang lebar lagi silah sobat coba :
  • Seperti biasa pertama masuk ke Blogger -->Rancangan-->Tambah Gadget-->Selanjutnya Pilih HTML/JavaScript
  • Copas kode berikut :

Membuat ReadMore pada Blogger

Admin 9:31:00 PM Add Comment
Unknown
Untuk sobat blogger yang mempunyai blog tapi belum ada dan belum bisa bagaimana cara memasang ReadMore tersebut.
Oke posting kali ini saya akan kasih tau gimana caranya :
  • Tidak bosen-bosen pertama kamu masuk dulu ke blogger-->Rancangan-->Edit HTML
  • Bericentang pada Expand Widget Template
  • Selanjutnya cari kode </head> kemudian copas scrip ini, dan letakan diatasnya

    Scriptnya



    <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 250;
    summary_img = 250;
    img_thumb_height = 80;
    img_thumb_width = 110;
    </script>
    <script type='text/javascript'>
    //<![CDATA[
    function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c ){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">") 1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a }b=b.substring(0,a-1);return b "..."}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 2px 0px;"><img src="' b[0].src '" width="' img_thumb_width 'px" height="' img_thumb_height 'px"/></span>';e=summary_img}var c=a "<div>" removeHtmlTag(f.innerHTML,e) "</div>";f.innerHTML=c};
    //]]>
    </script>
  • Berikutnya cari kode
    <data:post.body/> atau <p><data:post.body/></p>
    Ganti kode tadi dengan kode dibawah ini :

Membuat Efef Menggulung Seperti Kertas pada Blog

Admin 10:27:00 PM Add Comment
Unknown
Jika sobat berkunjung ke blog saya, maka sobat akan melihat dipojok sebelah kanan blog saya terlihat menggulung ketika pointer sobat diarahkan pada pojok blog saya ini.
Nah bagi sobat yang mau dengan effek tersebut. yok... ikuti caranya berikut ini :
  • Seperti biasa kamu harus login terlebih dahulu
  • Masuk ke menu Rancangan -->Edit HTML
  • Beri centang pada Expand Template Widget
  • Selanjutnya cari kode <b:skin><![CDATA[ kemudian copy script dibawah ini dan letakan diatasnya:

    Copas Scriptnya 



    <script src='http://trikblogger.googlecode.com/files/script_lipat_halaman_trikblogger.js

' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function(){

$("#pageflip").hover(function() {

$("#pageflip img , .msg_block").stop()

.animate({width: '307px',height: '319px'}, 500);

} , function() {

$("#pageflip img").stop()

.animate({width: '50px',height: '52px'}, 220);

$(".msg_block").stop()

.animate({width: '50px',height: '50px'}, 200);

});

});

</script>


Membuat Kotak Berwarna Pada Blog

Admin 9:49:00 PM Add Comment
Unknown
oke kawan blogger sebelum saya beranjak untuk tidur
saya akan memposting dulu sebuah tulisan yang mungkin kawan suka.
pada malam kali ini postingnya tentang membuat kotak berwarna pada blog
langsung aja :
  • pertama, seperti biasa kalian harus login terlebih dahulu ke blogger-->rancangan-->tambah gadget.
  • kedua download scripnya disini
  • copaskan pada HTML/Javascrip
  • Lalu Save
  • jadi dehh....
Subscribe to: Posts (Atom)