нαzıяαн мυsłıм σƒƒıcıαł : Tutorial

Showing posts with label Tutorial. Show all posts

Tutorial : How to link a banner

Linkkan banner ? rasanya ramai newbie yang sertai giveaway tak backlink banner tersebut kan ? *cepat mengaku andalah tu :P -gurauan semata-mata

mungkin mereka tak tahu cara-caranya , tidak mengapalah , harini Hazirah nak ajar fahamkan betul-betul :)

bismillahirahmanirrahim...

right click banner tersebut dan pilih copy image

paste image tersebut di new post

klik gambar tersebut dan pilih Link

dah isi borang tu ? klik OK :)

selamat bergiveaway :)

Tutorial : Cantikkan Post Title

Preview :

Hazirah dah agak dah ada yang akan request haha xD
nak buat jugak ke ? jom !
Template designer : cari kod post-title atau seakan-akannya di bahagian Template
Classic template : cuba cari kod untuk title punya (hazirah tak tahu kod nya apa)
gantikan dengan kod di bawah ...
preview , kalau puas hati boleh save :)

.post-title {
padding-bottom:5px;
padding-left:30px;
margin:20px;
text-align:left;
border-bottom: 2px inset #c5adab;
background:url(http://media.tumblr.com/tumblr_mc467s2Gzs1qdlkyg.gif);
background-repeat:no-repeat;
font:14px arial ;
font-color: #F5D0A9;
letter-spacing:2px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
display:block;
}

MY OWN CODING !! DO NOT RE-POST , haha syok sendiri , macamlah ada yang nak re-post tuto ni :3

Tutorial : Cantikan Cbox

Live preview :

♥ le rules
♥ le rules
♥ le rules

#amacam cantik tak ? mueheheheh
basecode credit

nak buat jugak tak ? rasanya ramai yang tanya tapi Hazirah malas nak bagi design sama so just bagi basecode tu je , tapi sekarang Hazirah dah tak pakai design tu , kini korang boleh guna hohoho :)

Template designer : paste kod dalam HTML Javascript di bahagian Layout

Classic Template : letak di tempat yang anda ingin ia muncul

<style>
.bayu{
width:260px;
border-radius:10px;
background:url(http://sphotos-f.ak.fbcdn.net/hphotos-ak-ash4/303784_400304286711449_1920457750_n.jpg);
background-position:1% 65%;
background-size:360px;
padding:15px;
font:13px arial;
letter-spacing:1px;
border:2px solid #ffbbbb;}
.cinta{
width:250px;
border-radius:5px;
background:#fff;
border:2px solid #eee;
padding:5px;
opacity:0.7;
text-align:left;
color:#000;
overflow-x: hidden;
}
.luna{
color: white;
text-align:left;
font:15px arial;
}
</style>
<div class="bayu">
<span class="luna"> ♥</span> le rules
<span class="luna"> ♥</span> le rules
<span class="luna"> ♥</span> le rules
<div class="cinta">
<div>
<iframe allowtransparency="yes" frameborder="0" height="75" marginheight="0" marginwidth="0" name="cboxform" scrolling="no" src="http://www7.cbox.ws/box/?boxid=529008&boxtag=mbz6jq&sec=form" width="100%"></iframe></div></div>
</div>

lalala : tukar kepada peraturan anda sendiri

lalala : : url background

lalala : tukar kepada kod cbox anda ,

edit kod di sini dahulu , semoga berjaya :)

Tutorial Slide image link

direquest oleh : http://aqila-farah.blogspot.com/

copy and paste kod di bawah di tempat yang korang nak benda ni muncul
jangan lupa ubah benda yang berwarna merah
edit kod di bawah di sini

tutorial ni senang je sebab hazirah dah betulkan kod die . entah mengapa sekali percubaan tak berjalan dengan lancar , dan kod ni dah diubah 74% daripada yang asal . so ? good luck . kalau dah cuba bagitahu , kalau tak berjaya pun bagitahu nak tengok siapa yang salah koding tu . belajar daripada kesilapan!

-Hazirah Muslim

Tutorial Privatekan Blog

hye and assalamualaikum ! today i'm going to make another tutorial which was requested by Balqis !

the easiest tutorial yo ! by the way , newbie may not know about this .

so ? what are you waiting , let's learn !

so ? how ? it works right ? be grateful (:

honestly ,

Hazirah Muslim

Tutorial Hide suis cursor switch

Selamat bertemu kembali pembaca semua . haritu hazirah ~~kata~~ taip nak kongsi cerita islamik dan etc kononnya . tapi sebelum misi bermula , hazirah dapat ~~banyak~~ beberapa request tentang tutorial . salah seorang daripada mereka adalah dia :

time periksa UPSR pulak tuh -,- , isk3

harini kita akan belajar cara-2 hide cursor switch punya suis
senang je sebenarnya , source by kak ama

For Template designer

1. Go to Dashboard >> template >> Edit HTML >> proceed

2. tekan F3 dan cari kod ni ]]></b:skin>

3. copy kod dibawah dan paste diatas kod yang dicari

#jangan menggatal ubah kod yang telah diubah . nanti buruk/rosak baru tahu !

.music { padding:0px;border-bottom-right-radius:0px;background:transparent;
}
#ytube {text-align: center;position:fixed;left:30px;top:-155px;}

4. preview . sekiranya tiada error bolehlah save .

5. Layout >> add a gadget >> HTML/javascript

6. copy dan paste kod dibawah dekat ruang tadi *html/javascriptulah

<div id="ytube"><div class="music">Kod cursor switch masing-masing </div>

7 . save and said alhamdulillah menjadik (:

kalau tak menjadik juga , nasib koranglah , inipun hazirah copy sebijik-sebijik dengan yang dekat blog hazirah . Pasrah dan Redha sekiranya tak menjadi walaupun telah berusaha :P

UPDATE FOR CLASSIC TEMPLATE

1) Baca bismillah dulu ye. By the way, untuk blogskin, tak pasti kod dia macam mana , cuba dulu ,kalau menjadi , ok save sahaja !

2) pergi ke Dashboard >> Template

3) tekan keyboard F3, cari kod ini : </style>

4) Then, copy code ni dan paste kat atas code tersebut :

.music { padding:0px;border-bottom-right-radius:0px;background:transparent;
}
#ytube {text-align: center;position:fixed;left:30px;top:-155px;}

4. preview . sekiranya tiada error bolehlah save .

5) After that, cari kod ni pula : </body>
6) Copy code ni dan paste kat atas kod tersebut :

<div id="ytube"><div class="music">Kod cursor switch masing-masing </div>

7. preview and save !

Honestly by ,
Hazirah Muslim ♥

Tutorial blockquote like mine

Salam 1 Malaysia , hari ni hazirah nak buat tutorial cara macam mana nak buat blockquote macam Hazirah .

Ada seorang blogger ni yang tanya , disebabkan hanya rajin join segmen kesian akak ni dia siap tanya 2 kali lagi tuh . kali kedua tak printscreen ...

blockquote cara saya tu lebih kurang macam nilah :

live preview ,

ni kod asli ok ! jangan nak tuduh bukan-bukan
sebenarnya Hazirah nak cuba buat blockquote macam wana , malangnya selepas re-kod , jadilah macam ni , itupun masih ada yang berkenan . Alhamdulillah (:
senang je sebenarnya :

1 . Dashboard >> Template >> tick expand widget template
2 . tekan F3 >> taip perkataan blockquote { atau serupa dengannya
3 . ganti kod yang korang cari dengan kod kat bawah ni :

blockquote{
background:#FFFFFF;
border: 2px solid #E3CEF6;
display:block;
padding:5px;
border-left:7px solid #D8D8D8;
-webkit-transition-duration:0.5s;
}
blockquote:hover{
background:#E3CEF6;
border: 2px solid #ccc;
padding:5px;
border-left:7px solid #ccc;
color:#FFFFFF;
-webkit-transition-duration:0.5s;
}

warna merah tu kod warna , boleh tukar di sini
warna hijau tu masa dia bertukar warna . s is second
4. preview , like it ? save and done (:

maaflah kalau lagi suka blockquote yg lama . selepas dah buang kesilapan , rasa cantik pulak yang baharu (:
tak menjadi ? klik sini cepat-cepat !
lots of love ,
Hazirah Muslim ♥