kelopak bunga

Ringankan blog dengan jQuery Lazy Load


Hello ape  apa  kabar semua...sihat? Bsn betol la hri ni huhu..So Aisyah update blog skit..Hari ni Aisyah akan update blog mcm mne nk ringankan blog,Haa!!mesti di antara korang nk taw cmne kan? It's very,very easy tau..Ye la ade sesetengah blog korang cam "Stuck"...Haa,,cer korang try "step2" yg Aisyah bgi kat bwh ni ..

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

 Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content 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='http://javscript-code.googlecode.com/files/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/AVvXsEiQh-faNVmHrPQB1Hv_pq4nlwlhSAlnaERLYpwy8jBCqpaQ5Wh7FIMTb8e7Uw7d5nHhjJctoIoS-frPhZxqLbJN4L2vYFdjDAY_t5omF2dlIFHFHlXK1PZzriT11sdo3zVSlDZbGXf5Tx8/s1600/grey.gif"
});
});
</script>

Akhir, sekali, klik Save.


p/s:

1. Jika tiada sebarang efek berlaku selepas kod di Save, sila paste kod tersebut sebelum atau di atas kod </body> pada script template.

2. Jika tiada seberang perubahan selepas kod di paste di atas atau sebelum kod </body>, sila paste kod tersebut sebelum atau di atas kod </head>
3.Good luck ;) Hehe..

♥ Terima Kasih Daun Keladi,Ada Masa Update Lagi ♥

Memasang signature/tanda tangan di bawah post






Hai korang...hari ni Aisyah nak buat tutorial blog sikit.Aisyah akan tunjukkan cara-cara memasang signature/tanda tangan di bawah post.Mesti korang semua nak tau kan macam mana cara-caranya.Herm..nampak aje payah,tetapi sebenarnya senang tau. :)

Mungkin ada di antara korang pernah melihat blog rakan korang yang memaparkan signature ataupun tandatangan di ruangan bawah setiap posting. Jika korang berasa tertarik untuk meletakkan signature yang seperti itu, mylivesignature.com mungkin dapat membantu. 

 Mylivesignature.com adalah satu site yang menyediakan perkidmatan membina signature secara percuma dan mudah. Tanpa perlu korang membuat pendaftaran.

Untuk mencubanya, sila klik di sini dan kemudian, ikut beberapa langkah yang di tunjukkan di bawah.;)

Langkah 1

Masukkan nickname yang akan di ubah kepada bentuk signature. seterusknya klik pada Next Step.

Langkah 2

Pilih jenis font yang bersesuaian. Setelah berpuas hati dengan jenis font yang di pilih, klik pada Next Step.

Langkah 3

Pilih saiz font yang bersesuaian. Setelah berpuas hati dengan saiz font yang di pilih, klik pada Next Step.

Langkah 4

Pilih warna signature dan juga warna background yang besesuaian dengan template blog korang. Sebaik-baiknya, warna background signature mestilah sama dengan warna background pada post. Setelah berpuas hati dengan warna font dan warna background yang di pilih, klik pada Next Step.

Langkah 5

Pilih paparan yang di rasakan sesuai pada bahagian Slope. Setelah berpuas hati dengan Slope yang di pilih, klik pada Next Step.

Langkah 6

Akhir sekali,dengan menggunakan mouse, klik kiri pada paparan signature yang telah siap itu. Seterusnya, salin URL bagi signature tersebut.

Contoh URL:http://www.mylivesignature.com/signatures/54488/74/541908D44D27E9E4659AA9FF42941015.png

Langkah 7

Paste URL signature (rujuk langkah 6) pada teks masukkan URL signature di sini pada kod berwarna biru di bawah.
<img src="masukkan signature disini" />

Contoh:
<img src="http://www.mylivesignature.com/signatures/54488/74/541908D44D27E9E4659AA9FF42941015.png" />

Langkah 8

Log in Blog => Dashboard => Layout => Edit HTML. seterusnya tick pada Expand Widget Templates.

Langkah 9

Dengan menggunakan keyboard, tekan kekunci Ctrl + F dan paste atau taip kod <data:post.body/>pada ruang Find. Seterusnya tekan kekunci Enter.

Langkah 10

Paste kod signature yang telah siap di edit (rujuk langkah 7) dan paste kod tersebut di bawah atau selepas kod <data:post.body/>

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar, klik saja Save....

p/s : Haa..macam mana ?! Jadi x? Kalo jadi baguslah..kalo yg x jadi tu..cuba buat semula okey..Tata ;)




♥ Terima Kasih Daun Keladi,Ada Masa Update Lagi ♥