Memasang FaceBook Share Button.

Untuk Memasang FaceBook Share Button.

1. Mula-mula anda perlu memilih button klik di sini.

2. Setelah selesai memilih button.

3. Sign in akaun blogger anda.

4. Pilih LAYOUT --> EDIT HTML.

5. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah.

6. Cari kod ini.

<div class='post-header-line-1'/>

7. Copy kod button yang anda pilih tadi dan letakkan selepas kod di atas.

8. Sekiranya anda tidak menjumpai kod di atas letakkan kod button sebelum kod ini.

<data:post.body/>

9. Setelah selesai pilih PREVIEW.

10. Sekiranya anda berpuas hati pilih SAVE TEMPLATE.

11. Selamat Mencuba.

READ MORE...

Menambah Post Divider.

01. Sign In akaun blogger.

02. Pilih Dashboard >> Layout >> Edit html.

03. Cari kod ini.

.post

04. Gantikan kod di atas dengan kod ini.

.post{
margin: 0 0 40px 0;
width: 90%;
background: url(http://www.imagehost.com/separator.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}

Perhatian !!! Gantikan url image berwarna merah dengan url image anda (Url image di bawah juga boleh digunakan).

1.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwv7ghEUgyuyMPAYjlKJZ_82Mhr3_ncQ1eenF5liGLPMACwWew9VQxe7_9J4duHZwQUZgzhVZ1t6T-46gVG0rdaBhIpixW7Pa83wMEKkVcisEBQcIVLgWHYFWkFqJ6HG5aiPvZ4xFeKvA/s400/bar54.gif

2.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz0XVzpi_jnKsoHxLsP5R4zsSNBRTZmW0nCBh8k0-GR8N7d7PFEVNhfVzfw1xVyZR-oBn43-E96P2koVJoDK9YvCODH0SkIZMUzZAjn3iBe8vBApvE1YJv-IhjpacLPiVdaewi8wcKcTs/s400/flowerbar.gif

3.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl_7eD4wFwmOpMxFD68vcg-VBNc8ctruI1NeVvNDRwyH3xblURdbdFlXfiuhb9nqrai7aBYFPvhvkgvQ9Cb_pekNJYwTkDu_mXpOrM8hkJv2Ks1M-vSCt-Tg3bSHdAmWbtEnXzFHk4r1Y/s400/astarl7s.gif

4.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijEkvaIRsyTyUssUVi6m_RcBa18-zkw2EBi_Xb05-tP1uXFyxuRZ-4G8MeXmJF4Zvn_y4wiXc_XQqNNo71aWeRnk4unasHVVqDnw9n7eczOOompl8C-K5eDXTxUIIYkQU-e8dgzx_FNvg/s400/bloodrose.gif

5.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQJYY_WHLtn5pmr0VJ2ai8MpaTGASN8O9tTTZOIiD06cznRg2RTWC6gsoFV8arTHQGq5uF_S7Yu4P4hgWOKaA69DoEWEpD_lQ0M8qlr-9c1_OLATaZOEnhOYjU5UhS5ge-PvxHpoVIMO0/s400/chain.gif

6.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXY8iJ7U-dN3I4Z_awMyrmFBm9Z0OyQOBrWjZ8Xlilvai3BrBzYjZZJt1IOaWS54OdRFOu7BbF6Uuryy_8p9SBhyphenhyphenLr-DH-4T_9KW3Ep2BiqqDsRL0JgTiNL1BmXSV0jqhb240gWEHLJIM/s400/dividers_96.gif

7.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_QB8chikf04xB4jUL2ZCA-XDuhbF5cMGLP6gZiyy52CXnKXxil1_6NSArDq_Tkd5LvnE2leb7WQoQK6SM1TaaciKWvI949c9hN4zcqZ-h0-WgxT1rwAZ3inFXUmf0NUL1vp7Dv-r1k_w/s400/irish-border4.gif

8.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFCpwxshH6xRrN2z15KVTu-aYmCYfCN2b0C5sA2jeWVxueHFpqIUhkowTypa_eWSgjYXiV5PYfJ3xVcR7Nt2EX3xFRSapTwb9f9GGjaTUsHypbh_Zc268uuLXD4WDI90yUF2stSISllUY/s400/resfiles_output.php.gif

9.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1R6kK1mZ4WQ-6JkRnxSGX_SXmpCI5wZSulR-g-a8LAsxvf2G_ON2wd9KEebc-CQPKeKPOaKhKXuz7L072CLStVgw1GDRcp239wcJ_QsvxMiGhXsYjwQRWa397qfaUNRccbSSG79smbDQ/s400/resfileszcp.png

05. Pilih Preview, Sekiranya anda berpuas hati pilih Save Template.

06. Selamat Mencuba.

07. Sumber AllBlogTools.

READ MORE...

Memasang Page Views Hit Counter.

Memasang Page Views Hit Counter bertujuan untuk menunjukkan kekerapan pengunjung / pembaca sesebuah post / page.

Untuk memasang blogger page views ini, sila ikuti beberapa langkah mudah ini.

1. Sign In akaun Blogger.

2. Pilih LAYOUT --> EDIT HTML.

3. Cari kod ini.

<p><data:post.body/></p>

4. Copy kod di bawah dan letakkan di atas kod tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='hit-counter'>
&lt;a href=&#39;http://csharpdotnetfreak.blogspot.com&#39; rel=&#39;follow&#39;&gt;
<script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/> &lt;/a&gt;
</div></b:if>

5. Cari kod ini.

</body>

6. Tambahkan kod dibawah, di atas kod tadi.

<a href="http://csharpdotnetfreak.blogspot.com/2009/02/blogger-post-page-views-hit-counter.html"><script src='http://www.amitjain.co.in/pageview.php' type='text/javascript'/></a>

7. Pilih SAVE TEMPLATE.

8. Selamat Mencuba.

Sumber csharpdotnetfreak

READ MORE...

Menambah Scroll Background Dengan jQuery.

LIHAT DEMO

1. SIGN IN akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.

4. Klik pada EXPAND WIDGET TEMPLATE seperti screenshot di bawah ini.

5. Cari kod ini.

</head>

6. Copy script jQuery di bawah dan letakkan di atas kod tadi.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2' type='text/javascript'></script>

7. Tambahkan script ini, di bawah script jQuery tadi.

<script type='text/javascript'>
//<![CDATA[
$(function(){

// ***
// Scrolling background
// ***

// height of background image in pixels
var backgroundheight = 4000;

// get the current minute/hour of the day
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();

// work out how far through the day we are as a percentage - e.g. 6pm = 75%
var hourpercent = hour / 24 * 100;
var minutepercent = minute / 30 / 24 * 100;
var percentofday = Math.round(hourpercent + minutepercent);

// calculate which pixel row to start graphic from based on how far through the day we are
var offset = backgroundheight / 100 * percentofday;

// graphic starts at approx 6am, so adjust offset by 1/4
var offset = offset - (backgroundheight / 1);

function scrollbackground() {
// decrease the offset by 1, or if its less than 1 increase it by the background height minus 1
offset = (offset < 1) ? offset + (backgroundheight - 1) : offset - 1;
// apply the background position
$('body').css("background-position", "50% " + offset + "px");
// call self to continue animation
setTimeout(function() {
scrollbackground();
}, 70
);
}

// Start the animation
scrollbackground();
});
//]]>
</script>

7. Cari kod CSS body.

body {
background:#000;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

8. Gantikan background dengan kod ini.

background:url(http://lh6.ggpht.com/_dfnTVAxeWMI/SrFV2ZgHUvI/AAAAAAAACU8/yP_7acjnv5U/bgscroll.jpg);

10. Contoh.

body {
background:url(http://lh6.ggpht.com/_dfnTVAxeWMI/SrFV2ZgHUvI/AAAAAAAACU8/yP_7acjnv5U/bgscroll.jpg);
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

11. Pilih PREVIEW untuk melihat hasilnya.

12. Jika berpuas hati pilih SAVE TEMPLATE.

Perhatian !!! Sekiranya anda sudah mempunyai script jQuery NO 6, anda hanya perlu tambahkan script NO 7 di bawahnya.

READ MORE...