Salju Dalam Blog

1) Login akaun blogger > Dashboard > Design > Add A Gadget > HTML/Javascript

2) Copy paste kode salju berikut ke dalam ruangan HTML/Javascript tadi

Salju putih:

 

<script type="text/javascript" src="https://sites.google.com/site/tutorialbelog/snowwhite.js"></script>

Salju pink:

 

<script type="text/javascript" src="https://sites.google.com/site/tutorialbelog/snowred.js"></script>

Salji purple:

 

<script type="text/javascript" src="https://sites.google.com/site/tutorialbelog/snowpurple.js"></script>

Salju biru:

 

<script type="text/javascript" src="https://sites.google.com/site/tutorialbelog/snowblue.js"></script>

Salju hitam:

 

<script type="text/javascript" src="https://sites.google.com/site/tutorialbelog/snowblack.js"></script>

---

Tinggalkan Komentar Anda

---

Cursor Berkilauan / sparkle

1) Login > Dashboard > Add A Gadget > HTML / Javascript

2) Copy dan paste kode berikut pada ruangan HTML (Pilih kode mengikut warna sparkle pilihan kalian) 

Sparkle kuning:

<script src="https://sites.google.com/site/tutorialcursorsparkle/yellow.js" type="text/javascript"></script>

Sparkle pink:

<script src="https://sites.google.com/site/tutorialcursorsparkle/salmon.js" type="text/javascript"></script>

Sparkle putih:

<script src="https://sites.google.com/site/tutorialcursorsparkle/putih.js" type="text/javascript"></script>

Sparkle ungu:

<script src="https://sites.google.com/site/tutorialcursorsparkle/purple.js" type="text/javascript"></script>

Sparkle hijau:

<script src="https://sites.google.com/site/tutorialcursorsparkle/lawngreen.js" type="text/javascript"></script>

Sparkle hitam:

<script src="https://sites.google.com/site/tutorialcursorsparkle/black.js" type="text/javascript"></script>

Sparkle biru:

<script src="https://sites.google.com/site/tutorialcursorsparkle/biru.js" type="text/javascript"></script>

Sparkle hijau kebiruan:

<script src="https://sites.google.com/site/tutorialcursorsparkle/aqua.js" type="text/javascript"></script>

3) Save dan lihat hasilnya.

---

Tinggalkan Komentar Anda

---

Letak comment form icon

agar lebih menarik, saya akan ubah comment form icon. ikuti step by step,

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

<span class='post-comment-link'>

4) Kemudian, copy dan paste kod di bawah SELEPAS / DI BAWAH kod <span class='post-comment-link'> yang korang cari tadi:

<span class='post-comment-link'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.allowComments'>

<center><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' ><img class='post-comment-link' src=' URL image icon'/>

</a></center>

</b:if>

</b:if>

</span>

5) Klik preview, kalau menjadi terus klik save template :)

*nota: untuk dapatkan URL image icon, silahkan pilih dibawahn sini

http://dl3.glitter-graphics.net/pub/2848/2848713zyjupighyu.jpg

http://dl8.glitter-graphics.net/pub/1400/1400018ocqzge0n40.gif

http://dl10.glitter-graphics.net/pub/499/499310ictbntcgpq.gif

http://dl5.glitter-graphics.net/pub/1341/1341925bxnjqwck4h.png

http://dl6.glitter-graphics.net/pub/1663/1663196u1luba6vac.png

http://dl2.glitter-graphics.net/pub/1027/1027932ajq6co6hh8.png

http://dl5.glitter-graphics.net/pub/539/539925s0ysmv40at.png

http://dl8.glitter-graphics.net/pub/2198/2198928yzwzal4cnd.gif

http://dl3.glitter-graphics.net/pub/1665/1665783u47nt53aur.gif

http://dl7.glitter-graphics.net/pub/3135/3135127yq4db3m6cs.gif

http://dl8.glitter-graphics.net/pub/2889/2889398a0hnk0sw16.gif

http://dl6.glitter-graphics.net/pub/1885/1885256ptor804pon.gif

http://dl9.glitter-graphics.net/pub/2225/2225279kdfl5frmaj.gif

http://dl8.glitter-graphics.net/pub/1244/1244738nkjfdcqzgn.gif

---

Tinggalkan Komentar Anda

---

Border dan bayang-bayang pada sidebar title

Preview:

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML

3) Cari kod  

h2 {

4) Kemudian copy dan paste kod di bawah SELEPAS / DI BAWAH kod h2 { tadi

  
background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #C0C0C0;
box-shadow: 0 0 2px 2px #C0C0C0;

---

Tinggalkan Komentar Anda

---

Cara Membuat Blog

Sebelum mendaftar di blogspot, anda perlulah mempunyai akaun google terlebih dahulu memandangkan blogspot itu sendiri adalah produk dari google. Untuk mendapatkan akaun google, sila daftar di sini http://mail.google.com/mail/signup  Cuma masukkan maklumat yang diperlukan.

 

---

Tinggalkan Komentar Anda

---

Gif

---

Tinggalkan Komentar Anda

---

Animated recent post bergambar

Animated recent post bergambar ini akan menunjukkan post tebaru dari blog anda, berfungsi sama seperti widget Recent Post Bergambar. Widget ini akan berulang-ulang memaparkan preview post terbaru anda(beserta gambar post) seperti yang ditunjukkan di atas. Caranya? silahkan ikuti tutorial di bawah :

1) Login akaun blogger anda

2) Dashboard > Add A Gadget > HTML / Javascript

3) Copy paste kod dibawah ke ruangan HTML tadi

<style type="text/css">
#rp_plus_img{height:377px;}
#rp_plus_img li {height:60px;padding:5px;list-style:none;
background-color:#ffffff;
border:solid 1px #000000;}
#rp_plus_img a{color:#00000;}
#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;
text-align:justify;
-moz-border-radius: 5px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="https://sites.google.com/site/jombinabeloganimatedrecentpost/recentpost.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 5;
var numchars = 0;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul><small><a href="http://jombinabelog.blogspot.com/2011/12/blog-post.html" target="_blank">get this widget here</a></small>

 4. save dan lihat hasilnya

---

Tinggalkan Komentar Anda

---