Cara Masukkan Facebook Badge ke dalam blog

Hai...morning2..Sambil tunggu my kids bersiap nak pg skolah...I buat Tutorial untuk U all dulu..ni buat U all yang ada facebook tapi tak tau cara nak masukkan Facebook Badge atau profil facebook ini 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...

Selamat mencuba..

Tutorial Blog

Memasukkan Top Video dari Youtube ke dalam blog

Selamat petang everyone..first of all..thanks a lot kerana sudi datang sini.. ari ni I akan buat tutorial tentang cara untuk memasukkan Top Video dari Youtube ke dalam blog .. ni sesuai sangat2 terutamanya tuk U all yang fanatik gila kat seseorang artis... bolehlah letak nama artis tu sahaja dalam keywords U all nanti supaya video U all tak keluar artis lain...hmmm..

Okey la..lets get started...ikut step ni;

1. Design> Layout > Add a Gadget 

2. Scroll ke bawah dan cari Video Bar..kemudian klik seperti di bawah;

3. Isikan apa2 saja yang U all nak di bahagian ni..

4. Dah puas hati jangan lupa klik Save..

Selesai...

Selamat berblog sambil menonton video... :)

Tutorial Blog

Cara Memasukkan video Youtube dalam blog post

Hi again.. I baru saja masukkan video Laki2 melahirkan anak dari Youtube..so sebelum I lupa stepnya, I masukkan terus dalam tutorial untuk rujukan akan datang n untuk U  all yang masih tak tahu cara untuk memasukkan video Youtube ke dalam blog post...

Mula2 mestilah cari video dalam Youtube dulu kan...

Step ;

1. Cari perkataan share di bahagian bawah video tersebut..dah jumpa... klik Share

2. Klik EMBED untuk mendapatkan kod/script video tersebut

3. Masuk New Post blog U all kemudian klik pada HTML seperti dalam bulatan merah di bawah

4. Pastekan kod/ script yang U all copy tadi

5. Klik Compose untuk melihat video tersebut..Haa..dahh masuk punnn...

Selamat bereksperimen ... 

Terima kasih datang sini

 lain kali datang lagi... :)

Tutorial Blog

Cara Ping entry ke group2 blogger di facebook sekaligus

Hai U all...bertemu sekali lagi dalam tutorial tentang cara2 Ping entry ke group2 Blogger di facebook sekaligus... Tutorial ni untuk memudahkan kerja U all menghantar New entry ke group2 Blogger yang U all join.. Jom ikut step di bawah;

1. Klik Facebook Developers
2. Pastekan alamat URL New Entry U all dalam circle merah seperti gambar di bawah..

3. Kemudian klik send button sehingga kotak seperti ini keluar..

4. Letakkan nama2 group blogger yang U all join kat bahagian "To"

5. Tulis la ayat power U all kat dalam messages (takkan 2 pun I kena bagi kott...)

6. Klik Send

7. Selesai...Cuba check post U all dalam Group Blogger?? tipu lah kalau tak keluar ayat U all tu...

Selamat Belajar!!!

Tutorial Blog

Cara hilangkan background color pada entry

Buat sesiapa yang tak tahu cara nak buang background color dalam entry..sini I tolong U all hilangkan background color tu..

Baca dan ikut saja step dibawah;

1. Pergi ke post yang ada background color tu..

Ini cth post yang I nak hilangkan backgroundnya...

2. Klik Edit > HTML seperti dalam bulatan merah di bawah;

3. Delete semua perkataan Background-color: White; sahaja (jgn delete lebih2 pla..nanti tak pasal2 post U all jadi error, I tak bertanggungjawab) seperti pic dibawah

 *warna White adalah bergantung kepada warna background post U all

4. Klik preview untuk melihat hasilnya

5. Sekiranya masih ada warna, Jan marah I dulu.. ini bermakna masih ada background color yang U all belum padam..teruskan cari perkataan background color n delete...

6. Dah delete semua..Hasilnya akan jadi seperti di bawah

@cuba lihat sini

7. Jangan lupa klik update..nanti tak pasal2 U all kena buat balik pencarian 

8. Sekarang cuba refresh blog U all...

Semoga berjaya!!

Tutorial Blog

Cara centerkan Tajuk dan description blog

Ni adalah hasil try and error yang I buat  untuk centerkan Tajuk  dan Description Blog...sebab ada blog yang menggunakan kod yang berbeza dengan blog yang lain...so lets try

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

Good Luck...

Tutorial Blog

Cara sembunyi shoutbox di tepi blog

Tuto ni buat u all yang banyak sangat gadget dlm blog...jom I tolong u all sembunyi cbox u all...ikut step di bawah;

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

Selamat berexperimen.. :-)

Tutorial Blog

Cara buat tajuk blog bergerak

Bagi sesiapa yang  suka tengok title blog U all bergerak2.. Sini I ajar u all cara  buat..
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

Tak berjaya..bagitau I...

Selamat mencuba!!

Tutorial Blog

Centerkan Tajuk Post Dan Sidebar

Hai u all..this is the first tutorial yang I nak kongsi dengan u all semua... I guna ni untuk centerkan I punya Tajuk post.. so sambil2 tu kongsi2 sekali dengan u all yang masih tak tau lagi... Ok la..Mula2..sign in blogger la dulu kan.. :)..Pas tu ikut step di bawah yer...

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

Semoga berjaya... :)

Tutorial