Membuat Loading Blog Lebih Cepat

Kalo misalnya ada orang yang buka blog kalian, trus nunggunya lam, apa yang terjadi? pasti males kan yang mau buka tu blog?
makanya, ini ada beberapa tips buat temen-temen semua biar proses loadingnya lebih cepat,,

1. Jangan memasang aksesoris yang terlalu berat(ex:lagu,flash apps) dan banyak, yang penting kn isinya?
2. Buat postingan kamu jadi read-more, cara membuat auto read more juga sudah pernah saya post di artikel sebelumnya, atau jika ingin tahu tutorialnya, klik di sini
3. Jangan buat header yang terlalu besar, lagian ntar kalo kebesaran kepala jadi sombong donk? hehehe,,,
4. kompresi css, ini kayaknya cara yang cukup efektif, tentang kompresi css ini juga sudah ada pada artikel saya sebelumnya, bisa juga di lihat di sini. 
5. Jangan beri animasi pada background blogmu, itu adalah widget yang sangat berat dan sepertinya tidak terlalu bermanfaat
6. Jangan pasang banner terlalu banyak,
7. Buat related post agar pengunjung bisa membuka postingan lain tanpa harus kembali ke halaman sebelumnya, artikel tentang related post bisa di lihat di sini

Nah, itu tadi beberapa cara yang bisa digunakan agar blog kamu loadingnya nggak terlalu lama,,,
Enjoy!!!
(^_^)

Read more >> >

Kompresi css

Wahh, lama gag ngepost artikel nih, gara-gara ada semesteran, tapi kini saya kembali dengan tips yang mudah-mudahan bisa membantu kalian semua, , ,
Kali ini tentang kompresi css, apa itu kompresi css? ini adalah penyederhanaan kode css yang ada di blog kamu,
kompresi css ini juga bisa membuat blog kamu loadingnya cepet loh!!!
Gag percaya? coba aja,,,
nah, kan kalo kamu yang nyederhaaain sendiri pasti gag bisa, ya kan? hahaha,,,
makanya saya di sini akan membantu temen-temen buat mengkompres css kalian, tapi nggak secara manual, ada website penyedia layanan kompresi css yang cukup manjur, yaitu di CSS DRIVE. begini langkahnya:

1. Masuk pada CSS DRIVE 
2. kemudian pilih mode kompresi yang kamu inginkan
   -light : mode ini mengkompresi kode css blog kamu secara ringan atau bisa dibilang tidak terlalu kecil
   -normal : mode ini mengkompresi kode css blog kamu sewajarnya
   -super compact : mode ini mengkompresi kode css blog kamu sangat berat,atau membuat kode css kamu sangat simple.
   (semakin ke bawah semakin cepat nantinya loading blog kamu, tapi itu juga membuat semakin rumit kode css kamu, dan berakibat sulitnya jika nanti kamu pengen memodifikasi ulang kode-kode tersebut)
3. pada comments handling pilih 'don't strip any comment',
4. pada kolom insert css kode, masukkan kode css blog kamu, letaknya di antara <b:skin><![CDATA[ dan ]]></b:skin>
5.  compress it!
6. Nah, sekarang ganti kode css kamu dengan kode yang terpampang setelah terkompres,,,
7. Simpan, , , 

Sekarang coba kamu reload blog kamu, pasti lebih cepet kan,,,,
Enjoy!!!
(^_^)

Read more >> >

Biar template lama gag hilang abis coba-coba

Buat teman-temanku yang masih gonta-ganti template karena coba-coba,,,
setiap ganti template, template yang lama biasanya ilang kan?
truz kalo template yang baru ngga' cocok, pengen balik ke template yang baru diganti jadi bingung karena hilang,
Nah, ini biasanya salah satu faktor yang bikin kalian males ngutak-ngatik blog kalian lagi, iya kan? Udah, ngaku aja,,,
Sebenarnya ada jalan keluarnya, dan sudah banyak di bahas, kalian aja sieh yang gag tau, hehehe,,
Pada edit HTML, ada tulisan Download Template Lengkap gini kan?
sebelum kalian mengganti template, saya sarankan untuk membuat back-upnya dengan meng-klik kode di atas,,,
kalo template yang kalian baru pasang ngga' sesuai, kan ada back-upnya?
jadi y tinggal upload file yang lama lagi, , ,
Semoga bisa bantu teman-teman,,,
Enjoy, , ,
(^_^)

Read more >> >

membuat related post (posting terkait)

Biar pengunjung gampang ngeliat posting kita dari satu postingan ke postingan lain, bisa di gunakan related post atau posting terkait,,
ini menampilkan postingan lain berlabel sama di bawah postingan yang sedang dilihat,,
begini caranya,,,

1. seperti biasa, masuk ke edit HTML
2. and jangan lupa centang expand template widget
3. cari kode <data:post.body/>
4. kemudian copy kan kode di bawah ini di bawah kode di atas:
   
   
   <b:if cond='data:blog.pageType == "item"'>
   <div class='similiar'>
   
   <div class='widget-content'>
   <h3>Related Post</h3>
   <div id='data2007'/><br/><br/>
   <script type='text/javascript'>
   
   var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
   var maxNumberOfPostsPerLabel = 4;
   var maxNumberOfLabels = 10;
   
   maxNumberOfPostsPerLabel = 100;
   maxNumberOfLabels = 3;
   
   
   function listEntries10(json) {
   var ul = document.createElement(&#39;ul&#39;);
   var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
   json.feed.entry.length : maxNumberOfPostsPerLabel;
   for (var i = 0; i &lt; maxPosts; i++) {
   var entry = json.feed.entry[i];
   var alturl;
   
   for (var k = 0; k &lt; entry.link.length; k++) {
   if (entry.link[k].rel == &#39;alternate&#39;) {
   alturl = entry.link[k].href;
   break;
   }
   }
   var li = document.createElement(&#39;li&#39;);
   var a = document.createElement(&#39;a&#39;);
   a.href = alturl;
   
   if(a.href!=location.href) {
   var txt = document.createTextNode(entry.title.$t);
   a.appendChild(txt);
   li.appendChild(a);
   ul.appendChild(li);
   }
   }
   for (var l = 0; l &lt; json.feed.link.length; l++) {
   if (json.feed.link[l].rel == &#39;alternate&#39;) {
   var raw = json.feed.link[l].href;
   var label = raw.substr(homeUrl3.length+13);
   var k;
   for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
   var txt = document.createTextNode(label);
   var h = document.createElement(&#39;b&#39;);
   h.appendChild(txt);
   var div1 = document.createElement(&#39;div&#39;);
   div1.appendChild(h);
   div1.appendChild(ul);
   document.getElementById(&#39;data2007&#39;).appendChild(div1);
   }
   }
   }
   function search10(query, label) {
   
   var script = document.createElement(&#39;script&#39;);
   script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
   + label +
   &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
   script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
   document.documentElement.firstChild.appendChild(script);
   }
   
   var labelArray = new Array();
   var numLabel = 0;
   
   <b:loop values='data:posts' var='post'>
   <b:loop values='data:post.labels' var='label'>
   textLabel = &quot;<data:label.name/>&quot;;
   
   var test = 0;
   for (var i = 0; i &lt; labelArray.length; i++)
   if (labelArray[i] == textLabel) test = 1;
   if (test == 0) {
   labelArray.push(textLabel);
   var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
   labelArray.length : maxNumberOfLabels;
   if (numLabel &lt; maxLabels) {
   search10(homeUrl3, textLabel);
   numLabel++;
   }
   }
   </b:loop>
   </b:loop>
   </script>
   </div>
   
   </div>
   </b:if&gt;
   
   
5. Simpan

Nah, lihatlah di salah satu postinganmu, , ,
Dan, Voila!!!
mission completed,,
Enjoy,,,
(^_^)

Read more >> >

Tulisan berkedip

Kali ini menambahkan tentang teks, tapi yang kali ini bukan yang jalan, tapi berkedip-kedip, tapi gag genit lohhh, hehehe,,,

Langsung caranya aja yak?
gampang koq, letakkan teks yang pengen kamu buat berkedip di antara kode berikut
<blink>teks berkedip</blink>

seperti contoh di bawah ini
teks berkedip
teks berkedip ini bisa digabungkan dengan teks berjalan di postingan sebelumnya,,,
Voila!!!
kamu dapatkan teks yang agak genit nieh,,,
Enjoy!!! (^_^)

Read more >> >