Mengganti Bullet List Blogger Menjadi Keren

Mengganti Bullet List Blogger Menjadi Keren :

• Seperti biasa mas bro, masuk ke akun blogger anda.
• Lalu masuk ke template dan edit HTML.
• Anda cari kode ]]></b:skin> , gunakan fungsi CTRL+F untuk pencarian.
• Lalu masukan kode dibawah ini tepat diatas kode ]]></b:skin> dan save jika sudah selesai.

.post ul {
margin: 5px 0px 5px 10px;padding: 0 0 0 20px;list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjK3Vt0YvqBfYnspm1qYifvEmqj8SWjeol3eZZlG8nRpIddGX3YTggTDnlr_k538h_-EVCKrOHCurU1M7CG3fQmO9QQJt4RbthKEp6GJZ3Lw96J5uR09_WUOVjvO7RkGuZg-CBH6FXI4v/s1600/251.gif);}
.post li {margin: 0 0 0 10px;padding: 3px;
}
.post li:hover {
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharE3xVJZNm_VHV7Dex7lC8WCRt2zsdgTFrLH5K4P7vZ5nrEXwNmOrKX2BEIVECwfg-pVT0uOcpl9mAZKWpC0H1cGjSUirMx7hFG8I9K-xqqeEXa8Evba5kHeSn7w77lyekELys-Yp-8Ji/s1600/255.gif);cursor: pointer;}

Costumalisasi :

• .post li:hover { bla  bla bla } adalah effect hover atau efek mouse saat diarahkan , Jika tidak ingin effect hover anda bisa hapus kode nya.
• https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjK3Vt0YvqBfYnspm1qYifvEmqj8SWjeol3eZZlG8nRpIddGX3YTggTDnlr_k538h_-EVCKrOHCurU1M7CG3fQmO9QQJt4RbthKEp6GJZ3Lw96J5uR09_WUOVjvO7RkGuZg-CBH6FXI4v/s1600/251.gif dan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharE3xVJZNm_VHV7Dex7lC8WCRt2zsdgTFrLH5K4P7vZ5nrEXwNmOrKX2BEIVECwfg-pVT0uOcpl9mAZKWpC0H1cGjSUirMx7hFG8I9K-xqqeEXa8Evba5kHeSn7w77lyekELys-Yp-8Ji/s1600/255.gif adalah URL gambar

Pilihan Gambar :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqPFv_AL8GRQhtQMpesEfLqXqAVk2MTaoMhghPEihy81-0XUbxmpxV4nyCurYwZL4Ed0A7zNl2MBwID2nFi4Ha2UgNDgCvgoIl-O4xowvrBHnlcZs5sMeBgE5I3uAWMB71WF9mpSrll-_O/s1600/bullet_error.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzS0ngpkTcwSzkEOsFIVX867QSVA0N3wH5VdV0N_6z_6X-VdSXihFMqcKSxKjcNgTzEEBdbdLIcXr4q-XesORFlkNjvu1SSXq_oISwCVBAcBu7965vOkUCM7bfmS7gIw2gIggXSq86tqfU/s1600/bullet_home.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6wke7zAFDKeGBnYeKe99S-7tIJKcBGiqpmCiB8_pPyE85NR9msyxJH3-y42EKVpJpdlazMrXssQ_r52y8_-lyL0TZxcOdxm5zq37ocfUbWQ-XKTmoeWp3wKU1W5_xmmBScko2dWGpXYXJ/s1600/bullet_tick.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbjK3Vt0YvqBfYnspm1qYifvEmqj8SWjeol3eZZlG8nRpIddGX3YTggTDnlr_k538h_-EVCKrOHCurU1M7CG3fQmO9QQJt4RbthKEp6GJZ3Lw96J5uR09_WUOVjvO7RkGuZg-CBH6FXI4v/s1600/251.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEharE3xVJZNm_VHV7Dex7lC8WCRt2zsdgTFrLH5K4P7vZ5nrEXwNmOrKX2BEIVECwfg-pVT0uOcpl9mAZKWpC0H1cGjSUirMx7hFG8I9K-xqqeEXa8Evba5kHeSn7w77lyekELys-Yp-8Ji/s1600/255.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dlgElnDqhTPuq0ywCuIMk4vIxOyg5q7HnrjiMJN9MbFaBScDWFJBIbT5S9PvXsuCX-T7CSvvJVmTmgzbqHglgb-hV_eyQA9qSq-u1pKr-idN7b_4aITM_089GybCAxkFnol7yyoiz0k/s1600/star_bullet.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-86EuDXWgtIpNnv0AkOurGbwurbcJrxOXuRvSY8tx51Wz6Dlq8eVwHDztCKJSbCGZoYntgfuEupkmFhZBo2dU8YfwnuA_82PA1SGXtujGzfsgSCjHsTl-L7Mf2rf2IIYvE8HDT031Glw/s1600/Love+icon.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhieKZnyoX_rzCmRW4GBgyRSO6gRgXF-Lyob_EGXVLRw8j1JDzWa5HXvg9l2qF4W894Jdj0lLz5HM0lvADRcL-9FGG9phlHWKkyK-eamBvHI5yMFwaEi3EJRQdLphJnXKUXv1XZ92uoL3U/s1600/Green+plus.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWxo8UI8v1nALgiWvSGvvtTc3n3jIDyrhETzf-X-mqg1xgb7jdwmNdWob_vGft5IGwepocxu9U5oud7XzjMG_s_RD36fHwyfYDZpwUX27qnWCjCkJ8ajC6pMJwSceG2Dn_5NdsfIwmoLxV/s1600/11-dot-green.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7v8f6-s_2mhyphenhyphenyNFL7UH8GOO8UTEXE47LBNp__VsCl7MuMpMTUaAxdrp_NwzKXLdldOYfb3kna7VGbtclMftvyKb-ghtvvvlb1P0zNI-PyS15yNuXfGSCn5mtu_gKWIWJRk9igf7hz8-07/s1600/bullet_page_white.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhieH-VyHXG_n2gfH6-MQWBzx-CnUXUt1OicccrsmqL5YI9qLJ5rcAvoVJ5fNL4FyCZ1WyVmajKpOEdRM_h0OEW4nB_NgmH2G9fywOEfgfdbe1XkpzEAOnpVl160dlBHK-HRQuFZa3CNgA7/s1600/chrome_icon.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis1WfhmGEm1HhkInKSpWGtiDqoUPRVGpOc0febqBmfbrw0ibPMAavis-UOzrnwcRJNKol-bfURQHgSFHk53UzldoanL3qiYGmGpH67lNLvOIsTmJjHyuArfbUeoRos0IKjYmxKKUGjGro/s1600/bullet-point-1.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWuj8e0rWqk07XudkoKwbXYPyOJzdsiamAlg5xiyy1CQh2wNZVDyF9KuVAilWVtPV-BQNx5KxQrWvAOm5bl5DH6A5v-JkjUGG173uo4FgKZ0j1ERYYXMIQZvaf15K1WYHsbvLr91UP76Q/s1600/bullet-point-2.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQmF3wed9Fa11p5BFTgAonhKei_jM9LSZY7nEkZA4EUiZ8G5XwIbyIF7sjbILTcvQDY634N3NxvzXRO-8GHB-XSkPmj5eiL-QOR2JCNlGgZhJ8gxNX164QLIN4QJE8VGC2Ez1-9bSRoG0/s1600/shinemat-love-blue.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8MvTg49duq4WIPW4MvVneaS4vaDU36abvwVD9hiYGfZ1ImJwrdqNWnulML-cdxPVM2FhEzZckn0PbueFTb1BzpzEhkONO1RURDuHtgB9t9GNoSfQffsLXc-BjziZyAY4-ugyMDQ1veKg/s16/love-green.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWDAqD64i2Yg2zaK3LA_bMfMUJN53SSmeHtzsg654Xbpgp4GR09xLrJySc_h0K7E8LWfaSPmIiNxtqfRfV2912fvjPz1LQIbRiAgynrEblQf-g6R9UO2cwFyqoomM7ay6PMj7aW_DPSAc/s1600/plus-blue-saimoom.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG2tJVNIW3ysyp0o1d9xP4JlZIMBnXc5RuJEHOtlTFG7r9YidftF6vgtwvygR7iSqersFmkmR3rd1vqXsvNUGosZMOOrp63yZe4nOsul0bO10kEVZj1KzCju2uejb61IPy7wJAbfE-0aI/s1600/plus-green-saimoom.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Uw7wcxlTLRgvRNEi5-fzuJB2KDDolQuW_Oc2yjfuW78dl9OnLB2uJe8GfCQI6TTn0qECthe8f2Y0ksSeWX_VoFJGHaHF5RgmD9qGQKK43g8pfx3zfj_h8OQuLFv7Lz0fwwWrMRzcxL4/s1600/pp-icon-2.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1QsfYdlF28t6tE4gzVTx2lUF2U672xoQpZrXtDDbU6GAPQDBWY4T4XLwvZv21isIkScM-hDq6ozSLfxHldlv8mPHqv3d-S1xMtffQbzW-cc_ihksklu0qXnrhOMGEitzlrX4HEH1dumM/s1600/pp-icon-1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_0fycGcNMVvsdzCGjtblvptvkgmLLw3tpmIfGvw7J2lyegxZYTcTjM_l_9zQ0jM1JMtrixQQVQT-mScLiqie8eDoIFGzApL43nfLxRdRJMPJOTOXbXvkPIPjbzViP19xo32G94QWspgk/s1600/rp-icon-2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVQYx4js-D2OKYEcP5u5wNCZl0W-oSFvutDxmsq6keH4rNgsjNuExNS_ZGrJ9JD5vQzh2dX0-QFabxrDodK_a2q-k7T0g7ppKW16C15hm8QNlIBkC6SlyjuMiLSEIkciEgQwTMcSZuvzM/s1600/rp-icon-1.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaMKNmnFK-a0JbQOdWSkJz-Ozgfw_QvbbhgHmeY1CYBN0XcXfGbHD5X6vKOJ96j_LLG4rXXEetyl91dkeXAryTZECYVaCbT4qXYnEB3xID8tBu1xQC9hXVHIuvClIjBbIjKGAMy68OxAo/s1600/shinemat-bullet-green.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFkAO9D7zLrZc4kNWD0giBBc8uBLKz7kdVPDg9-D-jgwiHgfgJ2FowvHn8isgL6xxU9wZl6to-Mqt5fZ-RjLGM5f47p2RJek0eq_T-5qMA5fqOX6r0EiJaPJliQeJeF0V8M6uFU9YhJ4c/s1600/shinemat-bullet-brown.png

Semoga Blog nya Tambah keren

Read More

Cara Buat Bintang Jatuh dari cursor

Pemasangan Efek Bintang Jatuh Pada Cursor di Blogger

• Login di Blogger
• Pilih Design > Add gadget > HTML/Javascript
• Masukkan kode dibawah ini ke kolom HTML/Javascript

<script type='text/javascript'>
// <![CDATA[
var colour="#52D8ED";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="3px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="3px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Cari kode yang berwarna merah diatas dan gantilah sesuai dengan kode warna keinginan sobat

Terakhir simpan dan efek bintang jatuh dari cursor sudah dapat sobat lihat

Read More