Powered by Jasper Roberts - Blog

Tutorial Cara Nak Jarakkan Perkataan (Letter Spacing)

3 comments

click to zoom

Hai all...okey tutorial kedua hari ini koz akan kongsi dengan korang cara nak jarakkan ayat/perkataan pada post entry korang...langkah-langkah nya seperti biasa mudah sahaja...jadi ikutlah langkah-langkah seperti di bawah...

Seperti biasa copy dan paste code di bawah

<p style="letter-spacing:5px;">This text has letter spacing applied</p>


Kemudaian Pada code tersebut korang gantikan ayat yang korang nak tulis pada
"Ayat Yang Korang Nak Tulis"
Pada "letter-spacing:5px" korang boleh ubah code jarak dier pada 5px itu kepada jarak yang korang berminat sebagai contoh

Code 5 px

Budak Nakal

Code 10 px

Budak Nakal

Code 15 px

Budak Nakal

Camat Mencuba...

Tutorial Cara Buka Link Pada New Tab

8 comments

click to zoom

Hai all...bertemu kembali pada tutorial berikutnya...
hari ini koz akan mengajar cara nak buka new tab sekiranya korang klick pada mana-mana link di blog korang...caranya mudah anda hanya perlu mengikuti langkah-langkah di bawah...

Korang boleh copy code di bawah..ada dua code...nak pakai mana-mana pun boleh

Code 1
<a href="Alamat Link Korang" target="_blank">
NamaKorang</a>

Code 2
<a href="Alamat Link Korang" target="_new">NamaKorang</a>

Kemudian masukkan link yang korang nak pada ayat "Alamat Link Korang"
Contoh:-

Code 1
<a href="http://kozumiro.blogspot.com/" target="_blank">kozumi_ro</a>

Code 2
<a href="http://kozumiro.blogspot.com/" target="_new">kozumi_ro</a>

Save dan lihatlah hasilnya...
Camat mencuba...

Tutorial Cara Buat Widget Post Terkini Di Blog

18 comments

click to zoom

Hai all..disini koz akan berkongsi dengan korang cara nak wat widget Post terkini pada blog korang,Widget ini akan mempamirkan setip post terkini yang ada di blog korang dan cara ini akan memudahkan pengunjung untuk megetahui post-post 10 terawal...Cara-cara untuk buat widget ini amat mudah...korang cuma ikut lankah-langkah seperti di bawah...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Kemudian copy dan paste code di bawah

<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:right;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style><script style="text/javascript" src="http://blogergadgets.googlecode.com/files/recentpostswiththumbnailsv3.js"></script><script style="text/javascript">var numposts = 5;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script><script src="http://NamaBlogKorang/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>

Langkah 3

Pada code yang mempunyai ayat NamaBlogKorang gantikan pada nama blog korang

Save dan lihatlah hasilnya...
Camat mencuba...

Denaihati.com

 
Google PageRank Checker Powered by  MyPagerank.Net