New Look!

Assalamualaikum, Salam Sejahtera. :)
Bismillahirrahmanirrahim..

So, after have been awhile since I lack of design to make up my blog, finally! I have found one! haha A big thanks to akak Wana! She's really nice you know! I thought she isn't! Well, I've found some bloggers yang a lil bit tak layan yang tak reti sangat ni. If I asked them to teach pun, they just give me a link tutorial and then left me kontang kanting huhu. kalau ajar how they made that, this, probably they don't want the one similar to them T^T

But, kak wana lain wo! dia ajar satu satu. sabar je dia hahahahha sori eh kak wana kacau selalu huehue ;)

Although this blog isn't neat as others, what makes me proud much of this new look is, I made the template by myself!!!!! macam artwork sendiri ah. and It's fully responsive on mobile device also tablets you know!! :D

Well... nampaknya banyak lagi kena belajar selok belok blog. I also need to get my blog traffic back on the tracks like old haha

Feel free to drop comments below. Suggestions are welcomed!

bye!

Yay! New Design ^_^

Assalamualaikum, Salam Sejahtera. :)
Bismillahirrahmanirrahim..

Aik. Blog sapa ni? haaaa. Ni adalah blog Faqihah Husni. Jangan tekan pulak close tab. Kot-kot la ingat blog orang lain pulak kan ;p

Yang kiri ni sebelum (coklat/kelabu). Yang Kanan ni selepas (Pink)

gambar kabur sikit. hehe. sorry.. 

Daripada dulu temanya ala-ala vintage, sekarang bertukar menjadi comel-comel gitu. hahaha. Nampak ketidak-matangannya si faqihah ni...

Bukannya apa, jeles tengok blog orang lain comel-comel.. Teringin pulak nak mencomelkan blog sendiri seperti tuan blognya yang comel ni. booo. haha. Ni tak de inspiration daripada mana-mana blog. kononnya :p Sebenarnya inspiration ni dapat setelah berblogwalking blog ke blog. terjumpa pelbagai jenis blog dan bila dicampur tolak bahagi jadilah macam ni..

So, tak payah nak tuduh kata blog ni tiru mana-mana blog ok. Design, template dan susun atur semuanya diri saya sendiri yang buat. Ambil masa dalam 3 jam juga kot. Sebab qihah buat template ni guna teknik try and error. So, kena buat sikit eksperimen (eksperimen sains pun kalah ok).

Header tu pun sama gak. Guna teknik try and error. Buat header tu asyik tukar je. 3, 4 kali juga la tukar sebab nak bagi sama border dia dengan main blog dan sidebar ni.

Doodle perempuan kat header tu amek from blog mana ntah.. Seingat qihah, blog dia ni buat banyak freebies doodle dan dia dah berkahwin kot owner dia. Tak ingat sangat sebab doodle ni qihah save kat dalam folder tu lama dah. ~.~

Dan ya. Masih menggunakan Template Designer ya. Bukan blogskin. Basic codes denim tapi banyak yang qihah ubah --' hahaha..

KENAPA SAYA ASYIK TUKAR TEMPLATE?
Sebab, saya nak orang saya kenal saya dengan personaliti yang tersendiri . Yang design blog sebelum ni kebanyakkannya orang selalu tiru -_- Qihah kurang suka sangat orang suka tiru nih. Nanti bila orang lain blogwalking, design blog semuanya sepesen je. sama je. Rasa bosan. So, qihah tukar la design :3

Ok. Last sekali, nak tanya pendapat readers pulak. Macam mana? Ok?? Blog lambat loading ke biasa-biasa saja? Mestila kena tanya soalan ni sebab kadang-kadang kat laptop kita view ok je, kat laptop/komputer orang lain view dia lain.

Assalamualaikum

Freebies : Original Codes Template Denim-NonEdit

السّلا م عليکم ورحمةالله وبرکة | Salam Sejahtera :)

Macam mana nak cari template Denim blogger baru ni eh?
Denim
Blogger dan berubah kepada new interface dah kan, so, template denim kalau korang cari dalam blogger.com kan, tak ada dah. So, kali ni dengan bantuan HanisLS(kawan sekolah petang), Saya nak share codes ni kat korang :) ni NON EDIT punya tau!

Baca Bismilillahirrahmanirrahim dulu :)

ATTENTION!!
Tolong BACK UP TEMPLATES ANDA DULU SEBELUM TUKAR YE!
* template > Edit HTML > Proceed > tick Expand Widget Templates > copy semua codes > korang pastelah kat mana2. paste kat blogger > new post pun boleh. (Jangan tekan HTML ye, biarkan di mode Compose) > Save

So, kalau ada problem dengan codes baru ni, bolehla refer codes lama. Tak susah sangat nak edit semula.


HOW TO USE This Codes?
1- copy codes kat atas ni
2- pergi blogger.com > dashboard > template > Edit HTML > Proceed
3- Delete semua kod kat ruangan tu Then, pastekan codes atas ni di ruangan tu ye
4- Preview dulu kalau tak ada error, Save. Lepas tu, korang boleh edit ye
****kalau ada naik warning/amaran dia, korang just Keep Widget ok? Kalau tak, widget2 korang kat blog tu hilang abes.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Denim
Designer: Darren Delaye
Credit codes: faqihahhusni dan hanis zakirah (jangan remove)
Date:     21 Nov 2012
-----------------------------------------------
*/

/* Variable definitions
   ====================
 <Variable name="bgColor" description="Page Background Color"
           type="color" default="#efefef" value="#efefef">
 <Variable name="textColor" description="Text Color"
           type="color" default="#333333" value="#333333">
 <Variable name="linkColor" description="Link Color"
           type="color" default="#336699" value="#336699">

 <Variable name="headerBgColor" description="Page Header Background Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerTextColor" description="Page Header Text Color"
           type="color" default="transparent" value="transparent">
 <Variable name="headerCornersColor" description="Page Header Corners Color"
           type="color" default="transparent" value="transparent">

 <Variable name="mainBgColor" description="Main Background Color"
           type="color" default="#ffffff" value="#ffffff">
 <Variable name="borderColor" description="Border Color"
           type="color" default="#cccccc" value="#cccccc">
 <Variable name="dateHeaderColor" description="Date Header Color"
           type="color" default="#999999" value="#999999">

 <Variable name="sidebarTitleBgColor" description="Sidebar Title Background Color"
           type="color" default="#ffd595" value="#ffd595">
 <Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
           type="color" default="#333333" value="#333333">

 <Variable name="bodyFont" description="Text Font"
           type="font" default="normal normal 100% Verdana, Arial, Sans-serif;" value="normal normal 100% Verdana, Arial, Sans-serif;">
 <Variable name="headerFont" description="Page Header Font"
           type="font" default="normal normal 210% Verdana, Arial, Sans-serif;" value="normal normal 210% Verdana, Arial, Sans-serif;">

   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

body {
  background: $bgColor;
  margin: 0;
  padding: 0px;
  font: x-small Verdana, Arial;
  text-align: center;
  color: $textColor;
  font-size/* */:/**/small;
  font-size: /**/small;
}
a:link {
  color: $linkColor;
}
a:visited {
  color: $linkColor;
}
a img {
  border-width: 0;
}

#outer-wrapper {
  font: $bodyFont;
}

/* Header
----------------------------------------------- */
#header-wrapper {
  margin:0;
  padding: 0;
  background-color: $headerCornersColor;
  text-align: $startSide;
}

#header {
  width: 760px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 1px solid $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}

h1.title {
  padding-top: 38px;
  margin: 0 14px .1em;
  line-height: 1.2em;
  font-size: 100%;
}

h1.title a, h1.title a:visited {
  color: $headerTextColor;
  text-decoration: none;
}

#header .description {
  display: block;
  margin: 0 14px;
  padding: 0 0 40px;
  line-height: 1.4em;
  font-size: 50%;
}
                                                           
/* Content
----------------------------------------------- */

.clear {
  clear: both;
}


#content-wrapper {
  width: 760px;
  margin: 0 auto;
  padding: 0 0 15px;
  text-align: $startSide;
  background-color: $mainBgColor;
  border: 1px solid $borderColor;
  border-top: 0;
}
#main-wrapper {
  margin-$startSide: 14px;
  width: 464px;
  float: $startSide;
  background-color: $mainBgColor;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 240px;
  float: $endSide;
  background-color: $mainBgColor;
  display: inline;       /* fix for doubling margin in IE */
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

/* Headings
----------------------------------------------- */
h2, h3 {
  margin: 0;
}

/* Posts
----------------------------------------------- */
.date-header {
  margin: 1.5em 0 0;
  font-weight: normal;
  color: $dateHeaderColor;
  font-size: 100%;
}
.post {
  margin: 0 0 1.5em;
  padding-bottom: 1.5em;
}
.post-title {
  margin: 0;
  padding: 0;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.1em;
}
.post-title a, .post-title a:visited, .post-title strong {
  text-decoration: none;
  color: $textColor;
  font-weight: bold;
}
.post div {
  margin: 0 0 .75em;
  line-height: 1.3em;
}

.post-footer {
  margin: -.25em 0 0;
  color: $textColor;
  font-size: 87%;
}

.post-footer .span {
  margin-$endSide: .3em;
}

.post img, table.tr-caption-container {
  padding: 4px;
  border: 1px solid $borderColor;
}
.tr-caption-container img {
  border: none;
  padding: 0;
}
.post blockquote {
  margin: 1em 20px;
}
.post blockquote p {
  margin: .75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
  margin: 1em 0;
  color: $dateHeaderColor;
}
#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;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }

#blog-pager {
  text-align: center;
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {
 margin: 1.6em 0 .5em;
 padding: 4px 5px;
 background-color: $sidebarTitleBgColor;
 font-size: 100%;
 color: $sidebarTitleTextColor;
}
                                                           
.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar li {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: .5em;
  padding-$startSide: 15px;
  text-indent: -15px;
  line-height: 1.5em;
}
.sidebar {
  color: $textColor;
  line-height:1.3em;
}
.sidebar .widget {
  margin-bottom: 1em;
}

.sidebar .widget-content {
  margin: 0 5px;
}

/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $borderColor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight: bold;
  line-height: 1.6em;
  font-size: 78%;
}

.profile-datablock {
  margin:.5em 0 .5em;
}

.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}

                                                           
/* Footer
 ----------------------------------------------- */
#footer {
  clear: both;
  text-align: center;
  color: $textColor;
}

#footer .widget {
  margin:.5em;
  padding-top: 20px;
  font-size: 85%;
  line-height: 1.5em;
  text-align: $startSide;
}
]]></b:skin>
  </head>

  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

  <div id='outer-wrapper'><div id='wrap2'>

    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

    <div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='haniszakirahdanfaqihahhusni (Header)' type='Header'/>
</b:section>
    </div>

    <div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol'/>
      </div>

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
      </div>

      <div id='sidebar-wrapper'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
      </div>

      <!-- spacer for skins that want sidebar and main to be the same height-->
      <div class='clear'>&#160;</div>

    </div> <!-- end content-wrapper -->

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>

  </div></div> <!-- end outer-wrapper -->
  <b:include data='blog' name='google-analytics'/>
</body>
</html>

P/S: Ramai tanya qihah guna template apa, qihah guna Denim :) (currently)(21.11.12)

• Guess what you can get for just RM10?
• Do you have extraordinary aspirations?
• This is specially for my girls who like SURPRISES!
• Check it out! #Windows8

Okay.. Tu je.. Kalau ada sebarang kerosakan ke jangan marah qihah. mungkin atas kesilapan anda sendiri :3  "Komen eh kalau amik". Assalamualaikum :)

- NO RE FREEBIES - 

hehe. tq :)

Tutorial : Button Share Twitter, Facebook, dll di Entry

السّلا م عليکم ورحمةالله وبرکة | Salam Sejahtera

Ramai yang tanya Qihah macam mana qihah buat benda ni :

Benda ni memudahkan readers untuk share entry kita. Sebenarnya, ada banyak lagi yang kita boleh tambah. Macam Like entry dan banyak lagi lah! hehe. Mulakan dengan BISMILLAH dulu ya :)

PILIH DESIGN

1- Korang kena buat account dulu ye. Pergi SINI dan create account. Rasanya dia ada hantar kat email kot. Qihah tak pasti sebab dah lama sangat dan sudah lupa. Apa-apa pun, ikut je apa yang dia suruh. hehe.
2- Lepas dah create account, korang log in dulu.. Lepas tu, pergi SINI ataupun tekan kat atas yang ada tulis 'Get Sharing Tools'
3- Dia suruh pilih Platform kan? Ambil WEBSITE tau! Jangan amik blogger. dah pilih, tekan "NEXT: Step 2. Pick a Style"
4- Tengok bahagian Buttons dan korang pilih je yang mana korang suka.. Kalau korang nak yang di bahagian lain tu, pandai-pandailah ye guna. hehe. Lepas dah pilih, tengok bawah sekali ada tulis "NEXT: Step 3. Customize"
5- Keluar ni kan? Kepada yang tak paham, qihah terangkan ok :)

Korang trylah tengok apa yang ada di sebalik Standard Service dan Add-ons ni. Kalau ada yang korang suka, korang drag ke bahagian Selected services. Paham idok? Drag tu korang klik yang mana yang korang suka, jangan lepaskan tau klik anda tu. Bawa ke bahagian Selected Services. Tapi, korang letak yang perlulah Janganlah terlalu banyak pulak ye ^^

6- Lepas dah habis, korang tekan Finish Get The Code di bahagian bawah tu dan pilih style.

LETAK DI BLOG

1. Korang copy code yang diorang bagi di step KEDUA.
2. Blog > Template > Edit HTML > Proceed > tick Expand Widget Templates
3. Search kod ini dan pastekan di ATAS ye

</head>

CONTOH

4. Korang copy pulak code yang diorang bagi di step PERTAMA.
5. Search code ini pulak

<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>

6. Pastekan kod yang korang copy tu, di ATAS kod ni. CONTOH

BIRU : kod yang kihah kihah copy from sharethis

OREN : Kod yang dicari.

7. Lepas tu preview dulu. Kalau tak ada apa-apa SAVE :)

Memang tutorial ini agak panjang. Tapi harap-harap anda semua fahamlah apa yang qihah sampaikan.  Dah tak tahu cara mana nak explain dah ni. hihi..

Ohya. Kalau korang buka main blog, memang pelik sikit. Macam ni, cer tengok blog kihah punya share this guna faqihahhusni.com. Nampak beribu-ribu, ratus-ratus kan? Sebenarnya, tu adalah bilangan nombor berapa ramai orang termasuk kihah sendiri yang share blog kihah (termasuk entry dan segala semuanya yang ada faqihahhusni.blogspot.com/ atau faqihahhusni.com/) Kalau ikut entry, kena tekan sendiri tajuk entry tu baru dapat bilangannya. TEETT. Mesti korang tak paham. Tak apalah. Tak penting. Bye, Assalamualaikum :)

• Best jadi pelajar Universiti/Kolej. Tekan sini untuk tahu SEBABNYA!
• Nak pergi bercuti dengan blogger, model terkenal Hanis Zalikha dan pelakon Scha AlYahya? Jomlah main GAME ini!!

Freebies ; Classic Template TwitBlog

السّلا م عليکم ورحمةالله وبرکة

#Dah lama tak update.. Rindu pulak kat k0r4ng. hahahaha.

Okay. Kihah kembali with new clasic template aka blogskin. Template kali ni macam Twitter sikit. Well, I love twitting much! So, i decided to make satu template yang khas untuk peminat twitter. Har har. Kihah tau mesti ramai bloggers yang ada accont twitter right? :D

Preview | Codes
 Macam mana nak guna?

Want to change the Image?
After save this template, CTRL+F and search this URL IMAGE and Replace it with your Image :)
» TWIMG0-A.AKAMAIHD.NET/PROFILE_IMAGES/2102679075/XG_3.JPG
» 2.BP.BLOGSPOT.COM/-IMY4XHJSZRA/T5GHZ_AR7YI/AAAAAAAACPY/XP...
» 1.BP.BLOGSPOT.COM/-TGNLIBO7YYS/T5GIQXIIOCI/AAAAAAAACPO/MD...
» 1.BP.BLOGSPOT.COM/-OUXOAD3RIVE/T5GJMHHO8GI/AAAAAAAACP4/C6...

Byebye. Malas nak taip. Sapa ada account tu, please COMMENT dan RATE :) Nak terus tweeting. Follow me On twitter? Ohya. DAH VOTE KIHAH UNTUK TODAY? Assalamualaikum

TUTO : Tukar Classic Template to Template Designer

Hello Korang!

Sejak kebelakangan ini ramai yang tanya macam mana nak tukar kan semula classic template kepada template designer/denim/simple etc semula. Uish. takkan tak nak guna dah kot blogskin ? HAHAHAHA. Okay, meh kihah ajar :)

1. Dashboard > Template
2. Pastu, Pilih Customize Design dan tekan UPGRADE YOUR TEMPLATE.

3. Pastu, korang pilih dahulu template Simple ke ape ke. Save.
4. Kalau korang nak guna denim RUJUK TUTORIAL INI.

Okay. Siap! Kalau korang nak guna SIMPLE TEMPLATE, tengok tutorial INI okay? Thats all! Bye :)

Tutorial : Letak Old & New Post di CLASSIC TEMPLATE

Assalamualaikum dan Hai.

Tutorial kali ni untuk Classic Template or PENGGUNA BLOGSKIN. Tapi, yang ni ada 2 jenis. Satu berbackground, satu tak ada background.

SIMPLE 

1. Pergi blogger.com > sign in > Template

2. Search kod </blogger>

3. Bila dah jumpa, letak kod ni kat BAWAH kod tu okay?

<center><OlderPosts><a  href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>

Nota
Tukarkan COLOUR kepada perkataan anda sendiri

4. Preview dan SAVE kalau jadi :)

BERBACKGROUND - 1

1. Pergi blogger.com > sign in > Template
2. search kod </style>
3. Bila dah jumpa, pastekan kod ni kat atas </style>

a.button {
background:#FFE5E5;
font-family:verdana;
font-size:11px;
width:90px;
color:#000000;
display: inline-block;
text-decoration:none;
text-align:center;
-webkit-transition-duration: 0.5s;
padding:4px;
}
a.button:hover {
-webkit-transition-duration: 0.5s;
cursor: url(http://i.imgur.com/x9x1x.png),auto;
color: #ffffff;
border-radius: 5px;
}

Nota
Tukarkan COLOUR kepada warna background anda sendiri. TEKAN SINI
Tukarkan COLOUR kepada warna perkataan anda. TEKAN SINI
Tukarkan COLOUR kepada URL cursor anda.

4. Search kod </blogger>
5. Bila dah jumpa, letak kod ni kat BAWAH kod tu okay?

<center><OlderPosts><a class="button" href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a class="button" href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>

Nota
Tukarkan COLOUR kepada perkataan anda

6. Preview dan SAVE kalau jadik.

BERBACKGROUND - 2

1. Pergi blogger.com > sign in > Template

2. search kod </style>

3. Bila dah jumpa, pastekan kod ni kat atas </style>

a.button {
background:url (URL BACKGROUND);
font-family:verdana;
font-size:11px;
width:90px;
color:#000000;
display: inline-block;
text-decoration:none;
text-align:center;
-webkit-transition-duration: 0.5s;
padding:4px;
}
a.button:hover {
-webkit-transition-duration: 0.5s;
cursor: url(http://i.imgur.com/x9x1x.png),auto;
color: #ffffff;
border-radius: 5px;
}

Nota

Tukarkan COLOUR kepada url background anda sendiri.

Tukarkan COLOUR kepada warna perkataan anda. TEKAN SINI

Tukarkan COLOUR kepada URL cursor anda.

4. Search kod </blogger>

5. Bila dah jumpa, letak kod ni kat BAWAH kod tu okay?

<center><OlderPosts><a class="button" href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a class="button" href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>

Nota

Tukarkan COLOUR kepada perkataan anda

6. Preview dan SAVE kalau jadik.

Amacam jadik tak? Kalau jadi, Comment kay? Any problem? comment juga. Kalau ikhlas, TEKAN SINI kejap. Thank You!. Bye, Assalamualaikum

Maulidur Rasul and SURPRISEE!

Assalamualaikum, Salam Sejahtera, Salam Maulidur rasul! :D

First sekali, Kihah nak ucapkan kat korang semua salam maulidur rasul. Lepas ni baru cerita pasal New Theme :) So, Kihah nak explain kat kau orang apa tu Maulidur Rasul.

Apakah itu maulidur rasul? 

Maulidur Rasul (dalam bahasa Arab bermaksud kelahiran Rasul) adalah hari bersejarah keputeraan Nabi Muhammad. Hari ini jatuh pada hari ke-12 bulan Rabiul Awal sempena kelahiran Nabi yang jatuh pada pada Selasa 1432 Masihi ( Dari hadith riwayat Muslim, 8/25 ) 12 Rabiul Awal Tahun Gajah bersamaan dengan 23 April 571. Baginda merupakan nabi terakhir yang diutus oleh Allah Subhanahu Wata’ala. Tapak kelahiran baginda pula kini mempunyai satu bangunan kecil yang dikenali sebagai Maulid Nabi.

Nama penuh: Muhammad bin Abdullah bin Abdul Muttalib bin Hashim

Nama bapa: Abdullah bin Abdul Muttalib bin Hashim

Nama ibu: Aminah binti Wahab bin ‘Abdul
Manaf

Nama datuk: Syaibah bin Hâsyim dikenal
dengan nama ‘Abdul Muttalib

Bapa-bapa saudara:

• Al-Harith bin Abdul Muthalib

• Muqawwam bin Abdul Muthalib

• Zubair bin Abdul Muthalib

• Hamzah bin Abdul Muthalib

• Al-Abbas bin Abdul Muthalib

• Abu Thalib bin Abdul Muthalib

• Abu Lahab bin Abdul Muthalib

• Abdul Kaabah bin Abdul Muthalib

• Hijl bin Abdul Muthalib

• Dzirar bin Abdul Muthalib

• Ghaidaq bin Abdul Muthalib

Nama Ibu susuan Rasulullah:

- Ibu susuan pertama Thuwaibah (hamba
perempuan Abu Lahab)

- Ibu susuan kedua Halimah binti Abu Zuaib
As-Sa‘diah (lebih dikenali Halimah As-Sa‘diah. Suaminya bernama Abu Kabsyah)

Nama isteri pertama dan usia baginda
berkahwin:

Khadijah binti Khuwailid Al-Asadiyah pada
25 tahun

Nama isteri-isteri Rasulullah:

1. Khadijah bt. Khuwailid al-Asadiyah r.a

2. Saudah bt. Zam’ah al-Amiriyah al
Quraisiyah r.a

3. Aisyah bt Abi Bakr r.a (anak Saidina Abu
Bakar)

4. Hafsah bt. Umar bin al-Khattab r.a (anak
Saidina ‘Umar bin Al-Khattab

5. Ummu Salamah Hindun bt. Abi Umaiyah r.a
(digelar Ummi Salamah)

6. Ummu Habibah Ramlah bt. Abi sufian r.a

7. Juwairiyah ( Barrah ) bt. Harith

8. Safiyah bt. Huyay

9. Zainab bt. Jansyin

10. Asma’ bt. al-Nu’man al-Kindiyah

11. Umrah bt. Yazid al-Kilabiyah

12. Zainab bin Khuzaimah (digelar ‘Ummu
Al-Masakin’; Ibu Orang Miskin)

Nama anak-anak Rasulullah:

1. Qasim

2. Abdullah

3. Ibrahim

4. Zainab

5. Ruqaiyah

6. Ummi Kalthum

7. Fatimah Al-Zahra’

8. Halah bin Hind bin Habbasy bin Zurarah
al-Tamimi (anak kepada Saidatina Khadijah bersama Hind bin Habbasy. Ketika
berkahwin dengan Rasulullah, Khadijah adalah seorang janda).[anak tiri
Rasulullah]

Pengalaman bekerja Rasulullah:

* Semenjak kecil lagi, baginda telah
menternak kambing dan berniaga membantu bapa saudaranya.

* Abu Talib telah membawa baginda ke Syam
(Syria) bagi membantunya berniaga.

* Apabila baginda telah agak dewasa,
baginda telah mula menjalankan perdagangan baginda sendiri secara kecil-kecilan
dan menjalankan perniagaan dengan menggunakan modal orang lain kerana baginda
sedar bapa saudaranya bukanlah terdiri daripada orang yang berada dan beliau
terpaksa menyara sebuah keluarga yang besar.

* Ketika baginda berusia dua puluh lima tahun,
baginda telah pergi ke Syam untuk kali kedua bagi menjalankan perniagaan
Sayidatina Khadijah. Bukti Rasulullah adalah seorang ketua keluarga yang patut
dicontohi: Rasulullah merupakan seorang yang pengasih.

* Sebagai seorang suami, baginda sering
membantu isteri menjalankan urusan rumah seperti memasak, menampal pakaian yang
koyak, memmbersih rumah dan menjaga anak.

* Sebagai seorang bapa, baginda memberi
pendidikan agama yang secukupnya dan menjadi seorang contoh yang baik kepada
anak-anak.

Gelaran Al-Amin:

Baginda merupakan seorang
yang jujur, amanah dan budi pekerti. Perkataan dan perbuatan baginda sentiasa
dipercayai sehingga baginda diberi gelaran al-Amin oleh masyarakat Arab
Quraisy.

Sifat-sifat terpuji Rasulullah:

- Berkata benar (siddiq)

- Boleh dipercayai (amanah)

- Penyampai ajaran Islam (tabliq)

- Bijaksana (fatanah)

Kepimpinan Rasulullah disebalik peristiwa
banjir di kota Mekah ketika Rasulullah berusia 35thn: Kota Mekah telah dilanda
banjir kilat yang menyebabkan dinding kaabah pecah dan runtuh. Kaum Quraisy
telah membina semula bahagian yang runtuh. Kemudian timbul perbalahan antara
ketua kaum Quraisy yang berebut untuk mengangkat dan meletakkan Hajar Aswad di
penjuru sebelah timur bangunan kaabah. Perbalahan ini hampir menimbulkan
peperangan. Rasulullah telah menjadi hakim bagi menentukan kedudukan Hajar
Aswad dan secara tidak langsung Rasulullah telah meleraikan perbalahan antara
ketua kaum Quraisy.

Peristiwa Rasulullah menerima wahyu:

- Wahyu pertama diterima Rasulullah pada
hari isnin, 17 ramadan (6 ogos 610 M)

- Ketika itu Rasulullah berusia 40 tahun.

- Wahyu tersebut diterima baginda di Gua
Hirak al-Jabar Nur.

- Surah al-Alaq, wahyu pertama yang
berbunyi “Bacalah dengan menyebut nama Tuhanmu yang menciptakan manusia dari
segumpal darah. Bacalah, dengan nama Tuhanmu yang Amat Pemurah, yang mengajar
manusia dengan perantaraan (menulis, membaca). Dia mengajarkan kepada manusia
apa yang tidak diketahuinya. ”

- Wahyu kedua, surah al-Muddasir (ayat 1-7)
diturunkan di Bukit Nur berhampiran Makkah.

- Wahyu kedua ini menandakan pelantikan
baginda sebagai Rasulullah atau pesuruh Allah.

Tokoh-tokoh awal memeluk Islam:

• Zaid bin Harithah (anak angkat nabi)

• Ali bin Abu Talib (sepupu nabi berusia 10 tahun)

• Khadijah binti Khuwailid (isteri nabi dan orang pertama memeluk Islam)

• Abu Bakar al-Siddiq (sahabat karib)

*******************************************

Okay. Tu serba sedikit info yang sempat Kihah kongsikan.. Harap-harap dapan membantu anda. Semua tu kihah search kat Google :) 

Now, Kihah nak cerita pasal blog Kihah. Hehe. Tadi privite seketika sebab nak edit. Jomlah kita usha-usha sikit. Hehehe..

Template : Denim

Header - Header kihah kali ni simple je. Tak mau semak semak. Hehehe. 

Footer - Buat sendiri kat Photoshop cs5. Hehehe..

Background - Sengaja nak pilih stripe. Tak berserabut kepala hotak yang tengok. kan?

Sidebar - Kihah kurangkan sikit gadgetnya. Pastu, titlenya simple saje.

Keseluruhannya, Kihah suka dengan wajah baru ni.. Terasa RINGAN SIKIT Blog. Kan? Kalau korang rasa berat lagi, inform kihah eh ;)

Okaylah. kihah nak pi tuisyen. Bye, Assalamualaikum :)

Tutorial : Back to Top Scroll - NEW

assalamualaikum gais.

Tutorial kali ni Untuk pengguna TEMPLATE DESIGNER dan juga CLASSIC TEMPLATE. Maknanya, dua dua bolehguna -_- Hehek.

Classic template.

1. Pergi Dashboard  > Template
2. Search kod ini

<style type="text/css">

3. Pastekan kod ni kat atas kod <style type="text/css">.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
<a href="javascript:;" id="scrollToTop"><img src="URL GAMBAR" border="0"></a>

4. Preview dan SAVE.

TEMPLATE DESIGNER

- denim, minima, simple template, watermark dan lain-lain

1 . Dashboard > Design > Edit html > Tick Expand Widgets
2. cari code ni : </body>
3. copy code ni :

<a href='#' id='toTop'><img src='URL GAMBAR?t=1292762029' style='border:0;'/></a>

4. paste ATAS/SEBELUM code </body>
5. cari code ni pula : ]]></b:skin>
6. copy code ni :

 /* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }

7. paste ATAS/SEBELUM code ]]></b:skin>
8. cari code ni : </head>
9 copy code nih :

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>

/*----------------------- 

* jQuery Plugin: Scroll to Top 

* by Craig Wilson, Ph.Creative (http://www.ph-creative.com) 

* Bring to you by Zen from http://zenplate.blogspot.com 

* Copyright (c) 2009 Ph.Creative Ltd. 

* Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling. 

* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx 

* Do not delete these infomation 

* Version: 1.0, 12/03/2009 

-----------------------*/ 

$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var

scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html,
body").animate({scrollTop:0},"slow")})}}); 

$(function() { 

$("#toTop").scrollToTop(); 

}); 

</script> 

10. paste SEBELUM/ATAS kod </head>
11. preview & save .


Okay. yang kihah boldkan dan kaler orang tu korang tukarkan dengan URL GAMBAR top button korang sendiri atau koran ambik yang FREEBIES from kihah kat bawah ni. Before korang ambik, Korang kena TEKAN SINI dulu. Kalau tak, tak boleh amik :p

Hitam

http://i.imgur.com/tXhOv.png

Kuning

 http://i.imgur.com/PMQr9.png

Oren

 http://i.imgur.com/oZlK3.png

Hijau

 http://i.imgur.com/JgnvR.png

Biru

http://i.imgur.com/1MOJd.png

Purple

 http://i.imgur.com/4JLCe.png

Pink

http://i.imgur.com/JVwIA.png

Korang amik kaler apa? Cerciter. Anyway, please COMMENT here if you ambik ok? Kalau tak, korang kena cop as copycats,. Lol. Bye, Assalamualaikum.

Freebies Template : B E A U T I F U L Flowers

Assalamualaikum and Hello gais!

I'm back with new template freebies. Haha. Simple je. Kihah ni bukannya pro sangat dalam coding ni :3 Sorry kalau ada apa-apa yang cacat kat template ni. Have Fun!

PREVIEW | DOWNLOAD

TUTORIAL HERE

Other skins

Are You Jelly | Waiting For The Moon | Take My Heart

Tema Floral, Bunga. Kalau tak kisah, boleh tak tolong CLICK HERE. Hmmmm. Thank You  :* Visit my BLOG or follow me on TWITTER or like my FANPAGE ?

Okay tak template B E A U T I F U L Flowers ni? Comments is need ;)

Bye, Assalamualaikum :D

New Skin Submited! Take My Heart ~

Assalamualaikum dan Hye.

Bismillahirrahmahirrahim Hello bloggers! Kihah bersyukur sangat follower blog Kihah dah 4100+ dah. Huhu. Thanks all for following me. Nthen, Follower Twitter pulak dah 848+, Likers fb fanpage pulak dah 1800+. Huhu. Thanks again Toce Toce. >FOLLOW ME ON TWITTER< atau mention je @FaqihahHusni. Kihah tak paksa korang untuk Follow Twitter Kihah. If nak follow, tekanlah link tadi/followlah. if taknak, tak pe. >LIKE MY FANPAGE<  Tu pun kalau anda nak like. tiada paksaan bro :)

Okay. Back to topik. Before this,  Kihah dah buat banyak template but, terdelete. Sorry guys. Mueehehe. So, Kihah nak buat balik. but, ni macam Kihah sikit la. Takkan nak bagi sebijik macam template Kihah pulak. Hahaha.

Download || Preview

NOTE.

Search kod 

1938978353976892972

Gantikan dengan BLOG ID anda. Tak tahu? TEKAN SINI. 

Bila dah amik, kasi komen sikit. Kalau korang ada account blogcekin, Rate Kihah eh. Skin kihah tak pernah jadi SOTD. Tsktsk. Sedihh T_T.

LIKE GAMBAR NI KEJAP. >tekan<

Okaylah. Bye, Assalamualaikum

Tutorial & Freebies: "Tekan Untuk Komen" versi gambar

Assalamualaikum dan Hye.


Kihah minta maap kat BBB sebab? Kihah kata nak buat Freebies Background. Muehehe. Sorry. Kihah cancel sbb background tu dah ada freebies. LOL. So, Kihah nak buat tutorial dan freebies Tekan untuk comel versi gambar. Suka tak? Tutor ni tak sama dengan kak Lyssa. Kihah ubah coding :3

Denim, Minima, Simple Template, Windows dan lain-lain.

See? Ada gambar tu kan? Kihah tengah membalas komeng dengan kakak Kihah, Fatin >TEKAN<. So, jom start! Tapi, korang kena buat komen komen pop-up window dulu ye.

1. Dashboard > Setting > Comments > 

2. Scroll bawah sikit ada

Comment Form Placement

3. Tick/Pilih Pop-Up Window
4. Save Setting.


Dah? Bagus. Ramai suka Pop-Up tahu tak? Best!


1. Log In > Dashboard > Design > Tick Expand Widget Template
2. CTRL+F or F3 Search kod ini

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/>

3. Jumpa? Pastekan kod ni dibawah/selepas kod tadi.

<center><img src='URL Gambar'/></center></a>

Nota
MERAH Gantikan  dengan URL gambar

4. Save template

So, Untuk URL Gambar, kihah nak bagi benda ni JengJengJeng. Tekan SINI. Okay. Merepek.

Hijau

http://i.imgur.com/pcJeJ.png

Pink

http://i.imgur.com/XjzcI.png

Biru

http://i.imgur.com/JGvSO.png

Purple

http://i.imgur.com/FCcyI.png

Okay. tu je. Kihah tau kihah buat buruk. Kalau korang ambik, Komen tau. Hahaha. Okaylah. Bye, Assalamualaikum.

Tekan LIKE! :>

Tutorial : Welcome Note. Tekan Gambar Masuk Blog [BLOGSKIN]

Assalamualaikum dan Salam Sejahtera semua :>


Sihat? Dah makan malam? sedap tak? Korang makan apa? Heeeee. Kihah makan rojak je. Sedap! Mama Kihah  buatkan. Hahaa


Eh. Sapa pengguna BLOGSKIN or CLASSIC TEMPLATE? Angkat kening seperti kak Ziana Zain sekarang. Hahaha. Tutorial ni khas untuk korang. Kalau korang guna template Biasa, Rujuk tutorial >SINI<



1. Dashboard > Template

2. Tekan ctrl+f then search code ni :

</style>

3. Dah jumpa? Good. Now, copy code bawah ni then paste dekat atas code tu :

.welcome {
text-align:center;

margin-top: 250px;

}

4. Then cari code ni pulak :

<body oncontextmenu='return false;'>

atau

<body>

5. Dah jumpa? Good. Copy code bawah ni then paste dekat atas code <body oncontextmenu='return false;'> atau <body> :

<script language="javascript" type="text/javascript">

/* toggle() checks to see if the images has already been faded

or not and sends the appropriate variables to opacity(); */

function toggle(el,milli) {

// Get the opacity style parameter from the image

var currOpacity = document.getElementById(el).style.opacity;

if(currOpacity != 0) { // if not faded

fade(el, milli, 100, 0);

} else { // else the images is already faded

fade(el, milli, 0, 100);

}

}

/* changeOpacity() uses three different opacity settings to

achieve a cross-browser opacity changing function. This

function can also be used to directly change the opacity

of an element. */

function changeOpacity(el,opacity) {

var image = document.getElementById(el);

// For Mozilla

image.style.MozOpacity = (opacity / 100);

// For IE

image.style.filter = "alpha(opacity=" + opacity + ")";

// For others

image.style.opacity = (opacity / 100);

}

/* fade() will fade the image in or out based on the starting

and ending opacity settings. The speed of the fade is

determined by the variable milli (total time of the fade

in milliseconds)*/

function fade(el,milli,start,end) {

var fadeTime = Math.round(milli/100);

var i = 0; // Fade Timer

// Fade in

if(start < end) {

for(j = start; j <= end; j++) {

// define the expression to be called in setTimeout()

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

// setTimeout will call 'expr' after 'timeout' milliseconds

setTimeout(expr,timeout);

i++;

}

}

// Fade out

else if(start > end) {

for(j = start; j >= end; j--) {

var expr = "changeOpacity('" + el + "'," + j + ")";

var timeout = i * fadeTime;

setTimeout(expr,timeout);

i++;

}

}

}

</script>

<div class="welcome" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">

<img src="URL GAMBAR"

style="opacity:0.4;filter:alpha(opacity=40)"

onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"

onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>

</div>


<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">

<div id="june" style="display : none;">

6. Gantikan URL GAMBAR tu dengan gambar yang suka. Boleh ambik DISINI atau DISINI

Credit : Kak Nazihah

Publish Post

Jadi tak? Kalau jadi komen, kalau ada masalah ask juga okayh?

Bye, Assalamualaikum :)

Tutorial : Open Link In New Tab untuk BLOGSKIN/Classic Template

Assalamualaikum dan Hello semua!

Dayana dah keluar dengan tudung jenamanya sendiri http://okddandluvers.blogspot.com/

Sapa tengok gerhana bulan tadi? Cantikkan? Hahah. Semua tu kuasa Tuhan, Allah. Alhamdulilla. So, sekarang ni, Kihah nak buat tutorial Open Link In New Tab untuk Blogskin/Classic template. Maksudnya, kalau kita tekan Link, akan keluar tab yang baru

So, Jom mulakan :)

1. Dashboard > Template
2. Search kod

<head>

3. Dah jumpa? Selalunya kod ni ada kat atas sekali. Pastekan kod ni bawah <head>

<base target='_blank'/> 

4. Preview. Try tekan link tengok. keluar new tab tak. Kalau keluar, tekan SAVE TEMPLATE

Heheh. Simple je tutorial kali ni. Byela, Assalamualikum :)