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>

Pengiklanan kat Blog

Salam..

Salah satu post tutorial yang sangat digemari oleh bloggers,

macam saya juga.

punyalah susah nak cari refer tuk masukkan pengiklanan ni..

yela kan, kite papar iklan dorang, duit pun masyuk...

i suke uu..

&

very millions thanxs kat C33ra atas kesudian beliau

berkongsi tutorial ngan kite sume..

cayunkkk awakkk...;p

okeh, jom kite mulakan skrg...

1. Yup, register kat mane² pengiklanan yang tawarkan iklan

yang saya taw n femes gitu Nuffnang, Advertlets,..
tak kirala yang mane, tapi yang pasti konsepnye still sama..

2. biasenye, dorang de 3 section yang bleh letak iklan..

i. Header

ii. Sidebar

iii. Between content..

3. kalo kat Sidebar (ala.. yg kat listing blog² tu)

i.  Pi kat Layout > Add a gadget > html/javascript - paste coding > save

ii. Siap

4. Header (atas kat tajuk blog)

i.  Layout >Edit HTML

ii. Tick kat Expand widgets

iii. cari coding  <body&gt; dan copy coding yang diberi dibawah <body>  tadi

<body>

Pastekan Code yang diberi

<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>

iv. save! (toksah bimbang kalo die x appear time preview, normal la tu)

4. Untuk Between Content (diantara petikan)

i.  Layout >Edit HTML

ii. Tick kat Expand widgets

iii. cari coding  

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

 

Pastekan Code yang diberi

 

<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>

 

iv. save!

 

 

Amacam?...

Selamat Mencuba...

p/s : TQVM C33ram00n