✎ follower

Susah Senang Sama Sama

Daisypath - Personal pictureDaisypath Anniversary tickersborder="0" height="80" src="img src="http://davf.daisypath.com/pywip8.png" width="450" / />

Monday, December 26

Tutorial - Letak Background dan Border di Follower

Eh rajin pulak aku buat tutorial malam-malam ni hehe. 
Jom !

Dashboard > Design > Edit HTML

1- Cari code dibawah ini.
]]></b:skin>

2- Copy code dibawah ini dan pastekan di ATAS code tadi.


#Followers1-wrapper {
background-image: url(URL BACKGROUND);repeat; repeat; padding: 5px; border:2px dashed #a64d79; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;}
.foot-block {
line-height: 14px; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; color: #5f5f5f !important;
width: 260px;height: 222px;padding: 17px;
-webkit-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.1);}


3- URL BACKGROUND : Letak background yang korang nak untuk follower.
    dashed : Untuk border, samada nak tukar pada solid atau dotted pun boleh.  Nak kekalkan dashed pun boleh.
    #a64d79: Untuk warna border

4- Apa lagi ? Cepat-cepatlah save !  Tapi untuk keselamatan lebih baik preview dulu.

Selamat mencuba !


dah baca??? Tinggalkanlah comment. Tengkayu =)

Tutorial - Letak Background dan Border pada Blog Archive


Menjadi jugak eksperiment aku kat blog adik aku.
So aku nak kongsikan kat korang ye !

Jom !

Dashboard > Design > Edit HTML > Tick Expand Widget Templates

1- Cari kod seperti bawah ni (ctrl F untuk memudahkan pencarian )
<div id='ArchiveList'>
2- Copy code dibawah
<div style='overflow:auto; height:200px; background:url(URL BACKGROUND); background-repeat:repeat; padding: 5px; border:2px dashed #a64d79; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;'>
3- Dan pastekan diatas code yang berwarna kuning tadi seperti dibawah.

<div class='widget-content'><div style='overflow:auto; height:200px; background:url(URL BACKGROUND); background-repeat:repeat; padding: 5px; border:2px dashed #a64d79; border-top-left-radius: 20px 20px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;'>  
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if><b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
<b:include name='quickedit'/>

4- Code yang warna purple adalah code yang WAJIB korang tambah.

5- 200 : Ukuran panjang scroll box
     dashed : bentuk border.  Korang boleh tukar pada dotted atau solid.  Kalau nak kekalkan dashed pun boleh.
     #a64d79 : code untuk warna border
    URL BACKGROUND : Letak background yang korang nak untuk blog archive

6- Preview dulu baru save ye !  Insyallah menjadi =)


dah baca??? Tinggalkanlah comment. Tengkayu =)