Cara membuat Energy Saving Mode pada blogspot

Trik blogger kali ini cukup menarik, dan mudah sekali untuk di implementasi kan yaitu: Cara membuat Energy Saving Mode pada blogspot, sesuai arti dari bahasa inggris nya, Energy saving mode berguna untuk menghemat penggunaan energy (listrik), pada jangka waktu tertentu ketika blog anda tidak ada aktivitas maka layar PC/ blog anda akan blank/gambar hitam polos. Bagaimana mau coba? Ikuti langkahnya berikut ini:

• Log in ke blogger anda 

• Pada halaman dashboard > rancangan >Edit HTML 
• Centang Expand Template Widget 
• Cari kode </head> tag, gunakan fasilitas pencarian dengan menekan tombol F3 
• Copy kode dibawah dan pasang sebelum kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

• Simpan pekerjaan anda atau Save template 
• Kalau sudah tersimpan, kembali lagi kehalaman Dashboard anda 
• Setelah klik Rancangan > Design --&-- Page Elements. 
• Klik “tambah Gadget” pada salah satu sidebar. 
• Pilih ‘HTML/Javascript” dan tambahkan kode dibawah:

<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js?time=120"></script>

Keterangan:
Ganti yang ditandai biru yaitu ?time=120 dengan waktu yang sesuai dengan keinginan anda, 120 berarti setelah 120 seconds atau 2 menit, tanpa aktivitas di blog anda, Energy saving mode akan bekerja.

»»  READMORE...

Tutorial Cara Pasang Burung Twitter Terbang Melayang

Tutorial Blogger kali ini adalah tutorial cara pasang animasi burung twitter terbang melayang di blog, sebenarnya cara membuat / pasang burung twitter terbang ini sudah banyak ditulis oleh teman-teman blogger lainnya, dan ini mudah (asal kita tahu caranya).

Walaupun tutorial cara pasang animasi burung twitter terbang ini sudah banyak ditulis oleh blogger lain, tapi tidak ada salahnya kan jika saya tuliskan lagi di blog ini, siapa tahu ada pengunjung blog ini berminat ingin memasang burung twitter terbang di blog nya juga, namun belum tahu cara membuatnya.

Ok deh, saya rasa tidak perlu panjang lebar.

Cara Pasang Burung Twitter Terbang

Untuk memasang animasi burung twitter terbang di blog kamu silakan ikuti langkah-langkah berikut:

1. Login ke blogger
2. Klik menu Tata Letak

3. Klik Tambah Gadget, pilih gadget Html/JavaScript


4. Masukkan script animasi burung twitter terbang di dalam nya (script saya sertakan di bawah)
5. Simpan & Selesai

Berikut script animasi burung twitter terbang yang harus kamu pasang:

<script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpXBFtyx-hrftfZ6oBJamxRiBAZbzKt_-67kmhDvLX2TTsb_q6OOZWhn0Jdy3ZifFlTpYKyqLRVFc1l_r-SuZOj-YtyPoRdk9nYpurlamcc1ZsOOnizhBeEUJXnO5iCQbNB2pFFzPj_U/s1600/burung+twitter+terbang.png";
var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
var twitterAccount = "http://twitter.com/AkunTwitterKamu";
var tweetThisText = "Twitter - UserID";
tripleflapInit();
</script>

Keterangan

Silakan ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTpXBFtyx-hrftfZ6oBJamxRiBAZbzKt_-67kmhDvLX2TTsb_q6OOZWhn0Jdy3ZifFlTpYKyqLRVFc1l_r-SuZOj-YtyPoRdk9nYpurlamcc1ZsOOnizhBeEUJXnO5iCQbNB2pFFzPj_U/s1600/burung+twitter+terbang.png dengan warna burung yang kamu inginkan (pilihan warna burung saya sertakan di bawah) dan jika tidak kamu ganti maka burung twitter nya berwarna biru muda.
Ganti http://twitter.com/AkunTwitterKamu dengan alamat twitter kamu

Berikut beberapa pilihan warna burung twitter yang bisa kamu pilih
Burung Twitter Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje1PxZA9TqCLzB_N9AOBnjzzrTW4mEUkz_HuLNv4g80DI94AAjzfVta6wmDqTHlj-kZH0U0LlFpuTFs0JfpefRgJ1VGHmqPvIs6ZzqjWIjPKe2463DwX6027oqZOCb9RL5jYuxEvvggFo/s1600/yellow+bird.png

Burung Twitter Warna Hitam

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxJwNiEH3UhzPCBn4FUwC9Gus7E1MVE6jYZRWwYVMs0F0seq7AxHJpgYugvWTEZ__fZkptI_Onsvbpsdk8gVtvKelRMqaDzCxsoGgFD9YK-Cn5qo_Z1YqUgH34jg0sDgnczDI7LKisnzw/s1600/black+bird.png

Burung Twitter Warna Coklat

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKE18wB-X8NsXXYSe0xVV0szxHeRm8FItB61CxZzqtwb9jRRpy3MfwSjf9106CLNdP7PHDykdj5IUrWIi8ZQ3l6Nx4ZEW-wtBqAuRC0kyPJqqCJ6vn0CTkj2tfk5nFE9_WZZsUQY_-jwY/s1600/brown+bird.png

Burung Twitter Warna Hijau

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHTF_hYirk_1TwjYXek3fjFbC5-YorHcEBUEK5zDAKRuSJfBm_vwUvSF_0urjvv9ZaqGi-g1GjV9EJmPCtx55I0rpUj2TQ2GbGCWt1hFlMhyphenhyphenqouV3H7SX-l6oX8Hx8ck5f2VlUxK8b-Pg/s1600/Green+bird.png

Burung Twitter Warna Ungu

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAGcdkCUCCulVMa3u2YRfJ-Mm5TV3bSJs1GvwjxjwZI3lvwgNOo3_V2pnFnap_DtzbEgkV_7lq1vVuLzpZOhMh6JP6LWlOnh2QAmNV6drvp241CIsTZEweZFrovsBzmGTidaqLZL-SlLM/s1600/purple+bird.png

Burung Twitter Warna Putih

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7_4JiP373vJ8McRR3XM2OeunMygSeKRLQU_gIuko6bb3cWh2gZ81d7RxilJC7GagwA8yNpD0-RgZbSCmxWHw_lLuDIUGDiXmAbyvjaS5yCaJnsv6L9qGVSI3GSsh43aXOVG-F4mg5NMQ/s1600/white+bird.png

Burung Twitter Warna Merah

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXpHnjJjrEBGAcRKpmILiZNmgR-IqcppxuAnHxkpixy_aQBXb_95hBJ_eBjb7WqNzVEuGveh-NDlvCgpq9tWY_IU1TNsnAs5G-iHe9ALoxhQ_cgjz8JNdf9omhwXF6cM10drSc-0MlyZw/s1600/red+bird.png

Nah itulah beberapa warna burung twitter terbang yang bisa kamu gunakan. Sebaiknya hati-hati dalam mengganti alamat akun twitter dan warna burung, karena jika ada kode yang terhapus secara tidak sengaja saat kita menggantinya maka kemungkinan burung terbang tidak terlihat.

Selamat mencoba pasang burung twitter terbang di blog kamu, semoga bermanfaat dan semoga berhasil. 

»»  READMORE...

Cara Membuat READMORE Otomatis di Blogspot

Kali ini WildanAk ingin sharing kepada sobat bagaimana cara membuat readmore otomatis (auto read more) di blogspot. Mungkin telah banyak yang membahas cara ini di blognya masing-masing, tetapi tidak ada salahnya WildanAk mempublishnya.

Dengan adanya readmore otomatis, homepage blog kita akan terlihat rapi dengan ketentuan tinggi dan lebar yang bisa di atur dengan mudah, juga menampilkan thumbnails gambar di sampingnya.

Tanpa perlu panjang lebar bercerita, alangkah baiknya langsung ke TKP, cekidot.........

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

cari kode </head> kemudian masukkan script di bawah ini persis diatas kode tersebut.

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
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>

KEDUA, cari kode html berikut ini :

<data:post.body/> atau <p><data:post.body/></p>

ganti kode tersebut 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>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

KETIGA, klik save template

Untuk melihat hasilnya coba buka halaman home page blog sobat, jreng...jreng...jreng...readmore otomatis telah tampil dan blog sobat terlihat lebih menarik sehingga menimbulkan daya tarik tersendiri bagi pengunjung.

PERHATIAN :

Jika Sobat Sukses Menggunakan Readmore Otomatis Pada Blog Sobat dan Jika Bermasalah di Halaman Static Blog (Page Menu) Readmore tidak berfungsi, sobat bisa mengatasi masalah tersebut dengan cara mengikuti tutorial

»»  READMORE...

Website untuk download template blog

Sebelum menukar template sesebuah blog, perkara yang diperlukan adalah template yang hendak ditukar. Seseorang pemilik blog mesti mengetahu template bagaimana yang hendak digunakan untuk blognya.

Jika anda seorang pemilik blog dan masih belum lagi mempunyai template yang hendak digunakan, anda boleh mendapatkan pelbagai jenis template secara percuma dan pelbagai jenis yang dirasakan sesuai untuk blog anda.

Template sesebuah blog adalah dalam format .xml (oleh itu pastikan jika anda download file dalam bentuk zip/rar, anda extract dahulu file tersebut.)


Berikut adalah antara laman web yang menyediakan pelbagai jenis template untuk blogger secara percuma.

http://btemplates.com/


http://www.ourblogtemplates.com/


http://www.deluxetemplates.net/



http://blogtemplate4u.com/


http://www.bloggertemplatesfree.com/


http://www.btheme.info/


http://www.blogspottemplate.com/



http://www.freebloggertemplate.org/



http://www.bloggertemplateplace.com/



Anda juga boleh mendapatkan pelbagai lagi template untuk blog dengan hanya menggunakan fungsi search pada google.

Tips: Anda tidak perlu risau jika anda gunakan banyak masa untuk memilih template yang sesuai untuk anda. Kerana itu adalah perkara biasa. Pastikan template yang anda pilih betul-betul memenuhi citarasa anda.:)

»»  READMORE...