Tampilkan postingan dengan label blogger. Tampilkan semua postingan
Tampilkan postingan dengan label blogger. Tampilkan semua postingan

Sabtu, 07 Desember 2013

Mempercepat Loading Blogger jQuery Lazy Load Plugin


logo-jquery-lazy-image-load-untuk-blogger
Ada banyak faktor kenapa lalu lintas blog kehilangan pengunjung, salah satunya adalah kecepatan loading blog yang memerlukan waktu lama. Hal seperti ini benar-benar akan berdampak buruk buat blog Anda, jadi penting buat Anda untuk memperhatikan beban dari template blog Anda. Salah satu yang membuat blog kita loading lebih lama karena gambar atau photo, lantas apa kita tidak harus menggunakan gambar untuk blog kita? Tentu saja tidak, seharusnya kita harus mengambil suatu langkah tertentu sehingga beban dari blog kita berkurang dan tampil lebih cepat.

Nah, pada posting ini saya akan berbagi satu tips untuk mempercepat loading blog Anda dengan menggunanakan Plugin jQuery Lazy Image Load. Cara kerja plugin ini adalah memperlambat atau menunda loading gambar di blog Anda. Gambar yang muncul hanya pada halaman yang terlihat dan gambar yang lain akan terlihat saat kita mengscroll halaman blog ke bawah. Dengan begitu loading blog akan lebih cepat dan dalam beberapa kasus tertentu dapat membantu mengurangi beban server. Untuk lebih jelasnya silahkan kunjungi Appelsiini


Artikel Terkait :

  • Menambahkan Judul dan Atribut Alt Di Gambar Posting Agar Lebih SEO
 

Cara Install Lazy Image Load di Blogger


  • Login  ke Blogger Anda
  • Klik Temlate dan pilih Edit HTML
  • Cari tag </head> gunakan Ctrl+F untuk mencari
  • Selanjutnya salin javascript dibawah ini tepat sebelum tag </head> :

<!-- lazy load start www.blogspot.com -->
<script type=text/javascript>//<![CDATA[
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
<!-- lazy load end www.blogspot.com -->



  • Langkah terakhir klik Simpan template - selesai !



Dengan menyelesaikan langkah diatas Anda telah berhasil menginstall lazy image load diblog Anda. Akhir kata semoga tips yang mudah ini bermanfaat buat Anda dan jangan lupa untuk memberi 1+, like atau share posting ini. Salam !





Read More..

Senin, 25 November 2013

Cara Membuat Tulisan Mengetik Sendiri di Blogger

  kali ini mazinu akan posting kepada kalian tentang cara membuat tulisan berjalan mengetik sendiri, dengan membuat tulisan mengetik sendiri di blog / website kita akan jadi tambah keren, Tulisan mengetik sendiri ini juga sangat elegan dipandang oleh mata, penasaran hasilnya bukan?
Berikut mazinu akan kasih tahu caranya :
  • Anda harus buka blog anda dengan account anda sendiri
  • Masuklah pada Rancangan template.
  • Pilih Add Widget -->> pilih HTML/JavaScript.
  • Copy lah script dibawah ini : 

<form name="news">
<br />
<center>
<textarea cols="50" name="news2" rows="3" wrap="virtual"></textarea></center>
</form>
<script type="text/javascript">
//<![CDATA[
var newsText = new Array();
newsText[0] = "Selamat datang di Blog Untuk Sahabat";
newsText[1] = "Blog ini ditulis oleh : Mazinu Mazure";
newsText[2] = "Jika anda ingin mencopy-paste artikel ini";
newsText[3] = "Harap cantumkan Link Sumbernya";
newsText[4] = "Belajarlah mengharhai karya orang lain";
newsText[5] = "Terimakasih";
var ttloop = 1; // diulang-ulang teksnya ganti dengan 1 (1 = True; 0 = False)
var tspeed = 250; // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds
// ------------- NO EDITING AFTER THIS LINE -------------
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
//]]>
</script>

    • Ganti warna Biru dengan teks sesuka kalian.
    • Dan hasilnya seperti ini :

      Semoga Artike tentang Cara Membuat Tulisan Mengetik Sendiri di Blogger yang mazinu posting bermanfaat buat kalian. Sukses!
      Read More..

      Selasa, 12 November 2013

      5 Syarat Menjadi Blogger Sukses

      Setiap orang memiliki potensi menjadi blogger sukses. Sayangnya banyak blogger yang tidak berusaha cukup keras untuk mewujudkannya. Sedangkan yang lainnya lagi, lebih memilih berhenti di tengah perjalanan. Dan yang lainnya lagi, kehilangan semangat untuk terus belajar. Itu semua menambah panjang daftar blogger gagal yang terlalu cepat menyerah, sebelum mencapai tujuannya.

      Poin penting yang ingin saya sampaikan di sini adalah Anda harus tetap fokus dan tidak menyerah untuk mencapai tujuan awal Anda menjadi blogger.

      Di bawah ini saya tuliskan 5 syarat menjadi blogger sukses, yang jika kelima hal tersebut dilakukan dengan baik, maka kesuksesan bukan semata sebuah harapan. Yuk, kita cek satu per satu:

      1. Membangun kredibilitas
      Salah satu poin mendasar untuk menjadi blogger sukses adalah bagaimana membangun dan memupuk kredibilitas di mata pengunjung blog. Apa yang ingin Anda capai? Apakah Anda seorang yang ahli di bidang yang Anda geluti? Sebagai contoh, jika Anda blogging tentang mendapatkan uang melalui bisnis internet, seberapa besar uang telah Anda hasilkan? Anda harus menyampaikan kepada para pembaca bagaimana Anda mencapainya. Dan apa yang bisa Anda sarankan kepada pembaca?

      2. Membagi semua pengalaman Anda
      Poin berikutnya adalah, bahwa seorang blogger sukses adalah mereka yang berbagi semua pengalaman, berbagi keberhasilan juga kegagalan, berbagi cara yang berjalan baik dan yang tidak. Intinya, tidak ada yang ingin Anda sembunyikan dari pembaca. Jika Anda melakukannya, konten yang Anda sajikan niscaya akan menarik begitu banyak pembaca setia. Mereka mengunjungi blog Anda, karena mereka ingin mendengar pengalaman Anda dalam meraih keberhasilan dalam bidang tertentu.

      3. Menyajikan sesuatu yang tidak dilakukan orang lain
      Jika Anda hanya memuntahkan apa yang telah banyak ditulis blogger lainnya, maka akan sulit untuk tampil di depan. Anda perlu memberikan sesuatu yang baru, sesuatu menurut sudut pandang pribadi milik Anda. Topik bisa saja sama, namun cara penyajian yang berbeda, pengalaman berbeda serta membiarkan pembaca melihatnya dari kacamata yang berbeda, adalah modal dasar berikutnya untuk sukses dalam blogging.

      4. Mengomentari blog orang lain
      Dalam hal ini saya pernah membahasnya panjang lebar tentang manfaat berkomentar di blog lain. Kenapa saya masukkan ke daftar ini, karena saya melihat banyak blogger yang masih malas melakukan kegiatan yang satu ini. Padahal bukankah sesuatu yang bagus, mendapatkan ratusan komentar dari blogger lain setiap hari? Jika Anda menginginkan seperti itu, lebih dulu Anda harus melakukannya untuk orang lain.

      5. Jadilah orang yang menyenangkan
      Hidup itu sudah susah. Orang melakukan blogwalking atau mencari-cari informasi di internet adalah karena mereka ingin keluar dari rutinitas yang penat seharian bergelut dengan sejuta problema. Dan ketika mereka mengunjungi blog Anda, mereka hanya menemukan sebuah teks datar, garing dan sangat serius, seperti layaknya sebuah buku pelajaran kimia. Mmmmm... pembaca Anda segera akan meninggalkan blog Anda. Blogger yang memiliki selera humor yang cerdas, lebih memungkinkan menjadi blogger yang sukses. Selipi sense of humor yang segar dalam setiap tulisan-tulisan Anda, orang akan betah berlama-lama. Buat mereka tersenyum ketika membaca uraian paling teknis sekalipun yang Anda sajikan.

      6. Berlangganan artikel terbaru dari Portal-Uang
      Hehehe... bercanda. Untuk yang satu ini tidak wajib. Tapi jika memang Anda merasa tulisan-tulisan saya bermanfaat, itu lebih baik, karena Anda akan selalu menerima update harian dari Portal-Uang. Saya ingin mengajak Anda semua maju tak gentar bersama mencapai cita-cita: menjadi blogger yang berhasil!

      Bagaimana? Apakah 5 poin di atas telah Anda miliki? Atau Anda memiliki poin keenam, ketujuh dan seterusnya? Saya tunggu sharingnya. Semoga bermanfaat.

      Salam.
      Read More..

      Sabtu, 02 November 2013

      Cara Upload Gambar di Blogger

      Sekedar untuk mempercantik tampilan artikel kita, maka sebaiknya Mas Bro menyisipkan gambar di antara posting blog kita. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi Mas Bero yang belum paham bagaimana cara memasukan gambar atau upload gambar langkah-langkahnya sebagai berikut;
      1. Login seperti biasa dengan id blogger milik anda;
      2. Klik New Post;
      3. Klik toolbar yang bergambar seperti ini
      4. Klik pada Choose files;
      5. Pilih gambar format jpg, gif, png  pada komputer, anda bisa pilih beberapa gambar sekaligus;
      6. Klik Add Selected untuk mengakhiri proses upload;
      Maka anda sudah bisa melihat gambar sudah tampil pada postingan anda pada mode Compose, klik pada gambar untuk mengatur ukuran besar kecilnya tampilan gambar, kalau anda melihat pada mode Edit HTML, yang terlihat adalah alamat atau URL gambar tersebut, setelah kita anggap selesai klik pada PUBLISH POST.

      Selesai....

      Read More..

      Jumat, 25 Oktober 2013

      Cara Follow Blog di Blogger dengan Mudah dan Cepat


      Cara Mengikuti Blog Seseorang dengan Mudah, Cepat, Praktis Untuk Para Blogger- Anda Seorang Blogger ? Sering Menelusuri Blog ? dan sering saling Follow ? Capekkah jika tiap blogwalking mengunjungi sebuah blog dan mem FOLLOW nya, dan apalagi jika blog yang dituju loadingnya berat sekali. Itu yang sering sebagian saya alami, ingin menfollow blog seseorang tapi capek+ malas jika harus mengunjunginya terlebih dahulu  atau jika ingin mem follow blog tapi Si Blog  yang dituju tidak memilikki Widget Followers ? . Bagaimana dong solusi Follow Blog orang tanpa harus pergi mengunjungi blog nya ? Nah saya akan memberitahukan trik Follow Blog seseorang dengan Mudah, Cepat, dan Praktis.

       Ini khusus para Blogger lho ya ?? :D

      Langkah-Langkah :

      Masuk ke Blogger.com > Dasbor

      Cari Tombol Tambahkan lalu tekan seperti gambar dibawah ini




      Lihat disamping kiri panel Dasbor Blogger anda dan Lihat dibagian Daftar Bacaan, akan terdapat tombol “Tambahkan” klik disana.Lalu akan muncul gambar berikutini





      Masukan URL Blog yang dituju dikolom yang telah disediakan, jika telah selesai klik “ikuti”
      Selesai

      Jangan Lupa untuk Follow Blog ini ya ?? nanti saya follow back


      Sekian artikel mengenai Cara Follow Blog Bagi Para Blogger Dengan Mudah, Cepat dan Praktis, semoga dapat bermanfaat bagi sobat semua.

      Read More..