Jumat, 24 Januari 2014

Cara Membuat Jendela/Tab Blogspot Kita Menjadi Bergerak

17.37    No comments
Hai sobat blogger !!!, kali ini gw akan membahas tentang cara membuat tulisan di jendela blog kita jadi bergerak,

klo gak tau mending di coba dulu aja nih langsung aja caranya :

  • Pertama sobat login dulu ke Blogger
  • Pilih Template/Rancangan jika sudah masuk di Dasbor
  • Pilih Edit HTML.
  • Kemudian kita cari kode <head>, Supaya cepat tekan Ctrl+F untuk memudahkan pencarian.
  • Salin kode dibawah dan Letakan kodenya diatas kode : <head>

<script type='text/javascript'>
//<![CDATA[


msg = "khresboy-punya.blogspot.com" ;
msg = "Belajar HTML/JavaScript"; + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
//]]>
</script>

Keterangan:  Kalimat yang berwarna Biru  adalah kalimat kamu sendiri, dan bisa di ubah sesuai keinginan kamu. Angka yang berwarna Merah adalah kecepatan bergeraknya.
<<<<<Semoga Bermanfaat >>>>>

klo tetep gabisa silahkan nanya gw di kelass ...
Read More

Selasa, 21 Januari 2014

Cara Membuat Efek Pelangi Pada Link Blog

17.30    No comments
 Sobat kali ini gua akan membahas cara membuat efek pelangi jika cursor menyentuh link di blog kita
 
caranya cukup sederhana tutorial kali ini menggunakan efek yg ringan, jadi gak perlu takut klo blog sobat jadi lama loadingnya, nih langsung aja caranya :
  • Login ke blog sobat
  • Lalu masuk ke Tata Letak
  • Tambah gadget
  • Pilih HTML/Javascript
 
  • Copy code di bawah ini
<script src='http://blogefek.googlecode.com/files/pelangi.js' type='text/javascript'/>
</script>
  •  Paste-kan code diatas ke HTML/Java script tadi
  • Terakhir save/simpan
 Klo tetep gabisa silahkan nanya gw di kelas ...
wkwkwkwkwkkw
Read More

Minggu, 19 Januari 2014

Membuat Efek Daun Singkong Berguguran

19.14    No comments
Lucu banget ya judulnya, abisnya bingung mau ngasih judul apaan, kali ini gua akan membahas tentang efek daun berguguran, eiittsss !!! tapi kali ini daunnya bukan daun biasa, tapi daunnya yg menjari mirip-mirip daun singkong gitu dehhh, hhehehe, nih contoh gambar daunnya
udah liat penampakan daunnya kan ?? oh klo udah bagus dehh, mau tau caranya ngga ??? yaudah nih langsung aja kita ke TKP, 

Nih caranya :

  • Pertama log in ke akun blogger sobat
  • Terus masuk ke bagian Tata Letak
  • Add gadget -- HTML / Java Script
  • Copy code di bawah ini

    • <script type="text/javascript">
    var snowsrc      = "http://2.bp.blogspot.com/-6yjsKoliL_Q/TwlTuQtV3WI/AAAAAAAAB6k/VyKxfGKFBpM/s1600/daun-kecil.png";  // Tentukan URL gambar daun/salju
    var no           = 10;  // Tentukan jumlah daun/salju
    var hidesnowtime = 0;  // Menentukan apakah daun/salju harus menghilang setelah x detik (0 = tidak pernah)
    var snowdistance = "pageheight";  // Menentukan berapa banyak daun/salju yang harus jatuh sebelum akhirnya menghilang ("windowheight" atau "pageheight")
    </script>
    <script type="text/javascript" src="http://otowebsite.googlecode.com/files/snow.js"></script>


  •  Paste-kan code diatas di html/javascript tadi
  •  Terakhir save/simpan

    •  Selamat mencoba !!!
     klo tetep gabisa silahkan nanya gw di kelass .....
     wkwkwkwk



    Read More

    Sabtu, 18 Januari 2014

    Cara membuat Read More

    05.10    No comments
    Haii sobat ^_^, apa kabar ??? pasti sehat kan?? oh yaudah kalo gak mau jawab, wkwkwk
    udah lama nih gua gk ngepost, kali ini gua akan ngepost cara membuat "read more"
    nah kali ini kita gak menggunakan HTML/Javascript (pihak ketiga), tapi langsung ke html kode templatenya langsung, nah tips ini untuk yg masih menggunakan template newbie alias baru buat blog, tapi klo yg udah templatenya dinamis/udah ganti biasanya udah ada read more dari sananya, klo buat yg punya template dinamis mah abaikan aja, dari pada kebanyakan ngomong langsung gua kasih tau aja yaa ....
     
    Nih Caranya :

    1. Login ke Akun Blog sobat pasinya.
    2. Pilih Template, kemudian lanjutkan dengan klik Edit HTML
    3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
    4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode     ]]></b:skin>

    .post-thumbnail{float:left;margin-right:20px}

    5. Klo udah cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    <div>
    <b:if cond='data:post.thumbnailUrl'>
    <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
    </b:if>
    <data:post.snippet/>
    </div>
    <div class='jump-link'>
    <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
    </div>
    <b:else/>
    <data:post.body/>
    </b:if>
    <b:else/>
    <data:post.body/>
    </b:if>

    6. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.
    7. Selesai. terakhir Simpan template blog sobat.
    8. Dan Lihat hasilnya.

     Selesai sudah saya berbagi tips, nanti kita lanjutin lagi yaa ....
    Semoga artikel ini bermanfaat buat sobat-sobat blogger, thanks ya atas kunjungannya

     Klo tetep gabisa silahkan nanya gw dikelass.....
    wkwkwkwkkw
    Read More
    Langganan: Postingan (Atom)