Tutorial : Font Post Title Berbeza dgn Entry dan Tarikh

Assalamualaikum ^^

Fuh!.. jenoh aku tulis title kat atas tu --".. okey,paham tak tuto kat atas tu? tak paham?! ape tak paham nye??..jap2! font = tulisan  eh? :D. tk paham jugak klik gmbr bawah ni,tgk yg dimerahkan


Mula2,korang tgk tulisan yg first tu.. lain kan? pastu,tgk yg second.. lain dri yg pertama kan? lepastu,tgk yg third pulak. lain drpd yg lain kan? :D.. nk buat?? jom!

1.Date di atas post title

edit html => tick Expand Widget Templates => cari kod ni

.date-header {
jumpe?? good~~ now,copy kod ni pulak

text-align:center;
margin: 10px;
padding: 3px;
font-size:14px;
font-family: Kristen ITC;
font-weight: normal;
}

Sebelum tu,kalau ade pape kod, korang padam dulu kod tu! dh padam,baru lah paste kan di bawah kod yg korang cari tadi :)

Note :
ABC - saiz font korang
ABC - font ape yg korang nk

2.Post title


edit html => tick Expand Widget Templates => cari kod ni

.post-title {
jumpe? bagus! :9.sekarang,copy kod ni pulak

 margin: 15px;
font-size:18px;
font-family: century gothic;
font-weight: bold;
line-height: 1.1em;
text-align: center;
Note :
ABC - saiz tulisan
ABC - jenis tulisan

Sebelum tu,kalau ade pape kod, korang padam dulu kod tu! dh padam,baru lah paste kan di bawah kod tadi :)

3.Tulisan di entry.


edit html => tick Expand Widget Templates => cari kod ni

#outer-wrapper {
Jumpe? good~~ :).. now,copy kod ni


font: normal 12px century gothic;
}

Sebelum tu,kalau ade pape kod, korang padam dulu kod tu! dh padam,baru lah paste kan di bawah kod tadi :)


Note :
ABC - saiz tulisan
ABC - jenis tulisan


Tutorial : Kotak Status Macam Hadifah

Assalamualaikum ^^

Hye korang,petang ni hadifah nk buat tuto kotak status mcm hadifah.. macam mana? macam ni

tgk yg merah tu..

Dh tau kan? :D.. add a gadget => html java script => copy kod ni
<marquee style="
border-top: 4px solid #82CAFA;
border-bottom: 4px solid #e1b6ff;
border-left: 4px solid #82CAFA;
border-right: 4px solid #e1b6ff; 2px SOLID">Status Awak</marquee>
Dah? save lah/.. ape lagi? -,-

Nota :
ABC - kod kaler korang
ABC - kod kaler korang jugak
ABC - Tebal border korang
ABC - Boleh tukar kepade dashed/dotted :)
ABC - status korang lah ;)

Assalamualaikum :) bye2 :P

Tutorial : Double Dashed Hover

Assalamualaikum ^^

Harini,hadifah nk request tuto from si cadburry ^^.. ape tu double dashed hover?? ni

tgk yg putus2 tu.. tu la bendenye :D


Dah tau kan? :).. jom start :

1) Pergi edit html => tick expand widget
2) Tekan F3 cari kod ni

a:hover {
Dah jumpe?? :).. good~~.. okey! copy kod ni pulak

border-top: 2px dashed #82CAFA;
border-bottom: 2px dashed #82CAFA;

Paste kan di bawah kod a:hover { tadi :)

NOTE!
ABC - tambah lah nombor tu kalau nk lagi tebal..
ABC - tukar kod colour korang :)
Lepastu PREVIEW dulu baru SAVE TEMPLATE :D

Tutorial : Shoutbox Macam Hadifah

Assalamualaikum ^^!

Hari ni hadifah nk buat tuto yg di request oleh si cadburry .. rasenye shoutbox mcm hadifah tu kot.. ntah :9..okey jap! sebelum tu nk kredit kan dekat wan hazel..

Okey jom!

add a gadget ==> html java script ==> copy kod ni


<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:0px; right:-0px;'>
<br />
<br />

<!-- Start Ajax Popup Shoutbox by -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {
//select all the a tag with name equal to modal
$('a[name=modal]').click(function(e) {
//Cancel the link behavior
e.preventDefault();


//Get the A tag
var id = $(this).attr('href');


//Get the screen height and width
var maskHeight = $(document).height();
var maskWidth = $(window).width();


//Set heigth and width to mask to fill up the whole screen
$('#mask').css({'width':maskWidth,'height':maskHeight});






//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();


//Set the popup window to center
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);


//transition effect
$(id).fadeIn(2000);


});


//if close button is clicked
$('.window .close').click(function (e) {
//Cancel the link behavior
e.preventDefault();


$('#mask').hide();
$('.window').hide();
});


//if mask is clicked
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});


});
</script>
<style>
img { border: none; }
#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}


#boxes .window {
position:fixed;
left:0;
top:0;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}
#boxes #wanhazelshoutbox {
background:url(BACKGROUND KORANG) no-repeat 0 0 transparent;
width:380px;
height:415px;
padding:65px 0 20px 50px;
}
#closesb {
padding:2px 0 0 0;
}
#author {
padding:8px 0 0 168px;
}
</style>
<ul><center> <a href="#wanhazelshoutbox" name="modal"><img src="http://i.imgur.com/TddW0.png" border="0" /></a> </center> </ul>
<div id="boxes">
<!-- Start Shoutbox -->
<div id="wanhazelshoutbox" class="window">
<!-- Begin ShoutMix - http://www.shoutmix.com --><center>
Masukkan kod shoutbox korang dgn width 270 dan height 280

</center>
<!-- End ShoutMix -->
<div id="author">
</div><center><div id="closesb"><input type="button" value="Close" class="close" />
</div></center></div><!-- End of Ajax Shoutbox -->
<!-- Mask to cover the whole screen -->
<div id="mask"></div></div>
<!-- End of Ajax Popup Shoutbox-->

</div>

Nota :
  • ABC
  • -url background korang..kalau nk tekan sini
  • ABC-url icon kat tepi tu..kalau nk tekan sini..kalau tak nk,tak yah ubah lah :P
  • ABC-Kod shoutbox korang
  • ABC-Widht 270 Height 280 

Actually,hadfah pon tak berapa paham.. hadifah suruh kak nabila yg buat..hadifah tempah url background yg ni
ngeh3 -,-

Kalau x berape paham tuto ni,boleh gi sini 

Tutorial : Wujud kan Komen di Page anda

Assalamualaikum ^^!

Harini,hadifah nk buat tuto la.. ngee~~ :P.. Okey! kebiasaannye,sesetengah blog sesseorang,diorang punye page tak de komen kan?? sebab ape? tengok ni

tgk yg hadifah merahkan je!

Okey,dh nmpk dh kan? itu la sebabnye~~ dekat page korang tu,korang tak benarkan orng lain komen kt tempat korang :).. 

Dh tau semuannye,meyh kite mule ;)

klik edit pages.

dkt entry/page tu,korang klik post options,tick allow!

Lepastu siap lah :3..tak susah pong! okeylah..assalamualaikum ^^v


Freebies : Cute Cursor Hover

Assalamualaikum ^^

Harini hadifah k baagi korang cursor hover okey? kalau nk,just credit @ komen je ye? :)

http://3.bp.blogspot.com/-Zt9Z02wWdA4/T6ZET7QNI6I/AAAAAAAAAfs/Kr1HyVMPgYM/s1600/one.png

http://2.bp.blogspot.com/-TRr38oPq07o/T6ZEc1eT6_I/AAAAAAAAAf0/qR9Jb0UcZxM/s1600/two.png
http://3.bp.blogspot.com/-7EoSDi6ZXUI/T6ZEjYf23jI/AAAAAAAAAf8/p2hD2k-b9h4/s1600/three.png
http://4.bp.blogspot.com/-ZX-HNLWOM-A/T6ZEqNHVQEI/AAAAAAAAAgE/35moVZT3quE/s1600/4.png
http://1.bp.blogspot.com/--gobjsymbEA/T6ZExMytfdI/AAAAAAAAAgM/GzOYCMCl1Mw/s1600/5.png
http://1.bp.blogspot.com/-bwvIRlq046o/T6ZE4Xa85TI/AAAAAAAAAgU/d8R_eXr-LRk/s1600/6.png
http://4.bp.blogspot.com/-quYaRHkq9tg/T6ZE-TQWiWI/AAAAAAAAAgc/fudklki8pDU/s1600/7.png
Okey,done!..semua ni hadifah punye tau!..takde curi dri mane2 pon ^^






Tutorial : Masukkan Cursor dlm Blog

Assalamualaikum ! ^^.

hari ni,hadifah nk ajaa macam mane nk letak curso yg korang dh cari tu,ke dlm blog ;)

jom mule!

1) design--->add a gadget-->html java script..
2)copy code ni

<style>body {cursor:url(URL CURSOR AWAK), url( URL CURSOR AWAK ), auto;} </style>
<a href="LINK BLOG AWAK" target=_blank><div style="height: 50px; width: 50px; position: absolute; top: 0px; left: 0px;"> </div></a>
Biru - URL cursor korang.. boleh ambek kat sini & sini..
Orange - Link blog korang .

Tutorial : Cara Nak cari ID Fanpage and Facebook

Assalamualaikum ^^!

Hye awak. jom join segmen sini & sini..okey,saje promote.back to the topic!.. today,I will teach you how to find ID Fanpage & Facebook..ok,fine! aku punye english rosak!!.. bagi yg sesetengah,mungkin dh tau kot..bg yg belum?pana je O.o.. okey jom start

1.korang log in FB/Fanpage
2.korang gi kat profile korang contoh :

your fb

your fanpage

bile dh nmpk mcm tu,tgk gmbr bawah ni

tgk yg hadifah merahkan...

Okey! paham tak maksud gmbr kat atas??.mcm ni,sebelum hadifah tukar ID fanpage kepada username,die ade nombor2 tu kan? okey! tu la nombor2 ID korang..ID fanpage hadifah HADIFAHFANPAGE.
So,HADIFAHFANPAGE tu sama dgn ID yg nombor2 tu.. Tu je.. ke korang ta paham lagi?? ta paham tanye yew? :D