Cara Membuat Widget Atikel Terbaru Di Blog

Cara membuat widget artikel terbaru di blog.Pada kali ini mrul ingin berkongsi tips untuk membuat widget artikel terbaru yang di cipta oleh jQuery.

Kelebihannya :

1.Memiliki penampilan yang menarik.

2.Memiliki load yang cukup pantas.

3.Boleh digunakan di tab menu atau new window

4.Terdapat informasi jumlah komen di setiap artikel yang di munculkan.

5.Gambar yang menarik n cantik serta banyak kelebihannya.

Langkah-langkah membuat widget artikel terbaru :

1.Sign blog anda.

2.Klik Design.

3.Klik Add a Gadget.

4.Klik HTML / Javascript.

5.Copy kod dibawah ini dan paste di HTML / Javascript.

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summarFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://mrul-tips.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

6.Save.

Nota : -Gantikan pekataan yang berwarna merah dengan link blog anda.
          -Perkataan yang berwarna biru adalah jumlah artikel yang ingin di paparkan.

Selamat Mencuba….

Cara Mengembalikan Navbar Di Blog

Kali ini mrul ingin berkongsi tip blog..tips blog kali ini adalah cara mengembalikan navbar di blog.

Langkah-langkah mengembalikan navbar :

1.Sign blog anda.
2.klik Design.
3.Klik Edit HTML.
4.Cari kod dibawah ini.untuk mempermudahkan pencarian tekan ctrl + f.

#navbar-iframe {

display: none !important;

}

Jika kod diatas tidak ada pada template anda, maka cari kod dibawah.

#navbar-iframe{ height:0px; visibility:hidden;

display:none}

5.Jika anda telah jumpa kod dibawah ini, hapus kod berikut.

6.Klik preview untuk melihat hasilnya.

7.Jika anda berpuas hati, klik Save Template.

Selamat Mencuba…

Cara Memasang Lazy Load

Pada kali ini mrul ingin berkongsi tips meringankan proses loading image.Lazy Load adalah plugin jQuery dimana efek lazy load akan menangguh proses loading bagi image yang ada pada blog.Efek load hanya akan berfungsi apabila page di scroll.Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.Untuk melihat Demo, sila klik di sini.

Lazy Load akan membantu meringankan blog anda dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak memaparkan image yang bersaiz besar.

Langkah-langkah memasang jQuery Lazy Load di blog :

1.Sign blog anda.

2.klik Design.

3.klik Add a Gadget.

4.Klik HTML / Javascript.

5.Copy kod dibawah ini dan paste di HTML / Javascript.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>

<script type="text/javascript">

jQuery(document).ready(function($){

if (navigator.platform == "iPad") return;

jQuery("img").lazyload({

effect:"fadeIn",

placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX1OPe7lcer2eV-8PebMw4suJPZKb_BVamZXOD7Mc4RzEtekDOA8BDu1HDfGXc1dNb8o4h5-ZxJh1aVd6tn6qBsU1u5LYJIF_mm1wW_HpinQlPKRUOiuLX6iIZax7Qk3C1S8PnUKKIfA8/s1600/grey.gif"

});

});

</script>

6.Save.

Selamat mencuba…