Friday, November 30, 2012

Freebies : Cute Emotion Part 5

Tumblr_mdng8bjbtq1qfxocho1_500_large
















Tutorial : Navigate Terapung Style 1

Tumblr_mdgcytxl5a1r2r1gko1_500_large
Tadi ade orang reQ  pasal navigate yg atin taruk .. Tapi sebabkan die reQ atin terpaksa buat . Sebab klo ikutkan sebenarnya tu dari wana punya.. 


  • Kalau guna classic template, paste dekat bawah </style>
  • Template designer can simply paste this codes into HTML/GADGET 

<style>
.raejun{
width:96px;
padding:2px;
margin-top:5px;
box-shadow:2px 2px 4px #DFDFDF;
background:#eee;
font:8px tt;
text-align:center;
Text-decoration:none;
color:#FF8888;
text-transform:uppercase;
display:block;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
border-left:0px solid #FF8888;
}
.raejun:hover{
width:66px;
border-left:30px solid #FFBBBB;
}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}
</style>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:35px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="background:#eee;color:#fff; position:fixed; top:0px;left:90px;width:10px;height:100px; box-shadow:2px 2px 6px #ddd; text-align:center; font-size:12px; text-transform:uppercase;">
</div>
<div style="position:fixed; top:100px;left:20px;width:100px; color:#aaa;">
<div style="background:#FFBBBB;color:#fff;width:100px; box-shadow:2px 2px 4px #bbb;text-align:center; font-size:12px; text-transform:uppercase;">
Navi</div>
<img src="http://i.imgur.com/jninm.png" style="width:80px;border:10px solid #eee;margin-top:5px;box-shadow:2px 2px 4px #ddd;" >
<a class="raejun" href="LINK HERE">link 1</a>
<a class="raejun" href="LINK HERE">link 2</a>
<a class="raejun" href="LINK HERE">link 3</a>
<a class="raejun" href="LINK HERE">link 4</a>
</div>




Credit by : wana



Tutorial : Letak Garisan Antara Sideber/Entry

Tumblr_mdfuifonau1qf4k86o1_500_large
Nasib baiklah hari ni atin tak rasa busy hihi.. boleh la layan reQ.. Ok untuk kali ni punya reQ dari Fathin , tak silap atinlah .. dia tanya, 'macam mana nak buat garisan antara sideber dengan entry post.. Ok dulu atin pun tak tau macam mana nak buat garisan tu. tapi bile atin cari2 jumpa jugak hihi..  OK kalau sapa-sapa yang tak tau lagi buat , tengok contoh bawah ni..


yang atin ajar ni untuk yang siapa guna clasic template je tau.. yg denim tu mmg dah ada..
Ok jom la start.


Blogskin

 Dashboard > Template > Edit HTML
 Press Ctrl+F serentak dan cari code <blogger>
 Dapat? korang tgk atas code tu ade code  <div id="entry">
 Kalau nampak, korang copy code bawah ni
border-left:2px solid #000;
 Paste ikut contoh bawah ni

*Contoh korang tgk macam bwh ni.. sebab code td ad yg same ad yg x sama..
Yang atin kotakkan tu korang letak mcm tu , sebelun tanda *>*


 Dah buat? Preview & save !


*oren : kedudukan garisan (right or left) ikut kedudukan sideber k
  hijau : ketebalan garisan
  biru : jenis garisan 
  ungu : code warna 






Thursday, November 29, 2012

Tutorial : Letak Background Dalam Entry

Tumblr_m0fmdib0nz1qjg394o1_500_large
 OK, baje siap-siap tukar citerase baru LOL hihi.. ade req pulak.. ok syaza maksukan tu . tengok photo bawah ni..


Dah faham? ok jom mula buat caranya.

 

 Dashboard > Design > Edit HTML > Tick Expand Widget Template
 Tekan ctrl+f then search code ni ;
.content-inner {
 Dah jumpa? Korang copy code bawah ni and paste bawah .content-inner { tau.
 background:url("URL BACKGROUND");
 preview and save .




Blogskin. 

 Dashboard > Template > Edit HTML
 Press Ctrl+F serentak dan cari code </style>
 Copy code bawah ni
.tory { 
background: url(URL BACKGROUND); 
background-attachment:fixed;
}
 Paste di atas code </style> tadi

 Next, Press Ctrl+F dan cari code <blogger> pulak
 Copy code bawah ni 
<div class="tory">
 Paste di atas code <blogger> tadi
 Preview & save

red : korang ubah kepada background korang.
kalau boleh jangan warna yang gelap tau..nnti x nampak tulisan.

Sambut MERDEKA!!!! TingTong SPM Tamat!!

Peace Yo VIP !!.. hye macam mana dengan korang semua? dah lah - dah lah ... korang berhenti je lah perkara yang lepas tu , pasal kene BOoooo!! tu. Atin dah baca surat kabar dah. Baru atin perasan yang buat bunyi BOooo tu semua lelaki LOL . hahaha , korang tau ape yang surat khabar tulis? lelaki buat Boo sebab diorang jealous tengok orang korea handsome and kawaii . Tu yang budak lelaki kita Booo tu hahaha ... lawak atin baca .. Rupanya budak lelaki jealous.. Tapi ada jugak perempuan yang Boo tapi sikit je...


Dah habiskan cerita Booo ni ye? haha atin pun malas nak mengulas cerita ni.. Kali ni atin nak cerita , bawasanya, Atin sedang menyambut MERDEKA!!!!!  You know why? sebab atin telah pun tamat menghadapi kesukaran LOl hahha . Ok atin dah habis paper SPM .. Yoohhh!!! lege rasanya . Dah tak payah nak pikir tentang gemuruh.. Tapi ada yang belum habis lah LOl .. Tapi tak pe lah , good luck yang belum habis tu hihi...


Semalam , mas paper last. budak lelaki punya lah bising >< menyampah pulak atin tengok diorang . Macamlah paper last tu x de nak pikir soalan susah ke tak? dalam kepala otak diorang cuna pikir last paper je.. Macam diorang dah pandai sangat dengan paper sastera tu? . Aisshhh ingat apa? paper last tu xde apa-apa ke? or saja je nak bagi ? hey masuk resurt gak tau Haa... 


HJmmmm Atin masih tak tau lagi lol. SPM dah habis? kalau dah habis, boleh bebas la kan? tapi atin tak macam bebas pun --; . dah habis tapi duk rumah jugak. tak de nak kemana pun ... Lain lah kat KL. \. dah habis pereksa terus p KLCC hihi .. tapi sekarang atin dah jadi orang kampung .. xde nak ergi mana-mana lah --' ; bosan lah..kan bagus dok umah ada kerja .. tapi dok umah mengadap internet jelah ahaha..


Ok , cerita dah habis. sekarang nak cerita tentang MAMA .. not mama is mom or mother OK.. MAMA award >< .. Ada juga yang pikir apa tu MAMA? ingat ibu hahah.. Bw . korang dah vote ke Kpop korang? kalau tanya atin .. maybe belum huhu. Ehh jangan lupa kalau korang masih ingat lagu yang mula-mula sekali yang gegarkan pentas? siapa? hmmmm siapa lagi bigbang kita LOL hihi.. Aloo jangan marah huhu.. atin gurau je.. nak vote gak pun tak pa.. bagus jugak tu hihi...Ok lah atin nak buat keje sikit ni. nak kene buat header yang di re! ni.. cadang nak buat malam tapi tak tentu sangat .. kadang-kadang tu malas gak huhu.. tapi terpaksa .. takut reQ tu menderita? LOL apa yang aku cakap ni? hmmm --'


bigbanggifs:

VOTE VOTE VOTE!

8 more days! 

Tutorial : Tukar Kedudukan Sideber

Tumblr_mdh0frqi8l1qeangno1_500_large
Tadi , ade reQ OK lah , hari ni atin nak ajar korang yang untuk denim template sahaja OK .. Cara nak ubah kedudukan sideber koramg .. Tak faham ek? macam ni . contoh atin tunjuk . sekarang sideber korang kat belah kanan kan? tapi korang nak ubah ke kiri.. jadi.. meh atin ajrkan ye..


1. DASHBOARD > DESIGN > EDIT HTML

2. Tekan CTRL+F serentak dan cari code bawah ni

#sidebar-wrapper 

3. korang akan jumpa kod macam bawah ni kan ?

#sidebar-wrapper {
  margin-$endSide: 14px;
  width: 290px;
  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 */
}

4. tukarkan code yang Atin highlightkan supaya jadi macam bawah ni  

#sidebar-wrapper {
  margin-left: 14px;
  width: 290px;
  float: left;
  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 */
 }

5. Preview dulu dan kalau dah jadi bolehlah SAVE  !



*ingat , ni hanya untuk denim template SAHAJA .

Wednesday, November 28, 2012

Tutorial : Letak Link Di Post Title

Tumblr_mdm7yfv7kw1rsj3wyo1_400_large
Maaf , Atin lambat nak update tuto ni.. sebab busy sangat. Tapi sekarang dah ok.. jd atin nak ajar korang , terutama yang guna blogskin tu, cara nak  letak link di setiap post title.. Taukan maksut tuto ni..? OK jom mula..



BLOGSKIN

 Dashboard > Template > Edit HTML
 Press Ctrl+F serentak dan cari code <$BlogItemTitle$>
 Delete code <$BlogItemTitle$> , ganti code bawah ni
<span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span>
 Preview & save































.