Add Subscribe Box to Blogger/Website.

1. Masuk akaun Blogger.

2. Pilih 'Design'--> 'Add a Gadget'--> 'Html / Javascript'.

3. Copy kod di bawah dan Paste.

<style type="text/css">
#subscribe-box {
overflow: hidden;
margin: 10px 0 0 0;
}

#subscribe-box a.subscribe-sec {
display: inline-block;
display: -moz-inline-stack;
width: 40px;
padding-top: 38px;
zoom: 1;
}

#subscribe-box a.subscribe-sec:hover {
color: #660000;
}
</style>

<form action="http://feedburner.google.com/fb/a/mailverify" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p><h4>Get Notified When We Update !!!</h4></p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value='';" /><input value="FEEDBURNER-ID" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">
<a title="Delicious" href="http://delicious.com/DELICIOUS-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU50__0vc64U9nN1LRIs7zOGBNnBAaFeAhUib3A2-6kHnUOiyajkd5nOBYUuJfUjYLNTk3X9PAOTGI-qVPo6zxZQXy9lqf-D25AOpIZmcVHqnDaAHdGOtNLAGIis3CzEkJJ6csrwhI9XxC/s1600/delicious.png) center top no-repeat"></a>
<a title="Twitter" href="http://twitter.com/TWITTER-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQYz_tFYDuPZkpCWGWAPtiG13kpDg9-1KxudFl2gGaLvL4prjMQRy1WLgidOEfrve4kjdKjzgGI460QtjlZiyD11xXOotcnCumpKp5KZ3GGGSHP0csQmeO3H04J866aSiFivBuMzWTMwak/s1600/twitter.png) center top no-repeat"></a>
<a title="Digg" href="http://digg.com/users/DIGG-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu0axxEio6O2rh2FbR7z2nz1F8DVFRrEfuyTxNQAl5Sc1JhWYTRNWkGTsAkGQo8vZWQxc4GumKiEsmgfYqSQnJIhUrxYTUJbZjRq7UzmFqw2p5uaScMXFeMfH7jtiLk1jN5xn8HPpAFf-V/s1600/digg.png) center top no-repeat"></a>
<a title="Facebook" href="http://www.facebook.com/FACEBOOK-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiibQRkzwY6UVVDFzYyf6pn_K85nGKcoFMy5MxRfGdYRduB6fupYFAAPsr-TUgiOiM-Df2InsO-49-ON9St0b7RzXVzL6i_b71yCB_ixM7E2VUw0rkHwUmJzQvuOpz2N6EpHZQ7lakaYcGv/s1600/facebook.png) center top no-repeat"></a>
<a title="Stumbleupon" href="http://www.stumbleupon.com/stumbler/STUMBLEUPON-USERNAME" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8M9kFs5fR_9P3G1iPYsQ_bZuY0VOgCWlp8-xc3uxmCPh3m6nU5TMZDTq5G1ighYVsWVpuVHaiote0mhdfP2-p-5685nOrvVQEOXsC3j71XK1Kylwuk_-OSNI28wdro4Ft2fm38lUoO7A0/s1600/stumbleupon.png) center top no-repeat"></a>
<a title="RSS Feed" href="http://feeds.feedburner.com/FEEDBURNER-ID" class="subscribe-sec" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjL7C0ZEfwRzeY68Pe9Yy_xLHZnIp1XSJvXjZ2cQ2oX1hN9Esbja81LxSOlJxTk3It3S7qMxtfV-Lmq6X-MlRPdtsFJgMz6E9SE7tduhlrXsGqakFE13T5N0eOq8659nDj1_a8_RC_RwUd/s1600/rss.png) center top no-repeat"></a>
</div></p>

</form>

Perhatian !!! Gantikan text berwarna biru dengan USERNAME anda.

4. Pilih SAVE.

READ MORE...

Display Number of Twitter Followers as Text.

1. Masuk akaun Blogger.

2. Pilih 'Design'--> 'Add a Gadget'--> 'Html / Javascript'.

3. Copy kod di bawah dan Paste.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: {screen_name: 'TWITTER-USERNAME'},
dataType: 'jsonp',
success: function(data) {
$('#followers').html(data.followers_count);
}
});
});
</script>


I have <span id="followers">&nbsp;</span> Twitter followers.

Perhatian !!! Gantikan text berwarna merah dengan twitter username anda.Text berwarna biru boleh digantikan mengikut citarasa anda.

READ MORE...

Memasang Google Buzz Button.

1. Sign in akaun blogger anda.

2. Pilih LAYOUT --> EDIT HTML.

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

4. Cari kod ini.

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

5. Copy kod di bawah dan letakkan selepas kod di atas.

<div style="float:right;padding:4px;">
<script type='text/javascript'>
njuice_buzz_url = '<data:post.title/>';
njuice_buzz_title = '<data:post.url/>';
njuice_buzz_share = 'reader';
</script>
<script type='text/javascript' src='http://button.njuice.com/buzz.js'/>
</div>

6. Sekiranya anda tidak menjumpai kod no.4. Cari kod ini dan letakkan di sebelumnya.

<data:post.body/>

7. Setelah selesai pilih PREVIEW.

8. Sekiranya anda berpuas hati pilih SAVE TEMPLATE.

9. Selamat Mencuba.

Sumber NJuice.com

READ MORE...

Memasang 'Heart Social Bookmark'.

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

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

4. Cari kod ini.

<data:post.body/>

5. Copy kod di bawah dan letakkan selepas kod di atas.

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFQvKo-JIzehMlZvP4JANNOwZb6i11I9a1pfYZgSJ1sGGnj0SU7WXGli2DUiL97KA7j07_msKYXgsRMKfRi5Xq823JYZAP_E2OMoqDPTOiICqmQ0IXdi9cXjkuJFIQrPSZopyheVl2e4aB/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW_-RaDeWtm4WeBr-gWete5PVZn4lU4IKtbZJ6b7WK5F7aWfutBZ54tiyPCQ1iC56-8H5aKjIdZPEcqHpGDVgn0XfJkbCpSQK-FrOlJO5xwWSKi6O2m0g5qpYG788j11L3isqaNmqk6VkQ/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipMbo2cc9ysW_Xb9vRJTrl1s6ibGhk7ETG1Aan0faCNxndl95LvPBwBvqdgbsyRZCV15NaTSbgxNnVq8jzswadrHnWkXZ88jO4AnMQ6OKIyvk_96POTI5SpDhXGc_i2Pj9hntE7X829a3D/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkXw_zXBEkDwxrd4IqCAIUfMmmTOgUouGRtdMLHKlz1ihTaO0v_LlXauFjlnI9N0BT-hM_0odr17j_UfDtokFeRGwiMl-kiOFKhODJ_gN9KW-1r0uboF4bLyNkFVCOpK8DJgeQUMihRHqo/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3ZT0b-7LchKnI0goEAohmSTpK8vt7F4X9OAmoYIS0baOtHjBbIFW-Q5x5RVJVY2wnAXjXTXW_TQvpO5dTnJeaDwyvTcw0gcDK35AUTZe3SvSqYg77D2IgEPF_HprniFvT6HaTdS5FQBe/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Yahoo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij9jDW4EGoePSPt0BGcWhu2j54PGVLl66nJXixw7ENNKmo4Sebi4Yq_GpGeBgA_cUf_NfDrxJwTzVGHTC9O2u847s445ZbwfIjtQ8_cBJu2ewiYMvIpmRa7k_-J6XbNL5KWBN0M63nn1DB/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwBoCZ6cndNlZVkdpA-wv0KKba3MpByxCqDsnHr6TG6B5-BamI_18jNj6tozWaV20xMkYonF-aVSUvFa_9U09d_sQpdqbMDje90yGgNPhcpGtP-pvsiat9HqUkzJb39QDXHwGFYbv-zEiO/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkNKmSxIPKtwDV2obdkKrhiegyBhTxDEWNpWW9rthqsg1SYLDolWZXxLz_vuw9qHP918IrQydBcXCY89aR8uqNrYhn8gJ7zo1IdsWy0Fnik8fctEdYMMLiY7WwuwT1FHaFBgGU7y8z9O2P/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

6. Setelah selesai pilih PREVIEW.

7. Sekiranya anda berpuas hati pilih SAVE TEMPLATE.

8. Selamat Mencuba.

READ MORE...

Memasang Retweet Counter Buttons.

1. Sign in akaun blogger anda.

2. Pilih LAYOUT --> EDIT HTML.

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

4. Cari kod ini.

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

5. Copy kod di bawah dan letakkan selepas kod di atas.

( Large Button. )

<div style='padding: 4px; float: right;'>
<script src='http://button.topsy.com/widget/retweet-big?nick=TWITTER-USERNAME&amp;url=' type='text/javascript'/>
</div>

atau

( Small Button. )

<div style='padding: 4px; float: right;'>
<script src='http://button.topsy.com/widget/retweet-small?nick=TWITTER-USERNAME&amp;url=' type='text/javascript'/>
</div>

Perhatian !!! Gantikan TWITTER-USERNAME dengan username anda.

6. Sekiranya anda tidak menjumpai kod no.4. Cari kod ini dan letakkan di sebelumnya.

<data:post.body/>

7. Setelah selesai pilih PREVIEW.

8. Sekiranya anda berpuas hati pilih SAVE TEMPLATE.

9. Selamat Mencuba.

READ MORE...

Memasang 'Leaves Fall Social Bookmark'.

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

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

4. Cari kod ini.

<data:post.body/>

5. Copy kod di bawah dan letakkan selepas kod di atas.

<div style='clear:both; '>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3m3JUT_LqD5pRZNSpdz2V0sJxbYmSOtDk09FVaK3lt_zJzi8mulFuO-8KZ70I8eyu6IsAT-sHqEKRTCrcVlbS9ipQvQCqDywFIituGx70m2ykauzIR4_j1v1UfgGonCRk44zmTBSm5YCh/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8AoHkFNwnBfUgyzG46W2nThMYZOK-LQL4P01Mvahd8OGcQ3kOeVpJ-8qusJfPzMT_DzWoM9Jo7T7XpHEnwsED8CVP97zJ82J9MqQLGGy9YfsMprtZo1crW8Tv_eQT05mn1vBwUWrg_PUJ/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiffVIz5sTUYUyeOEdu12uIoUmjSdXmnvMtYcjncVv10Y8-CYyqRBQ-g_tPpT0hM7wjD2tTRNyBRqeBkgAmV81j107r1rrQQ4-lzRpBCZ0O6YRWnNXVcJYK1fAnev0mmO7aYRzX64QvCbT2/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxOSiPc92fUW8HchJk6Fdt0roxnyIcqvL4K2T-a5VRH1OqPB0xKGuXFILxbIEIqbb2qFiFyaplWzs0JKY8eE8F1kj-w3u1DOUHOogLCE7SyFw-9CSWWFUp2HbVyeaa6adBatjbluuR4lCP/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOytMNn7ggEdRHVSZDLGsXXvZU5l7oBEqKzkHYLuMCsbdzHB6Iu3ALk0xyncPX80V0Rp0xfUyvBo-RDvO9RtRgMsrU5bPo7bgm5D7fIGLf07qNh6k3fJRN1gCl3-S9Ium8F05uL8XdP6A5/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimv_MG_G8vXYonlIDLcnzSiR4pprdfLnwSZGzJQhpVX9-OBszkBy2_6OEJGAFsJuxiUV0P0vzP1PDTqiRvPsH-8IdM811AD17lBvpXxW1Q8XSILG_6pjTsCYi9Ge974B2NbI_kstKKSQdT/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='&quot;http://reddit.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5xm1B-_Yd2A9TT7u7SXgeVAv1V9JW2HcXNW9KkOOuOzbosUL48mg_ogsIhmKTuZ7xIocAH8eHdKQJgAaRCBDZ7p9b4a65s9QBLIL3H5UpUrG6ZKoJdvPymOrjrgOQ_7s19clg1mGCGKtA/' style='padding:0;margin:0;border:none;'/></a>
</div>
<div style='width:65px; float:left;'>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' rel='external nofollow' target='_blank'><img alt='Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjskUcaYnE6nlF8A5jM-cMv0GKERIZ0FqJCxcRONl6bYsHtMz2BL2ZmDoAa6KkfPaGhkM5EkT1m45-pp-TI01QLrqSPWQk2Oxxjr4LgHzT8bEvRfzAyOfkI65eju1dpKLkM5iE_i3X7At8Y/' style='padding:0;margin:0;border:none;'/></a>
</div>
</div>

6. Setelah selesai pilih PREVIEW.

7. Sekiranya anda berpuas hati pilih SAVE TEMPLATE.

8. Selamat Mencuba.

READ MORE...

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...

Memasang Scroll To Top .

Memasang Back To Top Smooth Scroll akan memberikan effect lebih lancar untuk kembali ke atas.

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

3. Cari kod ini.

</head>

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/> <script type='text/javascript'>
//<![CDATA[

$(function(){

$('a[href*=#top]').click(function() {

if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {

var $target = $(this.hash);

$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

if ($target.length) {

var targetOffset = $target.offset().top;

$('html,body').animate({scrollTop: targetOffset}, 1000);

return false;

}

}

});

});
//]]>
</script>
<!-- end scrolltop -->

5. Cari kod ini.

<body>

6. Gantikan kod di atas dengan kod ini.

<body id='top'>

7. Seterusnya, cari kod ini.

</body>

8. Copy kod di bawah dan tambahkan di atas kod tadi.

<div id='goingtop'>
<a href='#top' title='Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOI2Y28DYHngJBVSQrMOw7eeiaThny9v7MVP6nAo-yaB6vylSzCDh4_9Zy2qoRWDc7X0nUywpOPMAcv03uL8v1Gaan7mMMg0A5eRiCl88hoEBi7wybes95tJLY2F4qj2oqrQYsWnYCbuq/' style='right:20px; bottom:20px; position: fixed;'/></a></div>

9. SAVE TEMPLATE.

Gantikan Url berwarna merah sekiranya anda mahu menukarkan Image button.

READ MORE...

Back To Top Button.

Memasang back top to top button
1. Sign in akaun blogger.
2. Pilih LAYOUT --> EDIT HTML.
3. Cari kod ini

</body>

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

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicOI2Y28DYHngJBVSQrMOw7eeiaThny9v7MVP6nAo-yaB6vylSzCDh4_9Zy2qoRWDc7X0nUywpOPMAcv03uL8v1Gaan7mMMg0A5eRiCl88hoEBi7wybes95tJLY2F4qj2oqrQYsWnYCbuq/'/></a>

5. Pilih PREVIEW untuk melihat hasilnya.
6. Jika berpuashati pilih SAVE.

READ MORE...

Memasang "Save As PDF Button".

1. Sign in akaun blogger.

2. Pilih LAYOUT --> EDIT HTML.

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

4. Cari kod ini.

<data:post.body/>

5. Copy kod ini letakkan selepas kod di atas.

<script src=”http://web2pdf.freepdfconvert.com/pdfbutton.js” type=”text/javascript”>
</script>

6. SAVE TEMPLATE.

READ MORE...

Memasang 'Side Fixed Menu'.

1. Sign in akaun blogger anda.

2. Pilih Layout --> Edit HTML.

3. Back Up Template anda dahulu untuk mengelakkan sebarang masalah.

4. Klik pada Expand Widget Template seperti screenshot di bawah ini.

5. Cari kod ini.

]]></b:skin>

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

#menulateral{
position:fixed; text-align:left;
/*Si la ubicación del menú no es la adecuada modifica los valores siguiente: */
margin-top:100px; margin-left:-28px; }
* html #menulateral{ /*para IE*/
position:absolute; }
#menulateral a img{
opacity:1; -moz-opacity:1;
filter:alpha(Opacity=100); }
#menulateral a:hover img{
opacity:0.8; -moz-opacity:0.8;
filter:alpha(Opacity=80);
position:relative;top:0px;left:2px; }
* html #menulateral a img{
filter:alpha(Opacity=100); }
#menulateral img{
margin-bottom: -5px; }
* html .menulateral{
margin-bottom: -3px; }

7. Cari kod ini.

<div id='content-wrapper'>

8. Copy kod di bawah dan letakkan di bawah kod tadi.

<div id='menulateral'>
<span>
<a href='http://syamzone.blogspot.com/' style='border:0;' title='Home'><img alt='Home' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYH_JDDsAFNnUDT1TiUejEZp1OVBNs0T37f7B2u8oSgeqw5i4-qUlUs4pAjrkzsnYeLoCT_5_MxslV-xBaJiQnScaZoBzh3wdBwz4czfEATlwBPanN9o7LEpHGd513m0fScrGjmGio1RY/s1600/menu-lateral-inicio.png'/></a>
<br/><a href='http://syamzone.blogspot.com/search/label/?max-results=999' style='border:0;' title='Show All Posts'><img alt='Archivo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRztVWL8CO8POxdv4WgmJmnEa6SfzEzO34EaJ-KdO7ir4w6nOrSzKWCApAXwPo2NwSNiXGkZFB5PPiBruwQJVJzlw0Ib5TtMrMzbwR8PGXr3iXCv6c08PGd8hiD6JqQ0KjpQlMQHhvZ6k/s1600/menu-lateral-archivo.png'/></a>
<br/><a href='mailto:EMAILANDA@yahoo.com' style='border:0;' title='Subscribe By Email'><img alt='Subscribe By Email' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7VJpp2OCazkXFxSTHt4wMS96_nxwI9Z3-gVBFioz9IQUcLhU_dvidO3djKMfmyWjWpM8npyut0b8l6IwFGGwDvG-35dxUCAydTrdXB9CeKbXdyd3h-jULtLjPZYHSVUaTrlmya4n9cTQ/s1600/menu-lateral-contacto.png'/></a>
<br/><a href='http://syamzone.blogspot.com/feeds/posts/default' rel='alternate' style='border:0;' title='Subscribe a post Feed' type='application/rss+xml'><img alt='Suscribe a post Feed' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgukdW1x_OuqpdDQUPHBxbd_YidbcjSSzU4PjuWt3IPvIJKi_65_cEaU8DhFpDDXp1Vj0K0gjeyvkw3endZ30zXax3-2r06xxCWXRWl6Xyi3ss_a5X51BZUzj4_H32nB1U3LQ5Sikh1aow/s1600/menu-lateral-feed.png'/></a>
<br/><a href='http://syamzone.blogspot.com/feeds/comments/default' style='border:0;' title='Subscribe a comment Feed'><img alt='Suscribete a comment Feed' class='menulateral' src='http://i120.photobucket.com/albums/o190/jaloewig/jaloe/Menu%20Fixed/feed-icon-16x16b_BG_G.png'/></a> <br/><a href='#header' style='border:0;' title='Back to top'><img alt='Back to top&quot;' class='menulateral' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8eGpdD7nIeR5mmdfxtvo0FJEw3i-wyhTeqFpqDTHOknpPzTl3FoI0nquJTkRAUH7TRoGJLIbzITpbyGcmdvQe0cKYR28M3gr5aJFBbXL1IvIu5nNOBigv3y1AZpTqvfJ79EJVCqFJJW4/s1600/menu-lateral-arriba.png'/></a>
</span>
</div>

9. Gantikan text / kod berwarna biru.

10. Anda mungkin perlu mengubah kod berwarna merah margin-top:100px margin-left:-28px mengikut kesesuaian template.

11. Pilih Preview.

12.Sekiranya anda berpuas hati Save template.

Perhatian !!! Kod <div id='content-wrapper'> mungkin berbeza jadi cari kod yang seumpama dengannya.

Rujukan Jaloe

READ MORE...

Memasang 'Give Feedback Button'.

Memasang 'Give Feedback Button' bertujuan memudahkan pembaca memberi maklum balas secara terus kepada penulis melalui email.

Bagaimana untuk memasang 'Give Feedback Button' ?

Sila ikuti beberapa langkah mudah di bawah.

1. Sign in akaun blogger anda.

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.

]]></b:skin>

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

#givefeedback img {

border:0px;

float:right;

position:fixed;

right:-13px;

bottom:-13px;

}

#givefeedback img:hover { right:-5px; bottom:-5px;
}

07. Cari kod ini.

<div id='outer-wrapper'>

08. Copy kod di bawah dan letakkan di bawah kod tadi.

<div id='givefeedback'>

<a href='mailto:EMAIL ANDA@gmail.com' target='blank'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3DFGtRKS-0vmoRvgdpB5HbW2OWrswsImgpfYsE4bbqk2N3WHrczBw1UixwoLU_ahW9GhqxvF4dfCXSEx0nmzez4NT5qHOs8ZzDV-rufgL1-1t0cmfs3NkgrGLSmYBe0hcraD7cXDwO0Q/s400/Give-Feedback.png'/>

</a>

</div>

Gantikan text berwarna biru kepada email anda.

9. Save Template.

10. View blog untuk melihat hasilnya.

11. Selamat Mencuba.

READ MORE...

Memasang 'Alert Message'.

Untuk memasang 'alert message' seperti screenshot di atas.

Sila ikuti langkah mudah di bawah.

1. Mula-mula masuk akaun blogger anda.

2. Pilih 'Layout'-->'Edit Html'-->'Expand Widget Template'.

3. Ok,sekarang anda cari kod di bawah ini:

]]></b:skin>

4. Kemudian copy kod di bawah, dan paste di atas kod tadi !!!

5. 'Save template'

.alert {

background: #fff6bf url(http://tinyurl.com/n43yya) center no-repeat;

background-position: 15px 50%; /* x-pos y-pos */

text-align: left;

padding: 5px 20px 5px 45px;

border-top: 2px solid #ffd324;

border-bottom: 2px solid #ffd324;

}

6. Sekarang sampailah ke peringkat yang terakhir.

7. Pergi ke 'Setting'-->'Formatting'-->'Post Template'.

8. Copy kod di bawah ini dan Paste :

<p class="alert">Tuliskan Message Anda Di Sini...</p>

9. 'Save Setting'

10. Pastikan setiap kali anda hendak membuat post baru text ini akan muncul 'Tuliskan Message Anda Di Sini...' dan gantikan text tersebut dengan message anda.

Anda boleh kod berwarna merah 'background: #fff6bf dan border-top: 2px solid #ffd324;, border-bottom: 2px solid #ffd324;' mengikut warna pilihan anda.

Sumber Bioneural.net.

READ MORE...

Menukarkan Text Read More Kepada Image.

Menukarkan text Read More... kepada Image.

Sekiranya anda belum memasang Read More... anda perlu memasang Read More... terlebih dahulu.

Bagaimana untuk memasangnya ? Sila rujuk tutorial cara-cara memasang Auto Read More.

Setelah siap memasang Read More... Sila ikuti langkah selanjutnya bagaimana untuk menukarkan text Read More... kepada image.

1. SIGN IN akaun blogger.

2. Pilih LAYOUT ---> EDIT HTML.

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

4. Cari kod Html ini.

<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>

5. Gantikan text READ MORE - dengan kod image di bawah.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNDG1YcIIiH-4EMnJPyYKs_9P5JklI2qNuVxJXeNV48NaQ7mL3BgHRNDNXYy1RHrmvDPfBegQcyAa1qbwDmmYzPeKQw9JXrbJ5AqJfnYllkT-HGy8MQ2pX7azZy7SDEHBbTh8dK9wObhF/s400/New-Read-More.png'/></a>

6. Gantikan Url Image berwarna biru kepada Url Image anda.

7. Pilih PREVIEW untuk melihat hasilnya.

8. Sekiranya anda berpuashati SAVE TEMPLATE.

9. Selamat Mencuba...

READ MORE...

Membuat Button Alert.

Untuk membuat 'Button Alert'

Copy dan Paste kod dibawah dimana-mana halaman html.

<form>
<input type="button" onclick=
"alert('Tolong beritahu rakan-rakan anda tentang www.syamzone.blogspot.com !!!')"
value="Perhatian !!!"> type="button">
</form>

Anda boleh mengubah text (Tolong beritahu rakan-rakan anda tentang www.syamzone.blogspot.com !!! dan Perhatian !!!)

READ MORE...

Memasang "Bookmark".

Mula-mula untuk mendapatkan "Boookmark Button" anda mestilah "REGISTER" akaun anda disini AddThis

"REGISTER"akaun anda secara percuma.

Selepas mendaftar di Add This,Anda klik pada 'GET THE ADDTHIS BUTTON'di sini terdapat banyak pilihan button.

Sekarang kita hendak membuat button untuk blogger,Lihat pada Imej di bawah cara-cara memilih button untuk blogger

Setelah selesai membuat pilihan anda klik 'Get Your Free Button'.Sekarang anda telah selesai mendapatkan "Bookmark Button" anda sendiri.

Sekarang ialah cara-cara untuk memasukkan "Bookmark Button" tadi ke dalam blog anda :

Mula-mula sign in akaun blogger anda.

Pilih "Layout"-->"Edit HTML".

Backup Template anda dahulu untuk mengelakkan sebarang masalah.

Klik pada "Expand Widget Template" seperti imej dibawah ini.

Cari kod HTML ini <div class='post-footer'> Copy kod "Bookmark Button" anda tadi dan Paste pada selepas kod HTML ini."Preview" dahulu untuk melihat hasilnya.

Setelah anda berpuas hati "Save Tamplate".

READ MORE...