Blue Cimblandund Template yang ringan dan SEO

Kali ini template yang mau share yaitu Blue Cimblandund mungkin template yang pertama pada tidak suka jadi saya buat yang agak bagusan lagi ni

DEMO | Download

Untuk donwloadtan ditunggu 5 komentar dulu...

Green Cimblandund

Untuk pertama kalinya saya akan mengeshare Template saya ini , dan saya namakan template ini sebagai Green Cimblandund langsung aja yuk ni

DEMO | Download

Untuk donwloadtan ditunggu 5 komentar dulu...

Cara Mengecek Kecepatan Loading Blog

Kali ini kita akan berbicara mengenai kecepatan/performa suatu blog, yah karena performa blog sangat menentukan trafik dari blog tersebut. Sebelum melakukan optimasi terhadap performa blog kita tentu kita harus mengetahui terlebih dahulu berapa besarkah performa kecepatan loading blog kita. Nah sekarang ayo kita cek dengan tiga buah situs yang sering saya gunakan untuk mengecek kecepatan loading blog agar mudah untuk dioptimasi. 

Mungkin 3 Situs ini sudah sangat familiar bagi para webmaster

1. PageSpeed Insight From Google

Link : Klik Disini 

Ini adalah tool besutan google yang dapat mengukur seberapa besar performa blog kita. Dengan tool ini kita bisa meneliti masalah-masalah apa saja yang mempengaruhi performa kecepatan blog kita, mulai dari High Priority sampai Low Priority, selain itu tool ini juga menyediakan fitur Experimental Rules yaitu kamu akan diberikan masukan-masukkan yang berguna untuk meningkatkan kecepatan loading blog kamu

2. Website Speed and Performance Optimization by GTmetrix

Link : Klik Disini

Ini tool dari GTmetrix, fungsinya sama saja seperti PageSpeed Insight, melalui tool ini kita bisa melihat lamanya waktu blog kita untuk dimuat 100%, ukuran halaman blog kita (dalam kb), serta total request ketika blog kita diakses. Situs ini juga memberi masukan / saran untuk meningkatkan performa blog kita, tapi sayangnya kalau sobat tidak mendaftar menjadi pro member maka akan diberi batasan dalam menggunakan situs ini, yaitu hanya boleh 20 kali test dalam sehari.

3. Pingdom Tools by Pingdom

Link: Klik Disini

Tool ini fungsinya sama saja seperti GTmetrix, hanya saja di pingdom kita tidak diberi batasan mengetest speed blog dalam satu harinya tidak seperti di GTmetrix yang hanya boleh 20 kali dalam sehari. Dan fitur khusus pingdom ini kita bisa memilih mau mengetest menggunakan server Amsterdam, Dallas, atau New York.

Baiklah mungkin itu saja review tentang 3 Situs Terbaik untuk Cek Kecepatan dan Optimasi Blog kali ini, Semoga Bermanfaat.

http://ilmu-dot.blogspot.com/

Cara Meringankan Blog

Kali ini saya akan memberikan tips Cara meringankan blog yang berat. Bayangkan saja jika blog anda berat, pasti secara otomatis loading blog berat, dan otomatis pula pengunjung tidak akan betah berada di blog kita (langsung kabur). Untuk menghindari hal itu, maka sebaiknya dilakukan hal - hal seperti ini :

1. Gunakan Widget yang Penting saja

Saran saya tidak usah widget - widget yang tidak penting, dikarenakan penggunaan widget yang berlebih dapat menyebabkan blog menjadi berat. Contoh widget yang tidak penting : widget jam, tanggal, dll

2. Menggunakan template seo friendly

Template seo banyak di temukan di web-web penyedia template blog yang dimana templatenya ringan dan seo, tapi sebenarnya template dari blogger juga ringan, asal tidak sering digunta ganti saja.

3. Memakai Lazy load script

Caranya adalah :

1. login ke akun blogger kalian

2. pilih template

3. pilih edit HTML

4. Cari kode </head>

5. kemudian letakkan script dibawah ini Tepat di atas kode tadi

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://k-blogger.googlecode.com/files/easy-loading.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;http://bit.ly/Qv60g5&quot;,threshold : 200});
});
</script>

Nah bagaimana? cukup mudah bukan? Jika anda sudah melakukan 3 tips seperti di atas rasakan perbedaannya, dan jika ingin mengukur beratnya blog silahkan ukur Disini.

Semoga bermanfaat

Cara Membuat Read More otomatis dengan Css Animation

kali ini saya mau share trik read more otomatis dengan css animation buatan andi-techno. Sesuai namanya, ini bukan read more biasa sob, tapi saya memberikan sedikit sentuhan CSS Animation Rotate didalamnya :D.  oke, langsung ke tutorial yuk, check this on:

Name: X-Gen Read More with CSS Animation
Demo/Contoh: Klik Disini

1. Masuk ke Dashboard Blogger>Rancangan>Edit HTML>centang Expand Template Widget
2. Cari kode </head> dengan bantuan CTRL+F agar mudah, lalu letakkan kode berikut diatas kode </head>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
</b:if></b:if>

keterangan: perhatikan kode yang saya beri warna hijau dan biru
- summary_noimg = 430; angka 430 adalah jumlah karakter yang muncul jika posting tidak ada gambar, atur sesukamu
- summary_img = 340; angka 340 adalah jumlah karakter yang muncul jika posting  ada gambar atur sesukamu


3. Cari kode ]]></b:skin> lalu letakkan kode berikut diatas kode ]]></b:skin>

.x-genmores { float:right;z-index:2000;position:absolute;margin-left:370px; margin-top:24px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; background:#01D2FF; width: 80px; height: 80px; line-height: auto; text-align: center; border: 8px solid white;-webkit-background-clip: padding-box;-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);word-wrap: break-word;-moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);box-shadow: 0 0 8px rgba(0,0,0,0.3); -webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transform: rotate(36deg);-moz-transform: rotate(36deg);-o-transform: rotate(36deg);writing-mode: lr-tb;}.x-genmores:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}  .x-genmores p { margin-top:28px; padding:5px }

keterangan: kode dengan warna kuning dan biru adalah letak Tombol Read More nya, atur posisinya dengan mengubah angkanya
- margin-left:320px; (semakin besar angkanya maka letak tombol akan semakin ke kanan, begitupun sebaliknya)
- margin-top:24px; (semakin besar angkanya maka letak tombol akan semakin kebawah, begitupun sebaliknya)


4. cari kode <data:post.body/>

Ganti kode <data:post.body/>  dengan kode di bawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script><b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'><div class='x-genmores'><p><span class='rmlink' style='float:right'><a expr:href='data:post.url'> <font color='#fff' size='2'><strong>Read More</strong></font><br/></a></span></p></div></b:if></b:if></b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>

kata-kata yang berwarna hijau bisa kamu ganti dengan yang kamu mau sob


5. Klik Pratinjau lalu lihat, jika berhasil silahkan simpan template kamu sob 


sekian trik Membuat Read More Otomatis dengan CSS Animation,

Semoga Bermanfaat,

di tulis kembali : Blog Segala Ilmu

Download Visual Basic Portable

Download Visual Basic 6.0 / VB6.0 Portable - Kali ini saya mau share software Visual Basic 6.0 / VB6.0 Portable, sebenernya software Visual Basic 6.0 / VB6.0 Portable ini permintaan dari temen rumah, katanya sih buat pembelajaran bikin program gitu, sekalian aja deh saya bikin postingnya...

Visual Basic 6.0 / VB6.0 Portable

     Visual Basic 6.0 merupakan bahasa pemrograman yang sangat mudah untuk dipelajari, dengan teknik pemrograman visual yang memungkinkan penggunanya untuk berkreasi lebih baik dalam menghasilkan suatu program aplikasi. Ini terlihat dari dasar pembuatan dalam visual basic adalah FORM, dimana pengguna dapat mengatur tampilan form kemudian dijalankan dalam script yang sangat mudah.

Buat sobat yang sedang mendalami bidang pemrograman, khususnya yang baru belajar pemrograman menggunakan Visual Basic 6.0, Gak ada salahnya untuk mencoba Visual Basic 6.0 / VB6.0 Portable ini, tanpa harus menginstal, cukup simpan di Flashdisk, bila sobat berminat silahkan klik link download dibawah ini.

Disini

Cara memposting di blogspot

Kali ini saya ingin mengeshare cara memposting di blogger / blogspot . langsung aja yuk ...

1. Pertama buka akun blog kamu di sini
2. lalu pasti ada gambar seperti ini, dan klik tombolnya

     

     3. Dan Tulis deh apa yang mau di posting

Selesai deh Semoga bermanfaat untuk kita semua sekian dan terimakasih

Cara Menampilkan Profil di halaman Blog

Sekarang saya akan memberi tahu bagaimana cara memberi profil di halaman blog.

1. Pertama buka akun blogger mu
2. masuk ke blog mu
3. Lalu ke tata letak ada di bagian kiri  ni gambarnya

    4. Dan  ada halaman seperti ini , dan klik tambah gadget 

   5. dan pilih Profil dan Klik tombol tambah di sebelah kanannya

   6. Dan ikuti saja langkah selanjutnya....

Mudah bukan Semoga dapat bermanfaat dan dapat menjawab dari pertanyaan teman saya Ricky Bayu W

Cara Mengedit Template

Kali ini saya ingin menjawab 1 lagi pertanyaan dari Ricky Bayu yang belum tau cara mengedit Template
bagi yang ingin menyimak boleh disimak...

• Pertama Buka akun Blogger kamu
• lalu masuk ke blog kamu
• lalu Klik Template di sebelah kiri
• lalu ada halaman seperti ini dan klik Sesuaikan

• dan silahkan mengedit sepuasnya
• jika sudah selesai mengedit klik Terapkan ke Blog di pojok kanan atas

Selesai deh Sekian dari saya Semoga Bermanfaat

Wasalamualiakum Wr Wb

Cara Membuat Blog Mudah dan Cepat

Assalamualaikum Wr.Wb

Kali ini, saya akan menjelaskan tentang cara membuat blogspot...
Mungkin tutorial ini sudah banyak yang tahu, tetapi bagi yang belom bisa membuat blog boleh di simak dengan seksama.

Pertama Buka Blogger.com dan klik tombol : Daftar / Sign Up

Lalu kebuka form seperti ini :

Lalu muncul seperti gambar di samping dan Next Step aja

Dan Muncul lagi seperti ini :

Dan Klik Ciptakan Blog / New Blog :

Dan Isi lagi :

Dan jika sudah Creat Blog

Selamat blog anda sudah berhasil di buat. Untuk mengisi artikel di blog anda, anda bisa mengeklik tombol gambar pensil seperti gambar dibawah ini.

Ok sampai disini dulu tutorial dari ilmu-dot mengenai Cara Membuat Blog Mudah dan Cepat di Blogspot, semoga artikel diatas bisa bermanfaat dan dapat membantu anda untuk membuat blog baru. Ikuti terus tutorial menarik lainnya seperti,
Cara Membuat Blog di Blogger Dengan Mudah dan Cepat ini.

Tukar link yuk !!

Untuk mempermudah kunjungan ke blog sobat, maka disini saya sediakan bertukar link gratis.

Yang penting nantinya diharapkan pengunjung disini bisa berkunjung ke teman yang lain sesuai dengan yang dibutuhkan pengunjung paling tidak artikel yang belum ada diblog ini bisa terlengkapi dengan blog teman-teman yang terlist disini. Bagaimana sob, apakah sobat setuju?Jika setuju yuk kita tukeran link :D

Yang perlu sobat lakukan adalah copy-paste kode dibawah ini lalu pasang diblog sobat setelah itu tinggalkan komentar dibawah atau tulis pesan dibuku tamu, nanti saya akan link balik ke blog sobat.

<a href="http://ilmu-dot.blogspot.com/" target="_blank" title="Blog Segala Ilmu">Blog Segala Ilmu</a>

Saya akan melakukan pengecekan berkala, apabila saya menemukan link saya tidak ada diblog sobat, maka saya juga akan melepas link sobat.

Bagi yang ingin tukeran link dibagian homepage, silahkan pasang link blog saya dihomepage juga, entah itu disidebar atau footer, yang penting selalu muncul di homepage ataupun saat buka postingan. Kalau sobat pasang link saya di postingan, saya juga akan memasangnya dipostingan, adil kan?