Selasa, 20 Agustus 2013

Cara Menambahkan Widget Animasi Welcome, Jam, Kalender Hello Kitty

Cara Menambahkan Widget Animasi HK. Udah pada tau kan? Kalo kalian suka kunjungin blog aku, di sudut kiri bawah ada widget welcome, jam, dan kalender hello kitty? Pada mauuuu? *yang ngak mau juga ngakpapa* Pilihannya banyak loh;3 hhi check!


1. Sign in akun blog.
2. (Pada Dashboard) Pilih Tata Letak => Add a Gadget => Html/Javascript
3. Copy salah satu kode di bawah, lalu paste diruang html/javascript.
 
Sidebar - copy this code if you want to put it on your sidebar:
<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="155" height="305" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (2).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>



Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="155" height="305" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (2).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


Corner right - copy this code if you want to put it on bottom right position:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="155" height="305" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (2).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


 
Sidebar - copy this code if you want to put it on your sidebar:
<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (4).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>



Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (4).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


Corner right - copy this code if you want to put it on bottom right position:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (4).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


 
 
 
 
Sidebar - copy this code if you want to put it on your sidebar:
<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (5).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>



Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (5).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


Corner right - copy this code if you want to put it on bottom right position:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (5).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>




Sidebar - copy this code if you want to put it on your sidebar:
<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (6).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>



Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (6).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


Corner right - copy this code if you want to put it on bottom right position:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (6).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>












 Sidebar - copy this code if you want to put it on your sidebar:
<div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (1).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


Corner left - copy this code if you want to put it on bottom left position:

<div style="position: fixed; bottom: 0px; left: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (1).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>


Corner right - copy this code if you want to put it on bottom right position:

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="300" src="https://4802375714254349729-a-1802744773732722657-s-sites.googlegroups.com/site/widgetkang/hello-kitty/Hello Kitty (1).swf?__install_id=1324" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

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!!!