16 September 2012

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 :)


Tutorial : Letak Blog Archieve untuk Blogskin

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

Blog Archieve ni macam gadget yang menghimpunkan entry-entry blog kita. Senang nak bagi orang cari. Contoh :



i. Carilah tempat yang sesuai untuk diletakkan ye. Kalau dah ada sidebar nak letak kat mana-mana search saja tajuk sidebar anda tu di ruangan Edit HTML.
ii. Copy code ni dan paste sahajalah
<center><select style="background-color: #FFD6E7; color: #424242; font: 10px tahoma; letter-spacing: 2px; border: 1px #A4A4A4 solid; padding: 2px; width: 200px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Months♥</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives></select></center>

Kuning : warna background. Boleh cari kat SINI
Pink :  warna border dia
Merah : Ayat untuk anda sendiri. Blog Archieve ke apa ke.

iii. Save :)

Blog Berwajah Baru.

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

Sedar tak sedar UPSR dah habis. Terasa masa pantas sangat berlalu pergi meninggalkan kita semua. Banyak kisah suka dan duka telah kita tempuhi. ... Sungguh ku tak percaya..

Cewah. Ayat mahal wo! Sebenarnya, Qihah kekeringan idea untuk mengedit blog. Serious wa tak tipu! Buat cara ni tak jadi, buat cara tu pun tak elok.

"Pehal blog ko dah jadi simple ni?!!!" Yang ni kihah tak pasti sama ada dia bertanya atau marah. Kenapa perlu letak '!!' dihujung ayat?! hehe. Sebenarnya memang dah lama Kihah nak buat blog jadi simple. Memang dah lama gila kot. Cuma masa yang tidak mengizinkan. Qihah pun takut jugak la kalau-kalau readers memberikan respons negatip! hihi



Design kali ni inspirasinya daripada Mania Story aka Ainaa Mania ataupun Ainaa Ramzani. Memang ada tiga tapi orangnya sama je pun! hehehe. Kihah inspirasi pun sidebar sahaja. Yang lain tak. Sooo not 100% lah ye.

Semuanya kihah bua sendiri. Sidebar image pun sendiri. Header image kihah search kat google dan rasanya from tumble seseorang. Qihah terlupa linknya dan ingat nama dia Tira. Apa-apapun terima kasih sangat-sangat! :D

So......... Macam mana? korang suka tak? Cepat load tak? Okay tak? kemas tak? Amboi. banyaknya soalan. Kalah soalan UPSR! haha.

Sebenarnya, dah tak tahu nak tulis apa dah. Ada banyak nak tulis tapi hmm. Entahlah. Assalamualaikum xx

P/S : Sorry kepada sesiapa yang menghantar mesej melalui account facebook cheq. Cheq cannot reply sebab kena block oleh pihak facebook. Lain kali tanya kat fanpage ye! hihik ^^

15 September 2012

Freebies: Tab Menu Bergambar

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

Assalamualaikum. Ni ha nak bagi freebies sikit. Sesuai untuk diletakkan di SIDEBAR BLOG SAHAJA. Click gambar > right click > Copy Image URL


Contoh kod ;
<div class="separator" style="clear: both; text-align: right;">
KOD ANDA

</div> 
Dah lah. Bai. Kalau amik komen :p

14 September 2012

Tutorial : Link Hover Pelangi

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



Cer korang tengok dekat ayat Faqihah Husni tu. Rainbow kan? Cantik tak? Korang cubalah tutorial ni. Kot kot lah korang suka. Btw, ni my own code. Kod asal from AtinTory.. Kihah edit sikit :)


Template Designer :
i. Dashboard --> Template --> Edit HTML --> Proceed
ii. Search kod ini a:hover{
iii. Copy code di bawah dan pastekan di bawah a:hover{
iiii. Preview and Save !

Blogskins :
i. Dashboard --> Template
ii. Search kod a:hover{
iii. Copy code di bawah dan pastekan di bawah a:hover{
iiii. Preview and Save !


-webkit-background-clip: text;
color: white;
-webkit-transition: 1.0s;
-webkit-text-fill-color: transparent;
background-image:-webkit-gradient(linear, left top, right top, from(#ea8711), to(#d96363));
background-image:-webkit-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-moz-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-ms-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
background-image:-o-linear-gradient(left, #ea8711, #d96363, #73a6df, #9085fb, #52ca79);
}
Senang je kan? Jadi tak? heheh :)

12 September 2012

Tomorrow: Last day UPSR

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




#Tomorrow #LastDay #UPSR #schedule . Wish Me luck!! <3

6 September 2012

UPSR Minggu Depan?!! :O

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

Saya sungguh tak percaya yang UPSR akan bermula hari 11 September ni dan bakal berakhir pada 13 September. iaitu hari Selasa minggu depan?! I don't believe it. Am I dreaming or what?!! sudah hampir 6 Tahun (tak termasuk pra-school) saya belajar di sekolah tersebut. Terasa macam masa berlalu begitu pantas.

Firman Allah S.W.T dalam Surah al-Asr :
"Demi Masa [1] Sesungguhnya manusia itu dalam kerugian [2] Melainkan, orang yang beriman, dan beramal soleh. Dan (mereka yang) mengajak ke arah kebenaran dan mengajak dengan sabar [3]"

"Dalam surah ini, Allah menekankan betapa pentingnya masa. Masa yang dimaksudkan ialah, kehidupan kita. Iaitu masa yang diberikan oleh Allah di sepanjang perjalanan hidup kita di dunia. Pada awal surah ini Allah menekankan, manusia itu (semuanya) dalam keadaan kerugian. Tidak kira siapapun, selagi dia bergelar manusia, dia berada dalam kerugian.

Namun, Allah tidak berhenti setakat itu. Allah menjelaskan lagi, apakah ciri-ciri yang boleh mengelakkan diri daripada tergolong dalam golongan yang rugi. Sebelum itu, golongan yang rugi ini adalah golongan yang di dunia merana, di akhirat sengsara. Inilah yang dikatakan rugi. Walaupun di dunia, dia merasa bahagia, walhal dalam keadaan tidak sedar (tanpa mencari kebenaran) dia sebenarnya dalam kerugian."

- dipetik daripada artikel di IluvIslam

Rainbow tu tak edit ok.

Nauzubillahiminzalik! Semoga saya tidak tergolong di kalangan orang-orang yang kerugian. Apa-apa pun, ni just quick update. Just nak bagitau yang saya adalah mangsa calon UPSR 2012 dan salah satu sebab kenapa blog ni saya tak update.

"Eleh. online twitter, facebook tu sempat pulak!" Ada tak yang katamacam ni? haha. Setiap kali online fb or twitter, saya memang nak update blog. Tapi, tak tahu nak buat entry apa. Serious. Nak update entry, tapi tak tahu apa yang perlu di update. Nanti tak ada yang nak baca pulak. T^T

Oklah. Malas nak taip panjang-panjang. Esok ada Pecutan UPSR berbayar di tempat tusyion saya. Kena bangun pagi awal awal. Minggu ni kihah tak ada hari untuk berehat. Even weekend pun, masih kena belajar like usually. Kawan sekolah saya yang lain adalah juga sehari untuk berehat. Tapi, saya tak.

Assalamualaikum warahmatullahi wabarakatuh :)

2 September 2012

Tutorial : Letak Lagu di Blog New Style #part 2

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

Sejak kebelakangan ni ramai yang tanya kihah macam mana nak letak lagu kat blog untuk pengguna classic template atau blogskin. Memang agak ramai jugalah yang tanya. Memandangkan kihah tengah rajin sekarang ni. So kihah akan tunjukkn caranya.


Template Designer :
i.) Dashboard --> Design --> Page Elements --> Add a Gadget ---> Html/Javascript
ii.) Copy code di bawah paste dekat atas Html/Javascript.
iii.) Preview and Save !

Blogskins :
i.) Dashboard --> Design --> Template --> Edit Html
ii.) Copy code di bawah dan paste dekat BAWAH <head>
iii.) Preview and Save !
<style type="text/css">
#music {
border-radius: 8px;
margin-bottom: 8px;
width: 210px;
text-align: center;
font-size: 10px;
background: #fff;
border: 1px solid #eee;
}
#here {
position:fixed;
left: 20px;
top:-80px;
text-align: center;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
z-index:999;
}
#here:hover {
top:8px;
}
</style>

</style>
<div id="here">
<div id="music">
<div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; "><br>
<center> CODE LAGU <center>
<br></object>
</div></div>
<img src="URL IMG"/></div>
Nota;
pink: letak code warna untuk background boleh cari kat SINI. Kalau nak letak background bergambar, gantikan background: #fff; dengan
background: url (URL GAMBAR);
biru: code lagu
oren: ketebal border. Bole diubah
hijau: jenis border eg. solid/ dotted/ dashed
merah: URL icon music. Boleh carik kat sini

Okay. dah siap. Jadi ke tak?