Hello Buu: July 2011

Centerkan post title

Assalamualaikum.

Macam mana nak centerkan post tittle? Okay. Follow step ini.

1- Dashboard > Design > Edit Html

WARNING ! TAK PERLU TICK EXPAND WIDGET !

2- Tekan CTRL + F dan cari code ini :

h3.post-title {

atau

h4 {

3- Copy code di bawah ini :

text-align:center;

4- Dah copy ? Paste kat bawah code yang korang mula-mula cari tadi.

5- Preview. Then save.

Sincerely: Bubu ♥

Letak link dalam post

Assalamualaikum.

Tutor ni nak ajar blogger(s) yang newbies, macam mana nak letak link dalam post korang.

1- Dashboard > Create New Post

2- Korang taip je macam biasa. Contohnya :-

3- Lepas tu, highlight perkataan yg korang nak letak link. Contohnya :-

4- Lepas tu, ikut step kat bawah ni :-

5- Letak link dalam kotak tu. Then, tekan OK.

6- Siap!

Sincerely: Bubu ♥

Selamat malam pakwe makwe. Memalam cenggini tetiba gua rajin nak buat tutorial utk korang ^^ So, korang tao tak remove attribution tu apa? Mana yg taktao tu, cuba korang try tengok kat bawah blog korang. Nanti dia ada tulis "Powered By Blogger"kan?

1- Dashboard > Design > Edit Html

TICK expand widget

2- Tekan CTRL + F, cari code ini :

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

3- Tukarkan perkataan true tu dengan false.

4- Sudah ? save yaww, amacam ? Gembira tak sekarang ? Mesti la gembirakan, tapi tutorial ni tak habis lagi. Now, bukak..

5- Dashboard > Design > Open widget attribution.

6- Perkataan remove akan appear kan ? KLIK perkataan remove tu.

7- Siap! Kbye :)

Sincerely: Bubu ♥

Ringankan blog

Assalamualaikum.

Hari ni gua buat tutorial kat makmal komputer. Amik peluang ~~kecemasan~~ keemasan yang ada. Dah ada peluang macam ni, jgn lepaskan. K tutor kali ni simple je. Leggo.

1- Dashboard > Design > Add a Gadget > Html/java script

2- Copy code kat bawah ni..

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><script type="text/javascript">jQuery(document).ready(function($){if (navigator.platform == "iPad") return;jQuery("img").lazyload({effect:"fadeIn",placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZzahfDd_E4uxBJeG9vlckOnsO8tivO2pWtiFYSM0WTO4LgQafJ-NuFbdty6xl46EhQIa2jzsVHsMmY2fS7Ru69k16CoGc1-PHksZRSoZLXAhg7x53fglO_ym18e6Hfso0ZOEQ382wXK8/s1600/grey.gif"});});</script>

3- Dah copy ? Paste dlm ruangan Html/java script tadi.
4- Save.
5- Nak tahu berjaya ke tak? Try timbang blog korang kat sini.

Sincerely: Bubu ♥

Letak button follow dan dashboard ala tumbler

Assalamualaikum.

Hari ni gua nak share dengan korang mcm mana nak letak button follow dan dashboard ala tumblr. Contoh gambar korang boleh tengok macam gambar kat bawah ni.

1- Dashboard > Design > Add a Gadget > Html/java script

2- Copy code button follow di bawah :

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=blog ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a>

3- Dah copy? Paste dalam ruangan Html/javascipt tadi.

4- Done utk button follow :3

5- Copy code utk button dashboard pulak :

<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>

6- Paste selepas code button follow tadi. Nanti dia akan jadi cenggini kan?

<div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=blog ID" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div>

Note :-

Warna hitam : code button follow
Warna merah : blog ID
Warna merah pelan : code button dashboard

7- Macam mana nak cari blog ID? Klik sini.

8- Preview dulu. Kalau jadi save :)

Sincerely: Bubu ♥

Macam mana nak cari blog ID?

Assalamualaikum :)

Hi dan selamat pagi buta. Tutor ni untuk newbies yg tak tahu mcm mana nak cari blog ID.

1- Dashboard > Create New post

2- Macam gambar kat bawah ni kan?

3- Yang ada kotak tu, itu lah blog ID :-)

4- Mudah kan? Hehew :3

Sincerely: Bubu ♥

Hilangkan navigation bar

Assalamualaikum.

Selamat malam semuorang. Malam ni, aku nak share macam mana nak hilangkan navigation bar. Sebelum gua mulakan tutor ni, korang tahu tak navigation bar tu yang mana? K korang nampak tak kat atas header korang macam ada benda yang semak tu kan? Buat- buat paham la eh? Tu lah dia navigation bar.

1- Dashboard > design > edit HTML

WARNING ! TAK PERLU TICK EXPAND WIDGET !

2- Copy code di bawah ini :

#navbar-iframe {
display: none !important;
}

3. Paste code tadi di sini :

-----------------------------------------------
Blogger Template Style
Name:     Travel
Designer: Sookhee Lee
URL:      www.plyfly.net
----------------------------------------------- */

#navbar-iframe {

display: none !important;

}

/* Variable definitions
   ====================

3- Preview. Save.

Sincerely: Bubu ♥

Disable right-click

Assalamualaikum.

1- Dashboard > Design > Add a Gadget > Html/javascript

2- Copy code di bawah ni..

<script language=JavaScript></script>

3- Paste di ruangan Html/Javascript tadi.

4- Macam biasa, preview dulu lepastu save.

Sincerely: Bubu ♥

Bubble di cursor

Assalamualaikum.

1- Dashboard > Design > Add a Gadget > Html/Javascript
2- Copy code di bawah ni, dan paste di ruanagn Html/Javascript tadi..

<script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">

// <![CDATA[

var colours=new Array("#F660AB", "#F660AB", "#F660AB", "#F660AB", "#F660AB"); // colours for top, right, bottom and left borders and background of bubbles

var bubbles=50; // maximum number of bubbles on screen

/****************************

* JavaScript Bubble Cursor *

* (c) 2010 mf2fm web-design *

* http://www.mf2fm.com/rv *

* DON'T EDIT BELOW THIS BOX *

****************************/
var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var bubb=new Array();

var bubbx=new Array();

var bubby=new Array();

var bubbs=new Array();

window.onload=function() { if (document.getElementById) {

var rats, div;

for (var i=0; i<bubbles; i++) {

rats=createDiv("3px", "3px");

rats.style.visibility="hidden";

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="1px";

div.left="0px";

div.bottom="1px";

div.right="0px";

div.borderLeft="1px solid "+colours[3];

div.borderRight="1px solid "+colours[1];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.top="0px";

div.left="1px";

div.right="1px";

div.bottom="0px"

div.borderTop="1px solid "+colours[0];

div.borderBottom="1px solid "+colours[2];

div=createDiv("auto", "auto");

rats.appendChild(div);

div=div.style;

div.left="1px";

div.right="1px";

div.bottom="1px";

div.top="1px";

div.backgroundColor=colours[4];

div.opacity=0.5;

if (document.all) div.filter="alpha(opacity=50)";

document.body.appendChild(rats);

bubb[i]=rats.style;

}

set_scroll();

set_width();

bubble();

}}

function bubble() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<bubbles; c++) if (!bubby[c]) {

bubb[c].left=(bubbx[c]=x)+"px";

bubb[c].top=(bubby[c]=y)+"px";

bubb[c].width="8px";

bubb[c].height="8px"

bubb[c].visibility="visible";

bubbs[c]=3;

break;

}

}

for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);

setTimeout("bubble()", 40);

}

function update_bubb(i) {

if (bubby[i]) {

bubby[i]-=bubbs[i]/2+i%2;

bubbx[i]+=(i%5-2)/5;

if (bubby[i]>sdown && bubbx[i]>0) {

if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {

bubb[i].width=bubbs[i]+"px";

bubb[i].height=bubbs[i]+"px";

}

bubb[i].top=bubby[i]+"px";

bubb[i].left=bubbx[i]+"px";

}

else {

bubb[i].visibility="hidden";

bubby[i]=0;

return;

}

}

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sleft;

x=(e)?e.pageX:event.x+sdown; }

window.onresize=set_width;

function set_width() {

if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (typeof(self.innerHeight)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

else {

swide=800;

shigh=600;

}

}

window.onscroll=set_scroll;

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;

}

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height;

div.style.width=width;

div.style.overflow="hidden";

return (div);

}

// ]]>

</script>

Nota :-

Warna pink tu anda boleh tukar di sini

Warna purple tu adalah bilangan buble yg korang mao.

Warna merah plak ialah utk saiz bubble korang.

3- Done? Preview then save :)

Sincerely: Bubu ♥

Timbang berat blog

Assalamualaikum.

Tadi masa aku blogwalking, ada nampak benda interesting ni. Macam mana nak timbang blog korang. Haa, agak- agak, blog korang ringan ke berat? Nak tahu? Cuba la benda ni, okay? Result kat bawah ni berat blog aku..

1- Klik pada link utk timbang blog korang..

http://www.iwebtool.com/speed_test

2- Tutorial kali ni tak payah nak preview dan save bagai semua tu. Lakalaka :D

3- Kalau rajin, coment kat sini berapa berat blog korang. Selamat mencuba.

Sincerely: Bubu ♥

Like button Facebook di setiap post

Assalamualaikum.

1- Dashboard > Design > Edit Html >

TICK expand widget templates

2- Tekan CTRL + F dan cari code ini :

<data:post.body/>

3- Copy code kat bawah ini :

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

4- Dah ? Paste code tu selepas <data:post.body/> tadi.
5- Macam biasa, preview dulu then save.

Sincerely: Bubu ♥

Note di setiap post

Assalamualaikum dan selamat malam.

1- Dashboard > design > edit html

TICK EXPAND WIDGET TEMPLATE

2- Tekan CTRL + F dan rajinkan diri mencari code ini : <data:post.body/>

3- Dah jumpa? Copy code di bawah ni :

<hr/><center>ayat anda</center><hr/>

4- Then, paste di bawah code <data:post.body/> tadi.

5- Preview dan save.

Sincerely: Bubu ♥

Wishlist

Assalamalaikum.

1- Dashboard > design > add a gadget > html/java script

2- Copy code kat bawah ni dan paste di html/java script tadi :

<center>
<form name=myform>
<input type="checkbox" name="mybox" value="Wish1" checked />Wish1 <br />
<input type="checkbox" name="mybox" value="Wish2" checked />Wish2 <br />
<input type="checkbox" name="mybox" value="Wish3" checked />Wish3 <br />
<input type="checkbox" name="mybox" value="Wish4" disabled />Wish4 <br />
</form>
</center>

Nota :-

Warna pink tu,masuk kan lah wish korang.

Kotak bertanda : checked

Kotak tidak bertanda : disabled

3- Mcm biasa, preview dulu then save.

Sincerely: Bubu ♥

Fieldset

Assalamualaikum.

Selamat petang semuorang. Hari ni gua nak share dengan korang macam mana nak buat fieldset yang comel- comel mcm gua punya ni.

1- Dashboard > design > add a gadget > html/java script

2- Copy code kat bawah ni dan paste kat html/java script

3- Kalau nak fieldset yg ada gambar, ini code dia:-

<fieldset><legend><img src="URL IMAGE"/></legend>AYAT ANDA</fieldset>

4- Tapi kalau korang nak fieldset yg ada tulisan, ini code dia:-

<fieldset><legend>AYAT ANDA</legend>AYAT ANDA</fieldset>

contoh gambar :

Nota :-

Warna purple tu kamo masukkan URL image. sila rujuk sini

Warna pink plak ialah ayat kamo.

5- Preview dulu, kalau menjadi save. Selamat mencuba :)

Sincerely: Bubu ♥