July 8, 2012

Cara Nak Buat Drop Cap [Huruf Pertama Besar]

July 08, 2012 5 Comments
Tutorial ini akan menunjukkan cara nak buat drop cap..senang saja..hanya ikut step

Dashboard >Design >Edit HTML > Tick Expand Widget Template 

Step 1.Cari code </head>
*tekan serentak ctrl+F dan masukkan code dalam box untuk memudahkan pencarian

Step 2.Copy code bawah ni
<style type="text/css">hufufbesar{float:left;width:80px;font-size:400%;font-family:Edwardian Script ITC;font-weight:bold;color:#343434;line-height:80%;}</style>
Untuk customize:*80=lebar size drop capEdwardian Script ITC=Jenis tulisan343434=Warna tulisan

Step 3. Preview dan save

Cara nak Gunakan drop cap

Step 1.Tulis entry macam biasa.

Step 2.Click pada edit html dan taipkan code ni <hufufbesar> sebelum huruf pertama dan </hufufbesar> selepas huruf pertama.


Lihat contoh pada garisan merah

Step 3. Kemudian Preview dan teruskan menaip entry korang..



Credit to : SihatiMerahJambu

July 7, 2012

Cara nak Letakkan Ikon Label | Author | Date dibawah Post Title

July 07, 2012 3 Comments

Dashboard > Design > Edit HTML > Tick Expand Widget Template

Step 1. Cari kod <div class='post-header-line-1'>

Step 2. Copy kod bawah ini
<font style='background:transparent url(url picture) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url( url picture ) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url( url picture ) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'></b:if></b:loop>
</b:if></font>
Step 3. Preview dan Save
Note !!Kalau picture iut tidak center, ubah 11px kepada 15px mengikut kesuaian sendiriUrl picture korang boleh ambil di sini
Credit to : Teknik Buat Blog

July 6, 2012

Cara Nak buat Related Post Pada Blog

July 06, 2012 7 Comments
Nampak tak related post pada bawah entry ini? ok, tutorial ini di request oleh kelantaner.blogspot.com sorry sebab lewat buat..sha ada hal, but tetap akan buat..hehe..hope kamu faham ya..

Open Dashboard > Design > HTML > Tick Expande widget template 

Step 1. Cari kod  </head>
Step 2. Kemudian Gantikan dengan kod bawah
<!--Related Posts Scripts and Styles Start--><!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'><style type="text/css">#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding-top:5px;padding-left:5px;}#related-posts .widget{padding-left:6px;margin-bottom:10px; }#related-posts .widget h2, #related-posts h2{font-size: 1.6em;font-weight: bold;color: black;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{color:blue;}#related-posts a:hover{color:blue;}#related-posts ul{list-style-type:none;margin:0 0 0px 0;padding:0px;text-decoration:bold;font-size:15px;text-color:#000000}#related-posts ul li{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVMC3quKaWwpTyP5BTVbyrO4fvCN65wp5RoF1VG_Q-fp7Ue2l6wr-XLQzhalPsujKnnndlho7C6BDOBn23yFOVBvWwBW84osckWZpc5xlLoxfqOQ03_gYUXEBotJcbSP5OIkMRcVPBDw/s200/greentickbullet.png) no-repeat ;display:block;list-style-type:none;margin-bottom: 13px;padding-left: 30px;padding-top:0px;}</style> <script type='text/javascript'>var relatedpoststitle="Related Posts";</script><script src='http://bloggergadgets.googlecode.com/files/related_posts_min.js' type='text/javascript'/> <!--Remove--></b:if><!--Related Posts Scripts and Styles End--></head>

**Kalau nak tukarkan ayat pada Related post ~> var relatedpoststitle="Related Posts"; 
Step 3. Kemudian cari kod dibawah 
<div class='post-footer-line post-footer-line-1'>
Step 4. Copy kod ini
<!-- Related Posts Code Start--><!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'><b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><script type='text/javascript'>var maxresults=5;removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);</script></div><!--Remove--></b:if><!-- Related Posts Code End-->
Step 5. Pastekan dibawah ayat tadi
**Kalau nak ubah bilangan post yang akan displayed ~> var maxresults=5;
Preview dulu, kalau takda salah means anda berjaya..yeah!!

Kalau blurr boleh tanya sha ok !! selamat mencuba

Kelengkapan Untuk Mendaki Bukit Botak

July 06, 2012 3 Comments
8 Julai bersamaan hari Ahad ini sha akan mendaki bukit butak yang berada di belakang Uitm Sabah nanti sha akan tunjukkan gambar, ini adalah sebahagian dari modul part 4..so kena pergi juga kalau tak pergi akan repeat..

Selepas class arab sha pergi beli kelengkapan untuk mendaki, 1st time pergi mendaki, belum ada pengalaman lagi..hehe..mesti best kan..tapi 1 ja malasnya..sha gayat..huhu..takutlah..


topi ladang..ini mesti !! supaya muka tak jadi arang


nama kasut ni adidas kampung..memang digunakan oleh senior-senior time pergi sana


disebabkan bukit tu botak, dan hanya ada lalang sahaja..kami diwajibkan membeli sarung tangan

ada lagi tak keperluaan untuk mendaki yang belum sha beli?? kalau ada boleh tak korang tolong listkan..hehe..atau ada pantang larang yang tak boleh semasa mendaki..share lah ya..thanks :D

July 5, 2012