Cara Masukkan Facebook Badge Ke Dalam Blog

Step 1: Sign in facebook U all dulu...pas tu cari Add Badge to your site macam dalam picture di bawah.. 

Step 2: Pilih jenis profile badge yang sesuai dengan facebook U all 

Step 3: klik ikon Blogger

Step 4: Pilih lokasi blog U all

Step 5: Klik Add Widget

Selesai... alaa..Senang saja rupanya...:)

U all boleh la ubah kedudukan Badge  dalam Layout blog U all tu...

Cara Cantikkan Tajuk Dan Description Blog

1. Design > Edit HTML > Proceed > Expand Widget Templates

2. Tekan Ctrl + F cari kod  .header-outer {

3. Copy kod ini text-align:center; di bawah kod yang u all cari tadi

/* Header

----------------------------------------------- */

.header-outer {

text-align:center;

4. Preview untuk melihat hasilnya

5. Kalau dah center, apa lagi Save Tamplate la...

Cara Sembunyi Shoutbox Di Tepi Blog

1.Design > layout> Add Gadget> HTML/Javascript

2.Copy andPaste kod di bawah;

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://2.bp.blogspot.com/-hp5hb7Z7Gvk/TmzEhhJZRmI/AAAAAAAAGgo/vmECDANflYw/s320/shoutbox.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

Kod Shoutbox anda disini

<div style="text-align:right"><a href="http://ketikwww.blogspot.com/2012/01/tutorial-membuat-shoutbox-sembunyi-di.html" target="_blank"><small>tutorial here</small></a>
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>

3. Save
4.Preview untuk lihat hasilnya...pastikan u all boleh jumpa cbox u all sendiri yee..hehe
5.Kalau tiada error baru klik Save Arrangement

Cara Buat Tajuk Blog Bergerak

Mula2 copy kod di bawah ni ;

                

<script language=javascript>

msg = "Title Blog Anda";

msg = "..." + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);

pos++;

if (pos > msg.length) pos = 0

window.setTimeout("scrollMSG()",200);

}

scrollMSG();

</script>

 Pas tu ikut step di bawah pula..

1. Design > Layout>Add A Gadget > Html/Javascript

2. Paste kod yang u all copy  tadi

3.Klik pada Save

4. Preview untuk melihat hasilnya....

5. Save arrangement

Cantikan Tajuk Post Dan Sidebar

1. Design > Edit HTML ( proceed) >Expand Widget Templates

Untuk Tajuk Post

Tekan Ctrl+F cari kod .post h3 {

Copy kod di bawah dan paste ke kod yg dicari td

text-align:center;

Untuk Tajuk sidebar 

Tekan Ctrl+F cari kod h2 {

Copy kod di bawah dan letak pd kod yg di cari td

text-align:center;

Dah tu preview dulu untuk lihat hasilnya...kalau puas hati baru Save templates ...

Disable Mouse Right Click Dalam Blogger

1. Design > layout > Add a Gadget > HTML Javascript

2. Copy kod dalam box;

<script language=javascript> 

<!-- 

//Disable right mouse click Script 

//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive 

//For full source code, visit http://www.dynamicdrive.com 

var message="Function Disabled!"; 

/////////////////////////////////// 

function clickIE4(){ 

if (event.button==2){ 

alert(message); 

return false; 

} 

} 

function clickNS4(e){ 

if (document.layers||document.getElementById&&!document.all){ 

if (e.which==2||e.which==3){ 

alert(message); 

return false; 

} 

} 

} 

if (document.layers){ 

document.captureEvents(Event.MOUSEDOWN); 

document.onmousedown=clickNS4; 

} 

else if (document.all&&!document.getElementById){ 

document.onmousedown=clickIE4; 

} 

document.oncontextmenu=new Function("alert(message);return false") 

// --> 

</script>

Message Non-Alert Script: 

<script language=javascript> 

<!-- 

//Disable right click script III- By Renigade (renigade@mediaone.net) 

//For full source code, visit http://www.dynamicdrive.com 

var message=""; 

/////////////////////////////////// 

function clickIE() {if (document.all) {(message);return false;}} 

function clickNS(e) {if 

(document.layers||(document.getElementById&&!document.all)) { 

if (e.which==2||e.which==3) {(message);return false;}}} 

if (document.layers) 

{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} 

else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} 

document.oncontextmenu=new Function("return false") 

// --> 

</script>

3. Paste..kemudian save
4. Preview untuk melihat sama ada ianya menjadi atau tidak...kalau okey jangan lupa save arrengment..

Perhatian; Disable right click akan terbatal secara automatic atau tidak berfungsi kalau U all menggunakan lebih dari satu gadget ini dalam blog yang sama ..so kalau dah masukkan gadget right click yang lain, pastikan kod yang lama tu remove dulu yekkk...

Membuat Tajuk Blog Pada Bahagian Tab Bergerak

1. Go to Design > Layout > Add a Gadget

<script language=javascript>
msg = "Welcome To Tutorial Blog Mimi";

msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}
scrollMSG();
</script>

Biru - Tajuk blog U all / ikut suke U all nak tulis ape...

2. Copy kod diatas dan pastekan ke dalam box gadget tadi
3.Save
4. Preview untuk melihat sama ada ianya menjadi atau tak..
5. Kalau menjadi and puas hati..jangan lupa save arrengement..