Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial. Tampilkan semua postingan

Selasa, 20 Agustus 2013

Cara Menambah Efek Animasi Hujan Pada Blog

Halo teman-teman sesama blogger;3 Kali ini aku mau share tutorial cara nambahin efek hujan pada blog, tapi bukan hujan beneran yaaa._.v Hhe, kalo dulu kalian pernah kunjungin blog aku, pasti lihat kan ada animasi efek hujan di blog aku? Nah itu dia, tapi skrg aku ngkpake lagi soalnya blog ku berat, terpaksa elemen2 nya harus dikurangin hhe. Oiya, untuk credit aku letakkan di bawah ya:) Let's check!

1. Sign in akun blog.
2. (Pada Dashboard) Klik Tata Letak => Add a Gadget => Html/Javascript.
3. Masukkan link di bawah ini.
<script type="text/javascript" src="Link efek animasi hujan yg kalian suka"></script>
 
http://www.hapinemu.net/fobp/bp092/bp092.js



http://bpmaker.giffy.me/userdata/user/0/1/53/parts.js

 

http://blogparts.giffy.me/0027/parts.js



http://blogparts.giffy.me/0055/parts.js


 

http://blogparts.giffy.me/0026/parts.js



http://blogparts.giffy.me/0030/parts.js



http://blogparts.giffy.me/0007/parts.js





http://blogparts.giffy.me/0004/parts.js





http://www.hapinemu.net/fobp/bp100/bp100.js


  

http://www.hapinemu.net/fobp/bp093/bp093.js



http://www.hapinemu.net/fobp/bp090/bp090.js



http://www.hapinemu.net/fobp/bp089/bp089.js




 http://www.hapinemu.net/fobp/bp088/bp088.js



http://www.hapinemu.net/fobp/bp087/bp087.js



http://www.hapinemu.net/fobp/bp074/bp074.js



http://www.hapinemu.net/fobp/bp073/bp073.js


http://www.hapinemu.net/fobp/bp072/bp072.js



http://www.hapinemu.net/fobp/bp062/bp062.js



http://www.hapinemu.net/fobp/bp061/bp061.js



http://www.hapinemu.net/fobp/bp058/bp058_1.js



http://www.hapinemu.net/fobp/bp067/bp067_1.js



http://www.hapinemu.net/fobp/bp055/bp055.js



http://www.hapinemu.net/fobp/bp054/bp054.js





 http://www.hapinemu.net/fobp/bp053/bp053.js




http://www.hapinemu.net/fobp/bp052/bp052.js



 http://www.hapinemu.net/fobp/bp050/bp050.js




http://www.hapinemu.net/fobp/bp091/bp091.js
4. Klik Save, terserah mau dikasih judul atau nggak:)
Good Luck.
Credit by: http://luhanay.blogspot.com/ 
Credit by:http://novitalesyani28.blogspot.com/ 

Cursor Comel\ /

 Kali ini aku mau share beberapa link cursor comel untuk blog beserta tutorial cara nambahinnya ke blog kalian;3 Kenapa harus ada tutorialnya? Iya, soalnya ada beberapa jenis cursor yg ngkbisa langsung ditambahin linknya tapi harus ada stepnya;3 Kalo kurang jelas, bisa langsung tanya di shoutbox ya! Let's check;3 1. Sign in akun blog.
2. (Pada Dashboard) => Tata Letak => Add a Gadget =>  Html/JavaScript.
3. Masukkan link dibawah ini.


<style type="text/css">body, a:hover {cursor: url(link cursor comel), url(link cursor comel), progress !important;}</style><a href="link cursor comel" target="_blank" title="format judul cursor"><img src="link cursor comel" border="0" alt="format judul cursor" style="position:absolute; top: 0px; right: 0px;" /></a>

Keterangan:
link cursor comel: diisi dengan link cursor yang kamu inginkan.
formal judul cursor: diisi dengan judul cursor yang kamu inginkan.

Daftar Link Cursor Comel


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrSLj_I41POeQkorzAltlUsOZ6lU5H7cyf6EJJUah_V10L2sTLRcwTNLkMkS0pkN3W51G8J2XOwZcPKjcJDIX544MmCnOv3Fse3a_h901n1KdQ0MdskZQB01BMA1Ml-Xn-vK8WWKsYJ_QS/s1600/cursorcomelumbrella.png
Cursor Comel Umbrella


http://4.bp.blogspot.com/-xPUaShpPKP4/Thbqf9_YbjI/AAA AAAAABYw/zcTNwcHV1Uo/s1600/redribbonz.png
Cursor Comel Redribbonz

http://4.bp.blogspot.com/-AzRV8LZTDow/ThbqfMm0 u2I/AAAAAAAABYo/QSq-vbmUatU/s1600/bunniez.png
Cursor Comel Bunniez

http://2.bp.blogspot.com/-gGGDDIDXJbE/Thbqe_15 swI/AAAAAAAABYk/zSNcxrl4Su8/s1600/applez.
Cursor Comel Applez

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXyALDUSGnymV8BhRCkwXbl2igd9FhsvvMtCCql20bU9WHzi24i1Ljv_KhEsjHfr1kFY2LMKVrDG_QlR5d32WQmX9LGXEcloy5nMnRFnYXza4HubzoS71GybmQaEdJ05vZrJ3OnVZ6Xw/s1600/treez.png
Cursor Comel Treez

http://3.bp.blogspot.com/-XHata6iTwRI/Thbqfh6 BOnI/AAAAAAAABYs/kE0fWlxIjwM/s1600/moustachez.png
Cursor Comel Moustachez

4. Edit link yang tadi dengan link cursor yang kamu inginkan lengkap dengan format judul yang benar. Kalo salah, nanti ngk berhasil loh.
5. Save. Terserah mau dikasih judul atau ngk.
Semoga berhasil^^
credit by http://novitalesyani28.blogspot.com/

Cara Menambahkan Scroll Box pada Blog Archive

Kali ini, aku mau share tutorial cara menambahkan scroll box pada blog archive. Udah tau maksudnya? Ituloh, kalo kalian main ke blogku, di sidebar kan ada blog archive, nah blog archive ku bentuknya seperti list, pake scroll button. Mau? Ikuti Step! Yang ngkmau ngkpapa:)


1. Sign in akun blogger.
2. (Pada Dashboard) Template/Design > Edit Html.
3. Cari kode <div id='ArchiveList'> (Ctrl+f).
4. Kalau udah ketemu, di atas kode tadi pasti ada kode ini kan  <div class='widget-content'>
5. Ganti kode  <div class='widget-content'> dengan kode <div class='widget-content' style='overflow:auto; height:200px'>
6. Lalu, Save Changes (Untuk mencegah kerusakan, silahkan kalian 'Pratinjau Template' dahulu)
7. Selesai!!!:)
Note: 200px bisa diganti dengan height/tinggi yg kalian mau.

credit by http://novitalesyani28.blogspot.com/ 

Cara Menambahkan Border Berbayang pada Sidebar Title

Hey semuanyaaaa:D Udah lama ngk ngepost, kali ini mau ngepost tutorial Cara menambahkan border berbayang pada sidebar title, nih! Udah tau border yang dimaksud kan? Ituloh, kalo liat di blogku, di sidebar nya, setiap judul gadget ada bordernya kan? Nah, itu dia! Ikuti tutorialnya kalo mau seperti itu! Ayoayo~

1. Sign in akun blog.
2. (Pada Dashboard) Pilih Template > Edit Html.
3. Cari kode di bawah ini (cara cepat gunakan Ctrl+F).

h2 {

4. Lalu, copy kode di bawah ini, dan paste-kan di bawah kode h2 { tadi.
background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0; 

note:
kode 
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0; 
adalah kode untuk border segiempat, untuk memilih border dengan bentuk yang lain, silahkan pilih di sini

FFECF5  - kode warna untuk warna background title sidebar.
000000 - 
kode warna untuk warna border title.
C0C0C0 - 
kode warna untuk warna bayang-bayang border.
Untuk memilih sendiri kode warna yang diinginkan, silahkan pilih di sini

5. Setelah itu, silahkan mem-pratinjau template dahulu, kalau tidak ada kesalahan dan berhasil silahkan klik 'Save Changes'.
Selesai! Good luck;)
#Mau copy? Sertakan credit by http://novitalesyani28.blogspot.com/ 

Cara Menimbang Berat (Lama Loading) pada Blog

Embedded image permalink 
Berapa lama loading pada blog kamu? Cepat atau lamanya loading pada blog itu saangat penting bagi kenyamanan pengguna/pengunjung. Karena, semakin cepat loading di blog, pengunjung akan merasa nyaman membuka blog anda, dan itu artinya berat blog haruslah ringan jangan terlalu berat. Gimana sih caranya mengurangi berat blog dan membuat blog lebih cepat respon/loading? Nah, kali ini aku mau share tutobies cara menimbang blog beserta tips untuk mengurangi berat blog. Pada mau? Ikuti step;3


Cara Menimbang Berat (Lama Loading) pada Blog
1. Pergi ke link ini
2. Masukkan Url Blog.
3. Kemudian, klik 'Test Now'

Tips mengurangi berat (lama loading) pada Blog
1. Kurangi penggunaan gambar/image berformat JPEG karena ukuran/size nya biasanya besar.
2. Kurangi jumlah entri/post pada tab Home di blog anda. Yang kita tau, default jumlah entri pada home adalah 7, kita bisa mengurangi jumlah tsb menjadi 2/3 pada setting.
3. Kurangi widget/elemen/gadget yang menggunakan Javascript.
4. Widget/elemen/gadget yang mempunya ukuran/size besar seperti blog archive, blog list atau followers sebaiknya diletakkan pada bagian bawah sidebar agar elemen yang lain dapat dibaca dahulu.
5. Letakkan 'Read More/Baca Selengkapnya' pada setiap entri, agar loading setiap entri dapat lebih cepat dan teringkas.

credit by http://novitalesyani28.blogspot.com/

Senin, 19 Agustus 2013

cara menambahkan mood ke blog

Halooooo? Udah tau belom "Mood" itu apa? Kalo kalian kunjungi blog aku, pasti ngeliat kan ada payung-payung kecil jatuh-jatuh? Nah, itutuh yang namanya Mood! Aku baru dapet nih link html beberapa Mood Blog yang unik banget! Aku mau share link html sekaligus cara menambahkannya, eyaaak. Check it out!!!
1. Sign in akun blogger2. Dashboard > Tata Letak > Tambahkan gadget > html/java script.3. Copy lalu paste salah satu link html di bawah ini, yang kalian suka yaaaa;;)
















































4. Terserah mau di kasih judul atau nggak. Klik save.
5. Selesai:) selamat menikmati!!!