Opzzpinky | Lifestyle Blogger

July 8, 2012

Cara Nak Buat Drop Cap [Huruf Pertama Besar]

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

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 + "?max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'></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

Cara nak tukar design bacground pada google chrome

Korang boleh tengok video yang sha baru buat..ini tutorial mesti semua orang dah tahu kan?? adakah anda pengguna goggle chrome?? so kita sama..hehe..

Fashion Handbag

Pagi-Pagi ni sha nak bagi mata korang segar ja..haha..beg cantik dan cute baru datang..masih hangat woo...

Kalau berminat boleh PM Puteri Wewin

July 6, 2012

Cara Nak buat Related Post Pada Blog

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