Segmen Memburu Followers By Hotmasakini .

بسم الله الرحمن الرحيم 
 * SeLamat DaTang Ke Blog FaRis Ris *
 * MoHon BerKelaKuan Baik Di Sini * 
* TeRiMa KaSih KeRana BeKerJaSaMa * 



Jom Join Segmen Ni .. 
Best Tau .. 


 






Underline Background

بسم الله الرحمن الرحيم 
 * SeLamat DaTang Ke Blog FaRis Ris * 
* MoHon BerKelaKuan Baik Di Sini *
 * TeRiMa KaSih KeRana BeKerJaSaMa * 

Hye ! Hari ni Ris nak ajar macammana nak buat background + round underline . Korang tak faham ?
Takpe .. Ris tunjukkan contohnya . 

WARNA HIJAU DALAM GAMBAR NI .
INI YANG AKAN KITA BELAJAR .


  • Template - Edit HTML - Proceed - Tick Expand Widget . 

  • Tekan Ctrl + F  untuk cari kod ni :

u {


  • Kalau tak jumpa .. Cari kod ni .

/* Header 


  • Now , copy kod dekat bawah ni dan pastekan di bawah    kod yang mula - mula korang cari tadi . Bagi yang cari guna kod yang kedua . pastekan kod di bawah ni di atas ok . 

text-decoration:none;background: #F5A9D0;color: #FFFFFF;border-radius: 5px;padding-top: 1px;padding-bottom: 1px;padding-left: 2px;padding-right: 2px;}



  • Preview dan save .. 

Nota Kaki :

ABC : Warna background.
ABC : Warna font.
 



Border At Post Title .

بسم الله الرحمن الرحيم 
 * SeLamat DaTang Ke Blog FaRis Ris * 
* MoHon BerKelaKuan Baik Di Sini * 
* TeRiMa KaSih KeRana BeKerJaSaMa *



Salam . Hari tu .. Ada someone nak Ris buat border dekat post title .
Jadi Ris nak buat la ni .
Korang nak yang macammana . Ris buat semua dekat bawah ni .
Dah ready ke ?
Jom .

  • Template - Edit Html - Proceed - Tick Expand Widget Templates

  • Tekan Ctrl + F / F3 untuk cari kod dekat bawah ni . 

Simple Templates

h3.post-title, .comments h4 { 

Tak Jumpa ? Cari kod ni . 

h3.post-title {
Tak Jumpa Lagi ? Cari kod ni .

h3.post-title, h4 {
Denim Templates

.post-title {
Minima Templates

.post h3 {
  • Kalau bawah code tu ada code yang sama atau lebih kurang sama macam kat bawah ni,TOLONG DELETE.

  • Now, korang boleh pilih bentuk border yang korang nak. Then, pastekan code border tu kat Bawah code yang korang cari sebentar tadi. 

  • Sebelum SAVE, PREVIEW dulu. Dah puas hati, barulah SAVE.

Jenis Simple


font-family:arial;color: #000000;font-size:14px;text-align:center;-moz-border-radius: 35px;border-radius: 35px;text-shadow: 3px 3px 3px #FFFFFF;border: 2px solid  #000000;background : #FFFFFF;padding: 5px; margin: 20px;




Notes :: 

ABC : Korang boleh tukar ikut suka hati korang  
ABC : Yang ni code warna untuk mengshadowkan post tittle tu. Kalau taknak, boleh buang je code tu:)
ABC : Size ketebalan border. 
ABC : Boleh pilih antara satu, solid / dashed / dotted
ABC : Warna border korang. Yang Lina letak tu semua warna putih, so korang kena tukar sendiri, hehe.
ABC : Warna background.
ABC : Kalau nak kecil atau besarkan border, adjust kat number tu. Makin besar number, makin besarlah border korang.
*Kalau taknak border, buang code ni : 'border: 2px solid  #FFFFFF;'.

Colour Code boleh ambil dekat sini

Jenis Double Colour


font-family:arial;color: #000000;font-size:14px;text-align:center;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-top-right-radius: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;text-shadow: 3px 3px 3px #FFFFFF;border-bottom: 8px solid #000000;background : #D8D8D8;padding: 3px; margin: 20px ;



Notes :
Arahannya pun sama macam kat atas, cuma code 'border-bottom: 8px solid #FFFFFF;' je :
ABC : Ketebalan border bawah tu. Boleh tukar :)
ABC : Just choose one. Can change into solid / dashed dotted.
ABC : Warna border bawah tu. Boleh ditukar juga. Cari kat Sini 


Jenis BerBackground


font-family:arial;color: #000000;font-size:14px;text-align:center;-moz-border-radius: 1em 4em 1em 4em;                 border-radius: 1em 4em 1em 4em;  text-shadow: 3px 3px 3px #FFFFFF;border: 2px solid  #000000;background : url(URL BACKGROUND);padding: 5px; margin: 20px ;



Notes :

Arahan masih sama seperti di atas, korang cuma masukkan URL BACKROUND yang korang nak je.
*Kalau taknak border, buang code ni :  border: 2px solid  #FFFFFF;.



 

Sidebar Cute ( Versi 2 )

بسم الله الرحمن الرحيم 
 * SeLamat DaTang Ke Blog FaRis Ris * 
* MoHon BerKelaKuan Baik Di Sini * 
* TeRiMa KaSih KeRana BeKerJaSaMa *



Hai ! Good Morning . 
Korang Sihat Tak ? Ris kurang sihat hari ni ?
Takpe .. Demi korang . Ris buat .. 
First , korang tahu ke apa nak buat hari ni ?
OK . Kalau nak tahu . Tengok gambar dekat bawah ni .. 


Nampak tak apa yang Ris tunjukkan tu . 
Yang tu laa Ris nak ajar hari ni .. 
Baru ni .. Ris dah ajar . Cuma lain sikit . 
Kalau korang nak tengok . 
Buka link ni .. 

Ok .. Kalau korang dah sedia . 
Jom . 

  • Dashboard - Layouts - Add A Gadget - Html/ Javascript . 

  • Pastekan kod ni  di ruangan Html / Javascript . 

<div style="border:1px dashed #000000;"><div style="background: #FFFFFF repeat;
padding: 5px;"><center></center> Kod Korang

</div > 



Nota Kaki ..


ABC - Letak kod korang . Ikutlaa kod shoutbox ke . ape ke ? 
ABC - Kod Warna . Boleh didapati di sini . ( colour code )

Done ..! senang je kan .. 

Pasang Widget " Calendar "

بسم الله الرحمن الرحيم 
 * SeLamat DaTang Ke Blog FaRis Ris * 
* MoHon BerKelaKuan Baik Di Sini *
 * TeRiMa KaSih KeRana BeKerJaSaMa *



Assalamualaikum . Hai ..!!
Dah mandi dah ? Sebab Ris ada satu tuto nak ajar korang . 
Kalau dah ready . 
Jom .. mulakan ..!!

TuTorial Untuk :


  • Dashboard - Layouts - Add A Gadget - Html / Javascript .

  • Then , copy code dekat bawah ni dan paste di bahagian html / java script . 

<div id="blogCalendar"></div>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="faris-ris.blogspot.com";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
</style>


  • Then , save .. 
Nota Kaki :

ABC : tukarkan kepada link blog korang . TETAPI , tanpa " http:// " dan tanpa "  / "

  • Dah siap . HeHe .. 

Credit : Nabila Medan 


10 Perkara Yang Dibenci Ketika Berblog .

بسم الله الرحمن الرحيم
 * SeLamat DaTang Ke Blog FaRis Ris * 
* MoHon BerKelaKuan Baik Di Sini * 
* TeRiMa KaSih KeRana BeKerJaSaMa *


Ya Allah . Lebatnya hujan hari ini kan .
Korang tak sejuk ke ?
Lupakan hal itu , sekarang ni . 
Ris nak tunjuk 10 Perkara yang dibenci ketika kita berblog . 
Nak Tahu . 
Baca dekat bawah ni .. 

1. Letak Lagu Dalam Blog Tanpa Button Pause

2. Ada Word Verification di kotak Komen

3. Memaksa Blogger Lain Follow Blog

4. Memberi Komen Yang Menyakitkan Hati

5. Letak spam dalam Kotak Komen Blogger Lain

6. Terlalu Banyak Widget Tak Berguna Dalam Blog

7. Membuat Syarat Giveaway Yang Melampau

8. Blog Terlalu Berat Untuk Di Buka

9. Membuat Penipuan suruh Klik (Iklan Churp Churp) 

10. Membuat entri yang Lucah, Emosi, Terlalu Peribadi, Fitnah

11. Cuba Korang Tambahkan untuk kita semua Perbaiki Blog..






GiveAway Januari : Siapa Cepat Dia Dapat

بسم الله الرحمن الرحيم
 * SeLamat DaTang Ke Blog FaRis Ris * 
* MoHon BerKelaKuan Baik Di Sini *
 * TeRiMa KaSih KeRana BeKerJaSaMa *


Siapa Nak Join !
Klik Link Ni . 
( Link )

Tarikh tutup GIVEAWAY ni pada 30 Januari 2012 ..

Tag :



( Arie Fareeha )
http://putriblackhartblue.blogspot.com/

Cantikkan Scroll Bar Blog ( Versi 3 )

بسم الله الرحمن الرحيم 

 * SeLamat DaTang Ke Blog FaRis Ris * 
* MoHon BerKelaKuan Baik Di Sini * 
* TeRiMa KaSih KeRana BeKerJaSaMa *



Today , Ris nak ajar macam mana nak cantikkan scroll bar .
Ini yang kali ke - 3 .
Kalau nak tahu macam mana scroll bar versi 1 dan 2 .
Buka link ni .


Dah buka . Untuk Yang ketiga ni .
Dia lain sikit . First tengok gambar dekat bwah ni dulu .


Nampak tak apa yang dia tunjuk tu . 
Yang tu laa yang Ris nak ajar ni . 

  • Dashboard > Template > Edit Html > Proceed > Tick Expand Widget . 

  •  Ctrl + F = serentak ! ; cari code ni :

]]></b:skin>



  • Then , Copy code dekat bawah ni dan pastekan diatas atau sebelum kod yang dicari tadi .

::-webkit-scrollbar {width: 8px;height: 8px;}::-webkit-scrollbar-track-piece  {background-color: #A9F5D0;border: 3px solid #FFFFFF;}::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {background-color: #01DFA5;border: 1px solid #FFFFFF;}



  • Preview dan Save . 
Nota Kaki :

Biru : Kod Warna