New Icon utk Older Post, Home & Newest Post

Mekasih utk. Yanie yg. sudi berkongsi tutorial beliau dengan semua..

U ols,

 jom tukar icon Older, Home & Newest Post..

ala, cam rama² i tu.. =)

1) Log-in blog cam biasa 

2) Dashboard > Layout > Edit HTML

3) Tick Expand Widget templates 

HOME

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/> 

 OLDER POST

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

  NEWEST POST

<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
 expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

*Utk semua yg hurufnya bold kaler merah tu,
gantikan dgn

<img src='URL ICON'/>

4) Preview dlu, tgk menjadi or tidak..
5) berkenan? sila SAVE.. ;p

Blockquote kalerful

Salam sejahtera

1st of all, 

TQVM tuk Liyaana yg sudi share tutorial beliau

meh saya ajar balik ape yg beliau share...
tutorial arini psl nk buat benda alah ni..

*
*
*

salam satu mesia

1) Log-in blog cam biasa 

2) Dashboard > Layout > Edit HTML

3) Tick Expand Widget templates 

4) Cari code  .post blockquote {  ** guna ctrl + f

 

5) copy dan pastekan semua itu dengan code ini di bawah code .. (4).. 

background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;

** Note**

background: #FFCC99; ( kaler bulih tuko SINI )
-moz-border-radius-topleft: 10px; -moz-border-radius-bottomright: 10px; (  ini border dia. kalau nak ubah, just ubah top atau bottom)
padding: 6px; ( tak perlu usik )
Border: 1px solid #ff0d62; ( ini border color merah. kalau nak tukar line dia tebal, tambah lagi 1 kepada 5 atau 10px.

solid adalah garisan lurus. contoh ___________
dotted adalah garisan titik² contoh .........................
dashed adalah garisan putus² contoh _ _ _ _ _ _ _
margin:1em 20px; ( tak perlu usik )

 

6) Save n siap

Icon cute kat Link sidebar

Salam sejahtera,

Kali ni nak share camane nk wat ikon yg. cute, ganti ikon bloggers

yg salu terpapar kat sidebar link tu..

first of all,

TQVM utk AlmansuQie yg. sudi share tutorial tu..

stepnyer :-

1) pastikan kat configure blog list yg kite follow tu JGN tick icon

2) Log-in blog cam biasa 

3) Dashboard > Layout > Edit HTML

  4) Cari perkataan.. ** ctrl+f**

 .sidebar ul li {

 

5) Lepas perkataan tu, letakkan (paste) koding dibawah

background:url("Alamat Gambar Disini") no-repeat 2px .25em;

 

**gantikan alamat url**

6) Tadaa,, siap n save 

Letak Icon pd. tajuk post

Salam :-*

Ngerti apa tajuk entry kali ni?.. :-/

macam SINI la 

ekceli, tutorial asal akak amek kat SINI

Macih ye Darls, sudi u kongsi tutorial ngan kite sume ek..

1. Log masuk cam biase la kan

2. Dashboard > Layout > Edit HTML

3. Cari kod .post h3 {  


4. Letak kod di bawah SELEPAS kod .post h3 {  

line-height: 1.1em;
text-transform: uppercase;
text-align: center;
margin: 0 0 10px 0;
padding: 0 5px 0 0;
background:url(url gambar) no-repeat left top;


4. Preview, kalo suke, SAVE




:D

shortcut to icon/ text

Salam =D>

(so amacam, last tutorial kira menjadi la yep.. :-*)


entry kali ni lak pasal camane ek nak wat shorcut icon..
ala.. yg macam ni ♥, ♪, ♫ n else tu..
gamak²nye de ke org nak jwb kalo kite yg. tataw kebenda ni tanya?..
so, dont fening²,
meh sini nk turunkan ilmu sket..


akak tataw le kat mane amek dis shortcut tempohari..
sori ek mane² otai sume..
akak salin balik kt buku nota akak..
mane taw, dibuatnye hilang..
tak dapek nak nolong.. :)


so, here we goes..


alt + 1 = ☺
alt + 2 = ☻
alt + 15 = ☼
alt + 12 = ♀
alt + 11 = ♂
alt + 6 = ♠
alt + 5 = ♣
alt + 3 = ♥
alt + 4 = ♦
alt + 13 = ♪
alt + 14 = ♫
alt + 253 = ²
alt + 0153 = ™
alt + 0169 = ©
alt + r = ®




amacam ;;)
So, selamat mencuba..

Emoticon on post

Salam

Kali ni entry pasal camne nk letak emoticon² dalam post,

ala cam dlm ym tu, hikhikhik

source asal kat SINI

1. Log masuk ke akaun blog memasing

2. Layout> Edit HTML

3. Cari kod </head>
4. Letak kod dibawah SEBELUM kod </head>

<script src="http://mltan100.googlepages.com/emoticons.js" type="text/javascript"/>

5. Siap, save!!!


jom testing!!!

=))

kotak dalam entry

Salam

n3 camane nak letak kotak² dlm post..

ala, macam ni..

Ayat² chenta.. :P

jugak saya refer kat tutorial c33ra..

macih skali lagi c33ra..

sangat berguna ilmu yg. awak sampaikan.. =D

1. Cam biase, nak wat new post

2. letak lak coding ni.. 

<span ><div style="border: 1px solid rgb(0, 0, 0); padding: 7px 5px 7px 10px; width: 400px; background: #F5A9F2">
letak ayat kamuu..
</div></span>

*jenis² border yg. leh alter :- 

border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: double;
border-style: groove;
border-style: ridge;
border-style: inset;
border-style: outset;

• border: 1px solid tu = boleh ditukar 
• width = boleh ditukar 
• background = pun bleh ditukar 

*kod warna html ... HERE.. 

3. okeh, siap n publish le wei.. ;p

Update!!

yg ini sy create sendiri :-

letak ayat kamuu..

<center><div style="background: #F5A9F2; border-bottom-style: dotted; border-color: #FF00FF; border-left-style: solid; border-right-style: solid; border-top-style: dotted;
border-width:2px; padding: 7px 5px px 10px; width: 400px;">
letak ayat kamuu..</div>
</center>