Kompres Gambar Online

Faktor penyebabnya selain pemasangan widgets dan template adalah faktor ukuran file gambar (image) yang terpasang diblog. Jika ingin memasang file gambar diblog, ada baiknya kita melakukan kompress file agar ukuran filenya berkurang. Dengan berkurangnya ukuran file gambar, maka loading yang dibutuhkan blog untuk menampilkan gambar tersebut semakin cepat. Bagi anda yang tidak memiliki software kompresi file gambar tak perlu khawatir. Berikut ini akan diberikan beberapa link web site yang menyediakan jasa kompresi file gambar secara gratis.

• PunyPNG


• Stanleyshilov


• ImageOptimizer

Ketiga situs diatas menyediakan jasa kompres file online tanpa dipungut biaya (gratis). Masing-masing situs diatas memiliki kelebihan dan kekurangan. Contohnya, PunyPNG versi gratis memiliki kelebihan mengkompres file tanpa terlalu banyak mengurangi kwalitas gambar yang dikompres. Selain itu penyusutan ukuran filenya juga sangat jauh berkurang. Kekurangan dari PunyPNG versi gratis ini adalah adanya pembatasan ukuran file gambar yang akan dikompress, yaitu ukuran maksimum file gambar yang akan dikompress adalah 150 Kb. Berikut gambar ilustrasi kompresi yang dilakukan PunyPNG:


Silahkan ujicoba masing-masing situs penyedia jasa kompresi gambar tersebut dan silahkan pilih salah satu yang sesuai dengan selera anda :D Ingin mendapatkan layanan yang lebih? Silahkan daftar disalah satu situs penyedia jasa kompres file gambar tadi dan tentunya anda akan diminta memberikan partisipasi berupa sumbangan dana untuk membantu kegiatan mereka. Selamat mencoba.

Sumber: http://komputersmpn1parapat.blogspot.com/2011/04/kompres-file-gambar-online.html

Baca Selengkapnya - Kompres Gambar Online

Mengunduh Musik lebih Cepat

Jika Anda suka mencari lagu lewat 4 shared, saat mengunduh maka harus menunggu beberapa saat terlebih dahulu. Biasanya 20 detik, bahkan kadang sampai 320 detik. Jika ingin yang instan dan tidak perlu menunggu maka Anda bisa mengunduh lagu dengan bantuan web ini. Bisa memakai komputer maupun ponsel.

Webnya adalah ddcode.co.cc. Berikut ini contoh penggunaannya dengan Opera Mini.

Silakan buka ddcode.co.cc.

Masukkan lagu yang ingin dicari misalnya yang lagi booming yaitu chaiya chaiya.

Akan ada daftar lagu sesuai kata kunci yang Anda masukkan. Pilih yang Anda inginkan kemudian klik Download.

Akan masuk halaman untuk mengunduh, klik Direct Download.

Lagu langsung bisa didownload, klik Save.

Nama file hasil unduhan adalah preview.mp3, jadi silakan direname setelah selesai proses unduhnya. Kenapa namanya preview ya? Saat Anda mengunduh file lagu di 4 shared,  Anda bisa memainkan previewnya. File preview inilah yang diambil secara langsung. Kualitasnya sama antara preview dengan aslinya. style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 18px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">ddcode.co.cc dibuat oleh mas Muhammad Risky Prasetya. Web ini juga bisa dipakai mencari video dengan direct download, namun hasilnya adalah flv. Web yang simpel namun fiturnya berfungsi dengan sangat baik. style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 18px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Semoga Bermanfaat.

Baca Selengkapnya - Mengunduh Musik lebih Cepat

Pasang Widget I Love Ahmad

Jika kalian yang berasal dari suatu daerah yang masih ada hubungannya dengan BELAJAR ILMU KOMPUTER, kalian bisa pasang wiget I LOVE Ahmad ini (seperti yang tampil di kanan atas) di website kalian. caranya gampang kok,



silahkan ikuti langkah berikut
copy code di bawah ini :
<span style="font-weight:bold;"><script language="JavaScript" src="http://ahmad88.googlecode.com/files/ahmad%20love2.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://ahmad88.googlecode.com/files/Ahmadlove9.png")</script></span>

Untuk wordpress self hosted, paste aja di widgets. Atau kalau tidak bisa, coba di header.php bagian paling bawah. Atau kalau ternyata tidak bisa juga, coba aja paste di sidebar.php paling bawah. Kalau masih tidak bisa, coba di footer.php paling bawah. Otak atik sendiri deh. He3.

Untuk blogspot, paste kode di atas dengan cara :

Tata letak > tambah gadget > tambahkan HTML/Javascript > Paste kode di atas di konten, tanpa judul.
Ya udah deh… kalo temen2 mau pasang widget ini, silahkan ambil source code di atas, lalu tinggalkan komentar di bawah ini atau di buku tamu supaya mendapat backlink (DoFollow).

Atau Versi yang ini :



Code :

<span style="font-weight:bold;"><script language="JavaScript" src="http://ahmad88.googlecode.com/files/ahmad%20love2.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("http://ahmad88.googlecode.com/files/YANIELOVE9.png")</script></span>

Selamat Mencoba.. semoga Berhasil... :D

Baca Selengkapnya - Pasang Widget I Love Ahmad

Cara pasang Auto Read More terbaru

Fungsi Read More kali ini emang agak berbeda dengan versi Read More yang lama. Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span>dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Trus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? sama..yang jelasin juga puyeng wkwkwkw Ya sudah, biar sama2 gak pusing langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang tebal dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja).

<div class='post-header-line-1'/>
<div class='post-body'>

<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'>Readmore</a>
</b:if>

<div style='clear: both;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.



Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.



Langsung copy paste aja kode dibawah ini:

<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 Ahmad

visit http://www.ahmad-888.blogspot.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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah


<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan semua kode dibawah ini

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Selamat mencoba..

Baca Selengkapnya - Cara pasang Auto Read More terbaru