WATU BUDUG

Langkah Membuat Daftar Isi Automatic Blog

Anda seorang blogger yang masih menggunakan daftar isi blog secara manual? Ganti dengan cara berikut untuk membuat daftar isi blog secara otomatis. Jadi kita tidak perlu repot menulis link untuk posting Anda secara manual. Kerja kita jadi semakin dipermudah dalam mengelola blog tanpa membuang waktu dengan percuma.

Berikut ini cara membuat dan memasang daftar isi otomatis, silahkan ikuti langkah-langkah di bawah ini:

Login ke Blogger, Klik Layout/Tata Letak;
Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
Cari dan pilih HTML/Javascript;
Copy paste kode di bawah ini ke dalam content yang telah tersedia, berikut ini kodenya :

<div style="overflow: auto; width: 300px; height: 200px; text-align: left;">
<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://apitprayitno.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
Klik Tombol Save/Simpan.

Keterangan :

Link yang berwarna merah, silahkan diganti dengan alamat Blog Anda;
Width: 300px; adalah merupakan lebar dari kotak daftar isi otomotis dan boleh anda sesuaikan;
Height: 200px; adalah merupakan tinggi dari kotak daftar isi otomotis dan boleh anda sesuaikan.

Demikianlah tutorial Membuat Daftar Isi Automatic Blog, semoga bermanfaat.

Membuat Page Peel Animasi Flash Di Blogger

Beberapa blogger menggunakan widget sebagai media iklan mereka. Selain menarik ternyata penggunaan page peel bisa menjadi daya tarik pengunjung blog. Terletak di sudut kanan halaman blog menjadi ciri khas widget ini. Untuk Anda yang tertarik untuk membuatnya silahkan ikuti langkah-langkahnya berikut ini :

Sebelumnya silahkan Anda download file peel.zip (Alternative – Download), extract file tersebut sehingga muncul file folder "peel" yang berisi beberapa file yaitu :

large.swf
large.jpg
small.swf
small.jpg
peel.js

Unggah semua file tersebut ke dalam media penyimpanan online kesukaan Anda. Untuk image/gambar di Picasa Google dan file swf upload saja di www.swfcabin.com, gratis tentu saja. Selanjutnya ikuti tutorial berikut ini :

Langkah membuat page peel di Blogspot
1. Masuk ke blogger
2. Pilih Template
3. Pilih Edit HTML
4. Centang kotak kecil dekat expand template widget
5. Cari kode ini <head> dan letakkan kode dibawah ini ( peel.js ) sesudah kode <head>

var jaaspeel = new Object();

jaaspeel.ad_url = escape('http://www.domain.com');
jaaspeel.small_path = 'http://www.domain.com/peel/small.swf';
jaaspeel.small_image = escape('http://www.domain.com/peel/small.jpg');
jaaspeel.small_width = '100';
jaaspeel.small_height = '100';
jaaspeel.small_params = 'ico=' + jaaspeel.small_image;

jaaspeel.big_path = 'http://www.domain.com/peel/large.swf';
jaaspeel.big_image = escape('http://www.domain.com/peel/large.jpg');
jaaspeel.big_width = '650';
jaaspeel.big_height = '650';
jaaspeel.big_params = 'big=' + jaaspeel.big_image + '&ad_url=' + jaaspeel.ad_url;

function sizeup987(){
   document.getElementById('jcornerBig').style.top = '0px';
   document.getElementById('jcornerSmall').style.top = '-1000px';
}

function sizedown987(){
   document.getElementById("jcornerSmall").style.top = "0px";
   document.getElementById("jcornerBig").style.top = "-1000px";
}

jaaspeel.putObjects = function () {
// <jcornerSmall>
document.write('<div id="jcornerSmall" style="position:absolute;width:'+ jaaspeel.small_width +'px;height:'+ jaaspeel.small_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerSmallObject" width="'+jaaspeel.small_width+'" height="'+jaaspeel.small_height+'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.small_path +'?'+ jaaspeel.small_params +'"/>');
document.write(' <param name="wmode" value="transparent" />');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+jaaspeel.small_params+'"/>');
// embed
document.write('<embed src="'+ jaaspeel.small_path + '?' + jaaspeel.small_params +'" name="jcornerSmallObject" wmode="transparent" quality="high" width="'+ jaaspeel.small_width +'" height="'+ jaaspeel.small_height +'" flashvars="'+ jaaspeel.small_params +'" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
document.write('</script>');
// </jcornerSmall>
// <jcornerBig>
document.write('<div id="jcornerBig" style="position:absolute;width:'+ jaaspeel.big_width +'px;height:'+ jaaspeel.big_height +'px;z-index:9999;right:0px;top:0px;">');
// object
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"');
document.write(' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"');
document.write(' id="jcornerBigObject" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'">');
// object params
document.write(' <param name="allowScriptAccess" value="always"/> ');
document.write(' <param name="movie" value="'+ jaaspeel.big_path +'?'+ jaaspeel.big_params +'"/>');
document.write(' <param name="wmode" value="transparent"/>');
document.write(' <param name="quality" value="high" /> ');
document.write(' <param name="FlashVars" value="'+ jaaspeel.big_params +'"/>');
// embed
document.write('<embed src="'+ jaaspeel.big_path + '?' + jaaspeel.big_params +'" id="jcornerBigEmbed" name="jcornerBigObject" wmode="transparent" quality="high" width="'+ jaaspeel.big_width +'" height="'+ jaaspeel.big_height +'" flashvars="'+ jaaspeel.big_params +'" swliveconnect="true" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>');
document.write('</object></div>');
// </jcornerBig>
setTimeout('document.getElementById("jcornerBig").style.top = "-1000px";',1000);
}
jaaspeel.putObjects();
 

Catatan : silahkan ganti tulisan yang berwarna merah dengan alamat url file yang telah anda hosting / simpan sebelumnya di media penyimpanan online. 6. Simpan dan lihat hasilnya

Bila Anda masih bingung cara membuatnya silahkan berkomentar.

Cara Membuat Read More Versi Fast Load

Membuat readmore barangkali sudah menjadi hal yang sudah banyak dilakukan oleh blogger. Namun kali ini saya akan membagi tutorial membuat readmore yang lebih simpel. Tentunya loading blog juga akan lebih ringan, karena setelah kita klik "readmore" maka kita tidak lagi load halaman lagi. Oleh karena itu saya lebih suka menyebutnya dengan istilah Readmore Versi Fast Load.

Berikut Cara Membuat Read More Versi Fast Load:

1. Login ke akun Blogger anda

2. Pilih Layout > Edit HTML, lalu centang Expand Widget Templates.

3. Cari kode </head> lalu pastekan kode berikut tepat di atasnya:

<script src='http://creatingwebsite.googlecode.com/files/readmorev2.js' type='text/javascript'/>

4. Jika sudah, cari kode <div class='post-header-line-1'/>, di bawahnya kan ada kode <div class='post-body entry-content'>. Ganti kode tersebut menjadi seperti ini:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'>

5. Sudahkan? Selanjutnya cari kode <p><data:post.body/></p>, paste kode berikut tepat di bawahnya:

<b:else/>

<style>#fullpost {display:none;}</style>

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

<span id='showlink'>

<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>

</span>

<span id='hidelink' style='display:none'>

<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>

</span>

<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

6. So, seluruh kode tadi menjadi seperti ini:

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Selengkapnya...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Ringkasan...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>

Tulisan Selengkapnya... dan Ringkasan... bisa anda ganti sesuai keinginan.

7. Klik Save Template untuk menyimpan perubahan
8. Selanjutnya pilih menu Setting > Formatting
9. Scroll ke bawah dan temukan kotak Post Template, lalu paste kode berikut kedalamnya:

<span id="fullpost">
</span>

10. Klik Save Settings

Dalam membuat postingan, letakkan abstraksi atau pembuka postingan anda sebelum kode <span id="fullpost"> dan sisa nya letakkan diantara kode <span id="fullpost"> dan </span>.

Selesai deh readmore-nya. Ehh.. belum, kurang dikit ada yang lupa!!

Lalu gimana buat yang sudah pakai read more versi 1? Ya tinggal update aja ke situs providernya… eh, kok malah kayak software? Begini, buat yang sudah pakai read more versi 1, anda tinggal mengubah sedikit kode read more yang lama..

Caranya:
1. Kode read more yang lama kan seperti ini:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

2. Hapus kode yang berwarna merah lalu ikuti langkah-langkah di atas.

3. Jangan lupa ubah juga isi Post Template dengan:

<span id="fullpost">
</span>

Silahkan dicoba sobat.

CCleaner 3.26.1888 - Clean Your PC

CCleaner adalah aplikasi nomor satu untuk membersihkan PC Anda yang berbasis Windows. Aplikasi ini dapat membuat komputer anda berjalan lebih cepat dan lebih aman, membersihkan hardisk anda dari file file sampah, dan dapat melindungi privasi Anda saat berseluncur di dunia maya. Kelebihan dari software ini antara lain adalah mudah digunakan, file berukuran kecil, bekerja secara cepat, bebas dari spyware dan adware, serta dapat didownload dengan cepat.

Update di versi ini :
- Peningkatan manajemen add-on di Firefox
- Peningkatan manajemen ekstensi di Google Chrome
- Optimasi algoritma analisis direktori
- Penambahan fitur cleaning untuk Microsoft Office 2013
- Penambahan fitur cleaning untuk Adobe Reader 11.0
- Perbaikan minor dengan installer Windows 8
- Perbaikan minor pada GUI
- dan beberapa perbaikan lain dari versi sebelumnya

DOWNLOAD

Mirror :

Filehippo.com

Softpedia.com

Minimum Requirement (bergantung pada sistem operasi Anda) :

Processor	no minimum
Memory	no minimum
Kapasitas Hard disk	10 MB

Panduan Instalasi Program : Double klik file .exe, lalu ikuti petunjuk instalasi.

Panduan Menghapus program : Melalui pilihan pada start menu program klik uninstal aplikasi, atau melalui control panel.

Data Teknis :

Nama software CCleaner 3.26.1888
Ukuran File 3,98 MB
Sistem Operasi Windows 2000/2003/XP/Vista/Windows 7/Windows 8
Website resmi http://www.piriform.com/ccleaner

WATU BUDUG

TUTORIAL BLOG

COMMENT

Langkah Membuat Daftar Isi Automatic Blog

Membuat Page Peel Animasi Flash Di Blogger

Cara Membuat Read More Versi Fast Load

CCleaner 3.26.1888 - Clean Your PC

MENU TAB

ARTIKEL TERBARU

CHAT

ARCHIEVE

STATISTIK

ADVERTISE

ADVERTISE