29 September 2011

Tutorial : Letak Header Kat Blog

Assalamuaalikum and Hye :>

Hye evelibadddyy! Ni punya tuto untuk newbie. Yeah, Maybe diorang nikan baru je berblogging. Mesti nak tahukan? Hahaha. So, pelengkap blog ialah header. So, jom kita start. Tuto ni direquestkan okeh DIA.

1. Dashboard > Layout >


2. Header > Edit


3. Lepas tu ada naik satu pop-up-window. ha. ikut suka korang la nak upload gambar ke taupun nak guna Url. Korang boleh ambik freebies NI atau INI atau yang orang lain punya.


Okaay. Paham tak? Kihah ingat nak buat header free pulak lepas ni. Hehe. Sabar ek. Kalau tak faham, ask kihah di Facebook. Wassalam.

27 September 2011

Tutorial : Letak Shadow Keliling Blog

Assalamualaikum dan Hye :>

Tadi masa berfacebook, ada seorang ahli The Superb Blogger tengah chatting dengan ahli lain. Kita malas nak join mulanya, pastu, Diorang tanya kak Lettha macam mana nak buat shadow kat keliling blog. Ekceli, blog tite pun ade. Hahah. Kita pun menyibuk.

So, meh sini Kihah ajar. Just follow this step by step ok.

DENIM
1. Dashboard > Design > Edit HTML
2. Tekan F3 atau CTRL F cari kod ini
#content-wrapper {
3. Dan jumpa? Pastekan kod ni kat bawah kod anak-anak #content wrapper {

-moz-border-radius: 30px 30px / 30px 30px;
border-radius: 30px 30px / 30px 30px;
-moz-box-shadow: 0 0 15px 5px #FFFFFF;
-webkit-box-shadow: 0 0 15px 5px #FFFFFF;
}
NotaNota!
Colour tukarkan dengan colour korang sendiri. Tekan SINI.

4. Save Template

SIMPLE TEMPLATE

1. Dashboard > Design > Edit HTML > Tick expand Widget template
2. Tekan F3 atau CTRL F cari kod ini
.content-inner {
3. Dan jumpa? Pastekan kod ni kat bawah kod anak-anak .content-inner {

-moz-border-radius: 30px 30px / 30px 30px;
border-radius: 30px 30px / 30px 30px;
-moz-box-shadow: 0 0 15px 5px #FFFFFF;
-webkit-box-shadow: 0 0 15px 5px #FFFFFF;
}
NotaNota!
Colour tukarkan dengan colour korang sendiri. Tekan SINI.

4. Save Template

Okk. Jadi tak? Kalau jadi, mesti korang happy. LOL. Wassalam

Tutorial : Komen Box Macam Kihah [1]

Assalamualaikum dan Hai Bloggers :>

Lamakan Kihah tak buat tuto? Rindu kat Kihah tak? LOL. hehe. Kihah payah sikit nak online sebab nak periksa UPKK. So, masa sangaaat terhad. Doakan saya dapat 8A dalam UPKK :)


Ini adalah komen boxnya.


DENIM

Letak Background
1. Dashboard > Design > Edit HTML > Tick expend widget template
2. Cari kod
/* comment
3. Cari kod lebih kurang macam ni kat bawah /* comment tu.
#comments h4 {
margin: 1em 0;
color: #999999;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
5. Gantikan/Delete kod kat atas tu dan gantikan dengan kod kat bawah ini.
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/stripe.png) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}
NotaNota!
Colour tukarkannys dengan background korang sendiri. Tu background Kihah dah letak. Kiranya, freebies :)
Colour tukarkannya dengan warna border korang sendiri. Cari dekat SINI.
Colour tukarkannys dengan ketebalan border korang sendiri. JANGAN tebal sangat sudah.
Colour tukarkannya dengan jenis border korang. Contoh : dotted / dashed

Letak icon disebelah nama dan tarikh.
1. Design > Edit HTML > Tick Expand Widget Template
2. tekan F3 atau CTRL F dan search kod ini.

Icon sebelah nama
data:comment.authorUrl
Icon sebelah tarikh
<dd class='comment-footer'>
3. Copy kod ni. Kemudian, pastekannya di bawah/tepi kod kat atas tu.
<img src='URL Image'/> 
NotaNota!
Colour tukarkannya dengan icon korang sendiri. boleh cari kat SINI. 

4. Save Template

SIMPLE TEMPLATE
Letak Background
1. Dashboard > Design > Edit HTML > Tick expend widget template
2. Cari kod
]]></b:skin>
4. Pastekan kod ni kat atas atau sebelum ]]></b:skin> tu ok.

#comments h4 {
margin: 1em 0;
color: #999999;
}
#comments h4 strong {
font-size: 110%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
5. Gantikan/Delete kod kat atas tu dan gantikan dengan kod kat bawah ini.
#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: #ffffff;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
padding: 20px 10px 10px 10px;
background: #f3a64c url(http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/stripe.png) repeat top left;
-moz-border-radius: 25px 25px / 25px 25px;
border-radius: 5px 5px / 5px 5px;
Border: 1px solid #F5A9A9;
}
NotaNota!
Colour tukarkannys dengan background korang sendiri. Tu background Kihah dah letak. Kiranya, freebies :)
Colour tukarkannya dengan warna border korang sendiri. Cari dekat SINI.
Colour tukarkannys dengan ketebalan border korang sendiri. JANGAN tebal sangat sudah.
Colour tukarkannya dengan jenis border korang. Contoh : dotted / dashed

Letak icon disebelah nama dan tarikh.
1. Design > Edit HTML > Tick Expand Widget Template
2. tekan F3 atau CTRL F dan search kod ini.

Icon sebelah nama
data:comment.authorUrl
Icon sebelah tarikh
<dd class='comment-footer'>
3. Copy kod ni. Kemudian, pastekannya di bawah/tepi kod kat atas tu.
<img src='URL Image'/> 
NotaNota!
Colour tukarkannya dengan icon korang sendiri. boleh cari kat SINI. 

4. Save Template

Ok. korang try pergi mana-mana post yang ada orang komen, try tengok ada background dan icon-icon tu tak? Kalau ada, dah jadi la tu. Kalau tak, try ikut step by step ok.

Kalau korang nak letak Reply comment, korang ikut tuto INI.  Heheh. Ok lah. Wassalam.

16 September 2011

Sifat dan Ciri Wanita Muslimah

Assalamualaikum dan Hye :)


Apa Khabar semua? Selalu Kihah buat post tentang Tutorial saja kan? Okay. Hari ni Kihah nak buat post tentang keilmuan dan keislaman sikit. Hehe.



Wanita adalah salah satu makhluk ciptaan Allah Subhaanahu wata’ala yang mulia. Karakter wanita berbeza dengan lelaki dalam beberapa hukum. Ianya seperti aurat dan aurat lelaku.

Wanita memiliki kedudukan yang sangat agung dalam islam. Islam sangat menjaga martabat seorang wanita. Wanita yang mulia dalam islam adalah wanita muslimah yang solehah.

Wanita muslimah tidak cukup hanya dengan muslimah saja, tetapi haruslah wanita muslimah yang solehah kerana banyak wanita muslimah yang tidak solehah. Allah Subhaanahu wata’ala sangat memuji wanita muslimah, mu’minah yang sabar dan khusyu’. Bahkan Allah Subhaanahu wata’ala menyifatkan mereka sebagai pemelihara yang taat. Allah Subhaanahu wata’ala berfirman:

Artinya: “Maka wanita yang sholihah adalah yang taat, lagi memelihara diri ketika suaminya tidak ada dikarenakan Allah telah menjaga mereka.” (QS. An Nisa’:34)

Wanita shalihah adalah idaman setiap orang. Harta yang paling berharga, sebaik-baik perhiasan. Nabi Shallallahu ‘alaihi wasallam bersabda, artinya:

Dunia seluruhnya adalah perhiasan. Dan sebaik-baik perhiasan dunia adalah wanita yang solehah.”

Alangkah indahnya jika setiap muslimah menjadi wanita yang solehah, idaman setiap lelaki. Oleh kerana setiap wanita bersegera untuk memperbaiki diri dan akhlaknya agar menjadi wanita yang solehah. Oleh sebab itu kita harus mengetahui sifat dan ciri-ciri wanita solehah, di antaranya:

1. Pertama
Wanita muslimah adalah wanita yang beriman bahawa Allah Subhaanahu wata’ala adalah Tuhannya, dan Muhammad Shallallahu ‘alaihi wasallam adalah nabi-Nya, serta islam pedoman hidupnya. Nampak itu semua nampak jelas dalam perkataan, perbuatan, dan amalannya. Dia akan menjauhi apa-apa yang menyebabkan Allah murha, takut dengan siksaaNya yang teramat pedih, dan tidak menyimpang dari aturan-Nya.

2. Kedua
Wanita muslimah selalu menjaga solat lima waktu dengan wudlu’nya, khusyu’ dalam menunaikannya, dan mendirikan solat tepat pada waktunya, sehingga tidak ada sesuatupun yang menyibukkannya dari sholat itu. Tidak ada sesuatupun yang melalaikan dari beribadah kepada Allah Subhaanahu wata’ala sehingga nampak jelas padanya solat itu. Sebab solat itu mecegah perbuatan keji dan munkar serta benteng dari perbuatan maksiat.

3. Ketiga
Wanita muslimah adalah yang menjaga hijabnya dengan rasa senang hati. Sehingga dia tidak keluar kecuali dalam keadaan berhijab rapi, mencari perlindungan Allah dan bersyukur kepadaNya atas kehormatan yang diberikan dengan adanya hukum hijab ini, dimana Allah Subhaanahu wata’ala menginginkan kesucian baginya dengan hijab tersebut. Allah berfirman:
Artinya: “Hai Nabi, Katakanlah kepada isteri-isterimu, anak-anak perempuanmu dan isteri-isteri orang mukmin: “Hendaklah mereka mengulurkan jilbabnya ke seluruh tubuh mereka”. yang demikian itu supaya mereka lebih mudah untuk dikenal, Karena itu mereka tidak di ganggu. dan Allah adalah Maha Pengampun lagi Maha Penyayang.” (QS. Al Ahzab:59)

4. Keempat
Wanita muslimah selalu menjaga ketaatan kepada suaminya, seiya sekata, sayang kepadanya, mengajaknya kepada kebaikan, menasihatinya, memelihara kesejahteraannya, tidak mengeraskan suara dan perkataan kepadanya, serta tidak menyakiti hatinya.
Rasulullah Shallallaahu ‘alaihi wasallam bersabda:
إذا صلحت المرأة خمسها وصامت شهرها وأطاعت زوجهادخلت جنّة ربّها (رواه أحمد وطبراني)

5. Kelima
Wanita muslimah adalah wanita yang mendidik anak-anaknya untuk taat kepada Allah Subhaanahu wata’ala, mengajarkan kepada mereka aqidah yang benar, menanamkan ke dalam hati mereka perasaan cinta kepada Allah dan Rasul-Nya menjauhkan mereka dari segala jenis kemaksiatan dan perilaku tercela.
Allah berfirman, artinya: “Wahai orang-orang yang beriman, peliharalah dirimu dan keluargamu dari api neraka yang bahan bakarnya adalah manusia dan batu; penjaganya malaikat-malaikat yang kasar, keras, dan tidak mendurhakai Allah terhadap apa yang diperintahkan-Nya kepada mereka dan selalu mengerjakan apa yang diperintahkan.” (QS. At Tahrim:6)

6. Keenam
Wanita muslimah tidak berkhalwat (berduaan) dengan laki-laki bukan mahramnya.
Rasulullah Shallallaahu ‘alaihi wasallam bersabda, artinya: “Tidaklah seorang wanita itu berkhalwat dengan seorang laki-laki, kecuali setan menjadi pihak ketiganya” (Riwayat Ahmad)
Dia dilarang bepergian jauh kecuali dengan mahramnya, sebagaimana pula dia tidak boleh menghadiri pasar-pasar dan tempat-tempat umum kecuali karena mendesak. Itupun harus berhijab. Nabi Shallallaahu ‘alaihi wasallam bersabda:
Ertinya: “Seorang wanita dilarang mengadakan suatu perjalanan sejarak sehari semalam keculai disertai mahramnya” (Mutafaq Alaih)
Nabi Shallallahu ‘alaihi wasallam bersabda, artinya: “Diizinkan bagi kalian keluar rumah untuk keperluan kalian (wanita)” (Mutafaq Alaih)

7. Ketujuh
Wanita muslimah adalah wanita yang tidak menyerupai laki-laki dalam hal-hal khusus yang menjadi ciri-ciri mereka.
Nabi Shallallahu ‘alaihi wasallam bersabda, artinya: “Allah melaknat laki-laki yang menyerupai wanita dan wanita-wanita yang menyerupai laki-laki”
 Juga tidak menyerupai wanita-wanita kafir dalam hal-hal yang menjadi ciri khusus mereka, baik berupa pakaian, maupun gerak-gerik dan tingkah laku. Nabi Shallallahu ‘alaihi wasallam bersabda:
من تشبه بقوم فهو متهم(رواه أحمد، أبودٰود وغيره)

8. Kelapan
Wanita muslimah selalu menyeru ke jalan Allah di kalangan wanita dengan kata-kata yang baik, baik berkunjung kepadanya, berhubungan telepon dengan saudara-saudaranya, maupun dengan sms. Di samping itu, dia mengamalkan apa yang dikatakannya serta berusaha untuk menyelamatkan diri dan keluarganya dari siksa Allah.

9. Kesembilan
Wanita muslimah selalu menjaga hatinya dari syubhat maupun syahwat.Memelihara matanya dari memandang yang haram. Allah Subhaanahu wata’ala berfirman:
Artinya : “Katakanlah kepada wanita yang beriman: “Hendaklah mereka menahan pandangannya, dan kemaluannya, dan janganlah mereka menampakkan perhiasannya, kecuali yang (biasa) nampak dari padanya.” (QS. An Nur: 31)
Menjaga farjinya, memelihara telinganya dari mendengarkan nyanyian dan perbuatan dosa. Memelihara semua anggota tubuhnya dari penyelewengan. Ketahuilah yang demikian itu adalah takwa.

10. Kesepuluh
Wanita muslimah selalu menjaga waktunya agar tidak terbuang sia-sia,baik siang hari atau malamnya. Maka dia menjauhkan diri dari ghibah (menggunjing), namimah (mengadu domba), mencaci dan hal lain yang tidak berguna.
Artinya: “Janganlah kalian saling dengki, saling membenci, saling mencari kesalahan dan bersaing dalam penawaran, namun jadilah hamba-hamba Allah yang bersatu” (Riwayat Muslim)
Artinya: “Mencaci seorang muslim adalah kefasikan dan membunuhnya adalah kekafiran” (Mutaffaq Alaih)

Allah Subhaanahu wata’ala berfirman, artinya: “Hai orang-orang yang beriman, jauhilah kebanyakan purba-sangka (kecurigaan), karena sebagian dari purba-sangka itu dosa. dan janganlah mencari-cari keburukan orang dan janganlah menggunjingkan satu sama lain. Adakah seorang diantara kamu yang suka memakan daging saudaranya yang sudah mati? Maka tentulah kamu merasa jijik kepadanya dan bertakwalah kepada Allah. Sesungguhnya Allah Maha Penerima Taubat lagi Maha Penyayang.” (QS. Al-Hujurat:12)



Wallahua'lam. Assalamualaikum :)

Tutorial : Vertical Menu Tab

Assalamaualikum and Hye :>

Tadi masa berfacebook, Anis Maisarah ask Kihah macam mana Kihah buat Tab macam ni :


Tutorial ini credit to Kak Una :D

Dashboard > Design > Add A Gadget > HTML/JavaScript

Pastekan kod ini kat ruangan HTML/JavaScript
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
width:250;
text align:center;
list-style-type: none;
font: normal 13px Century gothic;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-align:center;
text-decoration: none;
padding: 0px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #C6C6C6; /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}
.sidebarmenu ul li a:hover{
background-color: #000000;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
  var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++){
    ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
  if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
   ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
  else //else if this is a sub level submenu (ul)
    ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
    ultags[t].parentNode.onmouseover=function(){
    this.getElementsByTagName("ul")[0].style.display="block"
    }
    ultags[t].parentNode.onmouseout=function(){
    this.getElementsByTagName("ul")[0].style.display="none"
    }
    }
  for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
  ultags[t].style.visibility="visible"
  ultags[t].style.display="none"
  }
  }
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="LINK">HOME</a></li>
<li><a href="LINK">ABOUT ME</a></li>
<li><a href="LINK">TUTOTIAL</a></li>
<li><a href="LINK">TAGBOARD</a></li>
</ul>
</div></center></center>
Teka Teki:
MERAH : Width ikut width sidebar.
BIRU : Warna tab before cursor sentuh . SINI
UNGU : Warna tab hover bila cursor sentuh . SINI
HIJAU
 Link bila kita tekan tab tu. SINI
KUNING : Perkataan . 



Save.


Pastu, Kak Una ada tinggalkan pesanan untuk semua. Jangan tekan Rich Text sebab nanti tak akan jadi.


Wassalam

15 September 2011

Tutorial : Blockquote Macam Kihah [2]

Assalamualaikum and Hye semua :>

Maaf sebab Kihah lambat sikit update. Ada beberapa req. lagi. Macam dah tak terurus dah.

Okay. Kihah tahu korang tak akan baca kat atas tu kan? Cer tengok gambar ini.

Sebelum.
Selepas 

Ohsem kan? Pastu, ada shadow pulak. FUYYYOO! Hahaha. Ok. Jom buat visitor blog korang suka main dengan blockquote korang. Haha

1. Dashboard > Design > Edit HTML
2. Search kod blocquote korang.
.post blockquote ATAU blockquote {
3. Kalau ada kod sebelum ni kat bawah .post blocquote tu, delete dan gantikan dengan kod bawah ini.

blockquote {
background: url(URL GAMBAR 1);
background-attachment:fixed;
border:2px solid #bfbdf2;;
border-right:10pt double #bfbdf2;;
padding: 4px;
border-bottom-left-radius: 10px;border-top-left-radius: 10px;margin:1em 20px;
}
blockquote:hover {
background:url (URL GAMBAR 2);
background-attachment:fixed;
border:1px dashed #bfbdf2;;
border-left:10pt double #bfbdf2;;
-webkit-transition: 1s;
-moz-box-shadow: 0 0 10px #8D38C9 ;
-webkit-box-shadow: 0 0 18px #8D38C9;}
Teka Teki.
Purple  : Tukarkan kepada URL gambar anda. Boleh tengok SINI dan SINI
Merah : Tukarkan ikut kelebaran border dia. Pandai-pandailah adjust
Oren : Warna Border. Kod boleh ambik dekat SINI
Hijau : Warna Shadow. Ambik kod dekat SINI
Kuning : Ketebalan shadow. Ikutlah berapa pun. Jangan 100 sudah :D

4. Save.

Okay. Jadi tak? Kalau jadi, komen lah sikit. Kalau tak pun, tekan je butang like ni. Ni tuto Kihah sendiri. HIHI. Basecode yang Tokpit punya.

Wassalam.
 

11 September 2011

Tuto : Kecilkan Shoutbox / Privite Shoubox

Assalamualaikum. :>

Ni merupakan tuto kedua. Juga direquest di Comment :) Tapi, kali ini direquestkan oleh Nuratiqah bt Mu'az. Lets begin.

Bukak code Shoutmixt/Shoutbox anda. Kalau tak da, Tekan SINI untuk tuto.

Pastu, tengok code dia. Ada tulis Height kan? Tukarkannys kepada 100 untuk Privitekannya. Kalau semakin menambah, semakin meninggi kotak shoutbox korang.


Done? Save it. 

Itu sahaja. Wassalam.