Friday, May 24, 2013

tutorial menggunakan blogskin

hai , hari ni rajhin pulakk nak buat tutorial ni . :) sebab dah dua tiga orang minx tolong ajarkan macam mna nak guna blogskin . okay , meyh follow cara fyraa bawah ni :) simple and easy ! :D
FIRSTLY KITA FOKUS DI BLOGSKIN DULU :)
1st :  pergi ke link sebelah ni : SINI 
2 : pilih satu skin yang anda suka , 
yang bawah ni contoh skin yang fyra pilih . PINKYYY :D




okay . korang click yang fyraa buat anak panah tu . : BLOGGER MAIN.
kalau korang click PREVIEW , dy akan keluar mcm gambar pink atas tu .

Once korang dah click blogger main tu , dia automatik masuk dekat file DOWNLOAD dalam pc korang .
so , tekan file tu dia akan keluar macam note pad  bawah nie


korang copy semua yang ada dalam note pad tu .

NOW , KITA PERGI KE DASHBOARD SEMULA . 

1 : scroll ke bawah , sampai jumpa revert to classic templte .
like gambar bawah ni



 then paste kan code yang copy dari NOTE PAD Tadi dalam kotak macam bawah ni . 


bila dah paste dalam kotak tu , cuba preview .. blog baru 5 %  siap !

NOW , korang cuba scrool slow slow , sampai jumpa 

CBOX : untuk letak code cbox korang
HEADER : untuk tukar header .
MUSIC : untuk tukar code lagu korang sendri . 

  lebih senang lagi kalau korang malas nak scroll slow slow . korang boleh tekan CTRL + F serentak dengan  point-point yang korang nak caari tu . 
okay , Mudah kan ? wish you Luck babe :D










Saturday, May 18, 2013

tutorial tukar background Post di blog untuk BLOGSKIN !


 hai , nak tahu satu rahsia tak ? tukar kan background post .selalunyaa blogskin nie putih je . so meyh kita tukar ke background lain :)  
1 : dashboard > templte > 
2 : tekan serentak CTRL + F dan cari code ni 
background:white;

3 : then , yang word WHITE tu , tukarkan dekat  ayat bawah ni 

url(URL IMAGE); 

4 : URL IMAGE tu , korang boleh ambil yang bawah nie . :)

http://i1203.photobucket.com/albums/bb392/Ikha00/20070320_313973.gift

okay , SAVE . then cer tengok . jadi tak :) Good Luck ! 

tutorial letak divider bawah post for BLOGSKIN !


hai geng . petang ni rasa rajin nak update blog . nak share tutorial baru . tutorial ni amat senang . dan amat menggalakkan untuk new bloggi :)  

gambar bawah ni contoh 


gambar tu akan berada di bawah post korang . nak buat ? jum follow . tapi ini untuk Blogskin je kay

1 : pergi ke web sebelah ni : SINI  

2 : Pilih mana mana divider yang comel :)

3 : dah jumpa ? kay  tekan dekat gambar tu . nanti kluar gambar macam bawah ni .


4 : tekan yang fyra bulatkan tu . Download image   . 

5 : nanti dia kluar macam gambar bawah ni tau .


6 : tekan right click dekat gambar tu . macam dalam gambar atas 

PERGI SEMULA KE TEMPLATE BLOG CODING KORANG !

1 :  tekan ctrl + F serentak then paste  code ni  <$blogitembody$>

2 :  dah jumpa code tu ? paste kan code ni pulak after code dekat no 1 tu .

  <center><img src="URL DIVIDER"/></center> 

NOTE : yang URL divider tu korang paste kan code gambar comel korang tadi tu . 

DOne ! tahniah . dah siap :D 







Monday, May 6, 2013

tutorial letak Follower widget by Blogskin

hai, okay . hari ni dalam keadaan hujan ni rajin pulak fyraa nak share tutorial letak widget follower ni. btw , fyraa pernah cuba nak letak dkt blog fyraa. okay, seriously bnyak tuto fyra tengok tak jadi.tapi fyraa tengok TUTO akak comel ni : HANA . Menjadi kay.so fyraa nak share dengan korang , kredit : akak hana :D

1- Template > Upgrade template > pilih skin paling simple .

gambar bawah ni contoh  




2-  view blog > tekan Ctrl U serentak > then tekan Ctrl F serentak dengan FriendConnect .


lepas korang tekan view blog , korang terus tekan ctrl U serentak.nanti kluar mcm gmbar bawah ni



then tekan Ctrl + F serentak dengan Friend .nanti dia kluar mcam kotak kecik dalam gambar atas tu .

then korang copy code dalam page source tu dari 

 MULA DARI CODE MACAM NI :  <script type="text/javascript">
if (!window.google || !google.friendconnect) {
document.write('<script type="text/javascript"' +
'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
'</scr' + 'ipt>');
}
</script>
<script type="text/javascript">
if (!window.registeredBloggerCallbacks) {
window.registeredBloggerCallbacks = true;

gadgets.rpc.register('requestReload', function() {
document.location.reload();
});
gadgets.rpc.register('requestSignOut', function(siteId) {
google.friendconnect.container.openSocialSiteId = siteId;
google.friendconnect.requestSignOut();
});
}

}
});
gadgets.rpc.register('set_pref', function() {});
registerGetBlogUrls();
}
</script>
<div id="div-17fr1iuczk6d3" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Tomodachi";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#444444";
skin['ENDCAP_LINK_COLOR'] = "#09dada";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#09dada";
skin['CONTENT_TEXT_COLOR'] = "#444444";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#09dada";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#3b75e3";
skin['FONT_FACE'] = "normal normal 20px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-17fr1iuczk6d3",
height: 260,
site: "04056827126375876332",
 AKHIR DIA , CODE MACAM NIE : locale: 'en' },
skin);
</script>
</div>
3 - Dah habis copy code yang panjang tu , ? korang paste lah dulu kat mna mana . note pad ke , wall Fb korang ke . tak kisah. then 

4- template > bawah sekali ada REVERT to classic templte     > ikut step dalam gambar bawah ni


5 - korang copy balik code yang pnjng yang dah korang paste kat Fb tadi tu , then paste kan dekat templte korang . bahagian sidebar . tak tahu ? korang cer scroll slow slow sampai jumpa dia minx FOLLOWER CODE  . :)

FINALLY , BERJAYA ! YES, CER VIEW BLOG . CONGRATE :*








Saturday, May 4, 2013

tutorial buat background comel untuk chat box facebook :)


 hai babe ,hari tu ramai minx fyraa buat tutorial comel ni tak ? okay.meyh follow stepp bawah nie :)
bawah ni gambar contoh :
NOTE : Tutorial ni cuma boleh guna kepada Google Croome user sahaja :)

1 : tekan link sebelah ni : krikk krikk 
nanti keluar macam gambar bawah ni . 

2 : korang tekan yang fyra bulatkan tu . Added To Chroome

3  : tunggu sampai dia habis download , 

4 : habis download tu , korang cuba refresh facebook korang . InsyAllah menjdi. sebab fyra buat macm nie jugak . akhirnyaa jadi :)

NOTE :
kalau nak tukar background lain . korang tekan icon comel sebelah tu . macam gambar bawah ni 



Selamat mencuba wahai readers :)

Tuesday, April 23, 2013

tutorial buat blockquote untuk blogskin


hari ni rajin pulak nak buat tutorial ni. agak simple kay . :) just follow je bawah nie :*

1 : dashboard  > Template 

2: Ctrl F serentak dengan  a:link { 

3 : copy code bawah ni then pastekan ATAS code a:link { 

blockquote {background:#ffffff;border: 3px solid #000000;padding: 13px;margin: 3px 3px;}
blockquote:hover {background: #ffffff;border-top: 3px solid #000000;border-bottom: 3px solid #000000;}

4 : untuk background , korang boleh letak gambar . just tukar code background: #ffffff; kepade : 

                                              background: url(URL GAMBAR) repeat;

5 :  warna merah tu korang tukarkan dengan background ynag korang ada 

6 : ur Done ! Tahniah


Friday, April 19, 2013

tutorial LAgu guna BillY cecomel je :*


hei. malm nie terasa rajin pulak nak buat tutorial yang agak susah nak explain. tapi kalau readers mudah faham.senang je kerjanyaa :) okay. nak buat just follow tuto bawah ni. 


1 : Tekan link SINI 

2 : nanti dia keluar macam gambar bawah ni. korang. before tu.korang kena cari lagu dekat sini dulu SINI ..korang taip lagu je kay,kalau tak de kena register . :)


3 : dah jumpa lagu ? korang copy HTML CODE tu . conton dalm gambar bawah ni


4 : tapi jangan paste dekat Billy tadi.korang paste dekat Fb dulu ke , note pad dulu ke . okay :). bawah nie contoh . 


5 : nampak yang hinglight tu ? buat mcm tu kay . dari http://irondj hingga mp3 . 


6 : jangn lupa Mark Auto Play tu
7 : dah sudah tu , tekan generate code . 



8 : dalam kotak yang fyraa bulat tu. kena copy semua nyaa. 
9 : Paste kan dekat Blog korang . mana yang guna blogskin.pandai-pandai lah nak letak mana okay :)

YOUR DONE ! CONGRATE :*






Monday, April 8, 2013

button like bawah post bagi pengguna BLOGSKIN

pengguna blogskin mesti perlukan tutorial nie. sebab kalau guna blogskin memang tak de button like bawah post tu. so,kalau berminat nak letak. boleh follow turo bawah nie kay :)
1- dashboard > Template
2-CTRL +F atau FE search Kod bawah nie.
<$BlogItemBody$>

3- nanti korang jumpa kod ni .Selalunya sebelah kod ni ada kod </blogger><br> dan ada DUA kod kan? Okay, selepas tu, copy kod ni.

<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe>

contohnya mcam bawah nie.

Contoh: <$BlogItemBody$><iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>" scrolling="no" frameborder="0" style="height: 62px; width: 100%" allowTransparency="true"></iframe></blogger><br> 

4- Siap , preview dulu tau.sebab ini guna code.bukan HTML mcm old template. :)





Tutorial lagu via You Tube . 2nd style

HEi , nak letak lagu via you tube tak ? korang boleh tukar warna yang korang suka . cecomel je bentuk lagu nie.korang just follow step bawah nie okay :) 

ini contoh yang fyra cakap :)

1- Layout > Add a Gadget > HTML /Javascript

2- copy code bawah nie.then pastekan dekat dlam kotak HTML tadi.

<center><object width="60" height="25"><param name="movie" value="http://www.youtube.com/v/rGt9OWH5gQY?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=EB1AE7&amp;color2=EB1AE7" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/rGt9OWH5gQY?version=2&autoplay=1&hl=en_US&color1=EB1AE7&color2=EB1AE7" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="60" height="25"></embed></object></center>

NOTE : !

PINK tukar untuk size bentuk lagu tu
MERAH untuk code lagu yang korang pilih dari you tube
BIRU pilih warna yang sesuai . cari dekat sini SINI  . Jangan ada # tau



yang warna merah tadi tu, korang ambil code yang hujung mcm dalam gambar tu .

3- cari lagu dalam YOU TUBE  

4- Copy code yang ada dalam contoh kat gambar tu.pastikan code tu mesti selepas v=

U'R DONE ! CONGRATE >.<




  


Saturday, April 6, 2013

tutorial ke 7 : tutorial Facebook Like FanPages



Hai stalker , sihat ? macam mana blog ? dah makain cantik ? kay nie fyraa nak buat tutorial like fanpages. 
follow je step dekat bawah nie tau  senang sngat ,


1 - pergi ke link sebelah nie : SINI

2- Pergi ke wall fan pages anda , then copy url fanPages korang . Url tu Link dekat atas bahagian tab tu . contonh : http://Facebook...   copy kesemuanyaa okay.

3- kemudian pastekan url wall tadi di dalam kotak FACEBOOK PAGES URL    
COntonhnyaa dalam gambar bawah ni

4-Follow je apa yang fyraa buat dekat gambar bawah ni.


5- Then .  Terus tekan Get Code ! Copy code di IFRAME :)


PERGI KE DASHBOARD SEMULA

6 -  layout > Add a Gadget > HTML/Javascript

7 - Paste dalam kotak HTML , then drag kan kat belah mana kay . :) SIAP  !






Wednesday, April 3, 2013

Tutorial ke 6 : Tutorial letak Wishlist dekat sidebar

Hai , hari nie malas nak cakap banayk . fyraa just tnggalkan cara nak buat wishlist mcm dekat sidebar blog fyra tu . Wishlist nie lebih kurang benda atau hajat anda :) Follow step bawah nie okay :D

ini contoh dia :D
1-Layout > Add a Gadget > HTML /Javascript 
2-Copy code bawah nie ,then paste kan dekat kotak HTML tadi .
<form name=myform>
<input type="checkbox" name="mybox" value="satu" checked />satu <br />
<input type="checkbox" name="mybox" value="dua" checked />dua <br />
<input type="checkbox" name="mybox" value="tiga" checked />tiga <br />
<input type="checkbox" name="mybox" value="empat" disabled />empat <br />
</form>

NOTE FOR YOU ! 
-- warna MERAH untuk tick sudah atau belum. just tukar je antara checked / disabled . :D
-- warna PINK  untuk nama benda yang korang hajat tu . :D

3-Save . Dah Siap ! korang just Dragg kan kat belah mana korang nak letak kay :)
Semoga BErjaya ! 

Tutorial ke5 : Tutorial Disable Right Click a.k.a No Copy !



hai , satu lagi secret untuk newbie . :) Disable Right Click .contohnyaa mcam blog fyra.cuba korang clik kanan .nnati mesti kluar mcam gambar bawah nie. so , kalau nak buat jugak,just follow step kat bawah nie kay :)



1-Layout > Add A Gadget > HTML /Javascript

2-Copy Code bawah nie then paste kan dekat kotak HTML tadi . 

<script language=JavaScript> <!--
//edit by unwanted
var message="ENTER YOUR MESSAGE HERE";
/////////////////////////////////// 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>


NOTE : yang MERAH tu,korang letak lah ayat korang sendiri :)

3-Save , u'r Done . dah ada dalam blog korang.cuba click kanan :)

Tutorial Ke 4 :Letak DaisyPath di sidebar dengan mudah

Hai stalker. tutorial nie fyraa nak bagi pada newBie. sebab korang mesti taktahu nak letak apa dekat sidebar tu kan .sini ada satu benda yang korang boleh letak dekat sidebar tu. comel je  .Readers just follow je step dekat bawah ni kay :)

kay .itu contoh DaisyPath .  gambar nie fyraa screenPrnt dri blog fyraa lagi satu :) MY FIRST BLOG .
Yang ni fyraa letak as Android user . kalau new bie boleh letak tempoh relay korang ke . pon boleh kay :)


1- pergi dekat link nie : daisypath

2-korang pilih je yang mana suka .tapi fyraa yang atas ni,fyraa pilih Anniverssary & Friendship 


3- nanti kluar mcm gambar bawah ni. korang pilih mana yg sesuai .kalau nak letak dekat sidebar pilih yang MINI tu.kalau nak letak dekat bawah post clik yang FULL SIZE tu . 


5- korang pilih lah scene yang korang suka. then clik NEXT ~


6-bila dah habis 3 step tu , korang Clikl NEXT lagi. ~
nanti dia akan kluar mcam gambar bawah nie . 


7-tekan yang dlam kotak tu.then letak tarikh dia kay :D


8- follow cara fyraa tulis dalam kotak tu.janagn copy pulak . buat ayat sendri kay :)


NOTE ! 
kalau nak letak gambar sweet korang .just clik choose photo tu.kalau tak nak . just abaikan .

9- After dah siap tulis readers tekan NEXT lagi .nnti kluar macam ni .


10-Nampak yang dalam kotak tu ? kay,korang Copy dulu .

PERGI DASHBOARD BALIK .

11 - layout > Add a Gadget > HTML/Javascript 

12- pastekan dekat dalam kotak tu. Then SAVE !

Siap . dah jadi daisypath tu dekat blog korang :)






Copyright ®Tutorial World By Shafirrah Shafie™