Home
Reload page

Minggu, 05 Januari 2014

Cara Membuat Tombol Home Melayang

Hai! Sekarang, gue mau ngasih caranya mbuat tombol home melayang. Kalo kemaren kan udah tombol follow sama dashboard sekarang ganti Oke! Hehe, ini caranya :


Langsung saja ea, berikut caranya :
  • Login ke Blogger, Klik Design/Rancangan > Edit HTML.
    Membuat Tombol Home Melayang
  • Beri tanda centang pada Expand Template Widget.
    Membuat Tombol Home Melayang
    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.
    Membuat Tombol Home Melayang
Silakan dicoba ya,,, dan semoga berhasil Membuat Tombol Home Melayang.

Cara Membuat Cebok! Alias Chit-Chat Box's

Halo! Apa kabar? #baik #fine #sama kali ini gue mau ngepost tentang C'Box. Kalian tau C'Box? Itu buat tempat komentar gitu. Liat kan, kotak warna biru yang ada di bawah? Yang ada gambar es krim. Itu namanya C'Box. Oke, langsung aja ini dia caranya!

Langkah Pertama :
1. Buka Cboxmu di cbox.ws
2. Sign in lalu klik menu "look and feel" di sebelah kanan atas. pilih yang "Layout Options".
3. Atur widht nya jadi 200px. Height nya jadi 232px. Form heightnya terserah kamu. :D.
4. Lalu klik Save.
6. Pilih menu "publish".

Jangan close jendelanya ya.

Langkah perdua (?) :
1. sign in ke blogger.
2. Pilih Tata Letak => gadget HTML/ Javascript. Copas kode ini :

<center><div id="edited" style="width:240px; height:430px; background:url(URL Background) no-repeat left top; padding-top:186px; padding-left:4px; position:relative" align="center">Kode Cbox</div></center>


3. Ganti yang pink dengan URL gambar yang kamu suka dibawah ini. Yang merah dengan kode cboxmu tadi. Jika udah, klik "save".




 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4a9hukUVUg3R401Y_THKGtzeLIiUPVCKaMO2Y83wuwXK9MsOWtXO_TXVFopfXUMC6hdUwzX0_DGqjTzu1BYX44Th3iP29svOIMa75e2ljyOknM17lbA1IWsD72aYj2QuMUg9LTGGNJ3vh/s1600/Chatboxred1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQDRT0GdDVUlZVW3N6Fv4B_5pFjV4pkGiNdfcJ9jGjbo7sea_6ioG0nstlYzyI4w1gUTPWQgObgnWBqGbnpVSG6UZuPnBt1jWHYo_41yoqqNQdt8g2RkTaJFDXokHx4oEssoZgM4FlkymS/s1600/Chatboxteal4.png
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqQQHnmDKjGhmS6aF6icmfz-fZhv3v9EZohCOIPQ5PMcMXlYH1TLurOTr6db3Tq16JNV3s7NcR83JVBnyApLOOXpIscL1J6i2UOYOoQ0IRbyDOAmDtk7_2rdUyt8kNVJOVGBa0gIfTgErm/s1600/Chatboxorange2.png
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb9hC0MhnDOB3Z31vuOc9FXPQ1rlfzjb9Bpd-PJ5c87OoBqVO05YOX14v3Qly3O59ie8gl_CzLn4Gv-FdgI3Zad8hEQX74QU6_kyXxCWnCOxNfbxQZF-CeV3V3G3AE_dsO-ByAO0RgdwYH/s1600/Chatboxpinky3.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho_0hFGOOt6M0vUk-BO_xv3j-LT3PLT2J3PFCyxyhCrazqPrjHxCd6yrUE4QbGpKetyUOt2FFRHxtMOADsxTwKlCnryL0QVqp-4Vzl8XkYO08ewS0xtAvO_j8_fnqtjYjf5j_FYHLNeZIh/s1600/Chatboxpurple5.png

Oke! Itu dia caranya, sekarang tempat komenmu lebih bagus kan? Wkkwkwkwk :D

Membuat Efek Benda Jatuh di Blog

Oke! Kembali lagi bersama gue Aflah Ariq. Kali ini gue mau ngepost tentang efek benda jatuh di blog. Kalian liat efek benda jatuh di blog gue kan? Yak! Bener yang daun-daun itu. Nah, ini juga yang ditanyain temen gue dhea. Jadi, diperhatiin eaps!

Cara membuat efek benda jatuh :
1. Sign in di Blogger
2. Kemudian pilih "Rancangan"
3. Klik "Tambah Gadget"
4. Pilih "HTML/Javascript"
5. Copy kode scipt dibawah ini (Pilih Salah Satu Script Yang Kamu Suka
):
Salju Berjatuhan

CODE:
<script language="javascript" src="http://zianxfly.250free.com/js/saljucursorblack.js"></script>


Daun Berjatuhan
CODE:
<script src="http://arti.master.irhamna.googlepages.com/daun.js"/></script>


Love Berjatuhan
CODE:
<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>


Kupu Kupu Berterbangan
CODE:
<script src="http://h1.badwaresite.www/pendi05/kupu.js" type="text/javascript">


Kelelawar Berterbangan
CODE:
<script src="http://h1.badwaresite.www/pendi05/kelelawar.js" type="text/javascript">


Bintang Berjatuhan
CODE:
<script src="http://h1.badwaresite.www/pinginbelajar/bintangberjatuhan/30.js" type="text/javascript"></script>

Oke! Itu dia caranya. Terimakasih