Rabu, 18 Juli 2012

Membuat Spoiler pada Blog

Sebagian orang pastinya sudah tahu apa itu spoiler, apalagi kalau sering bermain di forum. Spoiler sudah pasti sering digunakan. Lalu bagaimana kalau mau menerapkan atau membuat spoiler di blog? Sebelumnya kalau ada yang belum tahu apa itu spoiler. saya jelasin singkat saja. Spoiler adalah tombol yang diguanakan untuk menyingkat tempat atau menyembunyikan konten (teks, foto atau video) dengan buka tutup. Contohnya bisa dilihat di bawah halaman ini.

Spoiler bisa juga dibuat di blog, lebih khusus dipostingan. Biasanya digunakan untuk membuat penasaran si pembaca dengan menyembunyikan terlebih dahulu. Untuk melihatnya dengan mengklik tombol spoiler itu. Selain itu juga untuk menghemat tempat, ya karena buka tutup itu (spoiler). Lalu bagaimana cara membuat spoiler di blog? Langsung simak yang berikut ini.

Cara Membuat Spoiler di Blog
1. Login ke Blogger
2. Pilih New Post atau Entri Baru seperti membuat postingan biasa
3. Pilihlah pada mode Edit HTML saat membuat postingan
4. Gunakan kode script berikut ini untuk membuat spoiler:


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler</b>: <input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
Letakkan teks atau kode script (gambar atau video) di sini
 <br>
</div>
</div>
</div>

5. Kita dapat mengganti Judul Spoiler sesuai kehendak kita, begitu juga Buka dan Tutup.
6. Klik Publish atau Terbitkan Entri jika sudah selesai.

Sumber : http://kurniasepta.blogspot.com 

Catatan : Jika anda mau memasukkan kode script pada spoiler maka yang dimasukkkan pada tempat peletakan teks di atas adalah kode script(kode HTNL) dari script tersebut. 


Cara Merapikan Auto Readmore Blog

Merapikan Auto Readmore Blog - Tak semua Script yang kita instal berhasil sempurna contoh saja yang saya alami pada tampilan auto read more,hingga tercipta jarak antar artikel contoh gambar berikut :

cara membuat auto readmore pada blogspot, instal auto readmore pada blog, memasang auto read more blogspot, menambahkan auto readmore di blog, solusi masalah auto read more pada blog

Nah kali ini masalah ini terselesaikan akirnya tampilan auto read more menjadi rapih,contoh gambar berikut :

cara membuat auto readmore pada blogspot, instal auto readmore pada blog, memasang auto read more blogspot, menambahkan auto readmore di blog, solusi masalah auto read more pada blog

jika anda berminat untuk mencobanya simak langkah langkah berikut :
  1. login ke akun blogger
  2. pilih rancangan
  3. Pilih edit html
  4. cari kode ]]></b:skin>
  5. lalu sisipkan script berikut di bawah kode tadi.

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <style type='text/css'>
    .post {height:95px;font-size:11px}
    </style>
    </b:if>
  6. simpan dan selesai.
Keterangan : Untuk nilai nominal height atau yang berwarna merah bisa anda sesuaikan itu cuma contoh saja.
semoga informasi yang saya berikan bisa membantu dan bermanfaat.

Source : http://exitren.blogspot.com

Senin, 16 Juli 2012

Cara Menghilangkan Search Engine Babylon dari Firefox Mozilla

Dasarnya sih ga biasa dengan Babylon ini karena saya lebih terbiasa google atau laman kosong. Cari-cari browsing, dapet deh, dan sukses menghilangkan sang Babylon ini. Berikut langkah-langkah yang saya dapet:

1. buka Firefox, ketikan about:config pada address bar

2. ketikan kata babylon pada kotak filter
 
 

3. klik kanan pada setiap baris string extentions kemudian reset (atau kembalikan). (klik kanan-reset/kembalikan)

4. buka window explorer > program files > Mozilla Firefox > searchplugins kemudian hapus file babylon.xml




 
5. restart browser Firefox, dan selesai


 
Selamat mencoba... :)

Selasa, 10 Juli 2012

Menghilangkan Pengaruh Readmore Pada Laman Statis

Penggunaan beberapa script Readmore ada yang mempengaruhi laman yang lain. Laman yang berisi daftar isi, atau lainnya tidak tampil seperti yang disusun sebelumnya. Untuk mengembalikan kondisi laman yang lain tersebuat tanpa menghilangkan fungsi readmore di beranda, langkah-langkahnya adalah sbb:

1. Login ke account blogger dengan id dan username anda.

2. Masuk ke halaman Editor HTML blogger dan jangan lupa centangan pada tulisan Expand Template Widget.


3. Cari kode yang mirip seperti kode dibawah ini :
Klik Disini:
<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:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>


4. Tambahkan kode dibawah ini diatas kode berwarna merah
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>

5. Tambah kode dibawah ini di bawah kode yang berwarna biru 
</b:if>

6. Simpan Template


Sumber : cintapriawanita.blogspot.

Silahkan coba dan lihat hasilnya.. :)

Jumat, 06 Juli 2012

Perbandingan Kualitas Standart Image, Audio dan Video

Jenis format standart dan perbedaan kualitasnya dari multimedia image.
Setiap gambar, audio dan video memiliki standart kualitas . Untuk image merupakan suatu reperentasi dari suatu obyek baik 2D maupun 3D.
Sedangkan format file gambar atau image adalah cara standar untuk mengatur dan menyimpan gambar digital. Berikut beberapa media image file yang umum.

1. *png (Portable Network Grafik)

Format standart ini sering digunakan di jaringan internet untuk penampilan dan pengiriman gambar, dan sering digunakan dalam objeck halaman web. Untuk size dari format ini cekup kecil namu setara dengan format gif dengan size besar, makannya sering digunakan di internet dakna memori yang kecil. Namun format ini tidak mendukung gambar gerak (animasi) namun kelebihan dari format ini tuh jika dibandingkan dengan GIF dalam kemampuannya menyimpan file dalam bit depth sampai 24 bit lho nah serta mampu menghasilkan latar belakang (background) yang transparan dengan pinggiran yang halus.

2. *JPEG (Joint Photographic Expert Group)
Format ini sangat umum sekali digunakan dalam image dan cukup familiar, File JPG menggunakan teknik kompresi yang menimbulkan kualitas dari image turun dan jika menyimpan ke format JPEG dari format lain, size dari image biasanya mengecil, tetapi kualitasnya turun dan tidak dapat dikembalikan lagi.

3.*BMP (Bitmap)
Format ini umum digunakan pada OS windows , Kelebihan format  BMP yaitu dapat dibuka  hampir semua program pengolah gambar. Baik yang terkompresi maupun tidak , format ini memiliki ukuran yang jauh lebih besar daripada tipe-tipe yang lain. format ini menggunakan sistem warna RGB (Red, Green, Blue) dimana masing -masing warna pixelnya terdiri dari tiga komponen, RGB yang di campur menjadi satu. File bmp dapat dibuka dengan bermacam software pembuka gambar seperti, ACDSee, Paint, Irvan view, dll. Kelemahannya file bmp tidak bisa (sangat jarang) digunakan di web (internet) karena ukurannya yang besar sekali. bakalan lemot kalo upload pake file format ini karna sizenya.

4.*gif (Graphics Interchange Format)
GIF memungkinkan penambahan warna transparan dan mendukung gambar dari banyak frame sehingga bisa disebut sebagai gambar animasi (gambar yang bergerak) untuk saat ini standar GIF hanya maksimal 256 warna saja. format ini menggunakan kompresi yang tidak menghilangkan data (lossles compression) tetapi penurunan jumlah warna menjadi 256 sering membuat gambar yang kaya warna seperti pemandangan menjadi tidak realistis. Pada program MS Paint, tidak ada fasilitas penyesuaian warna yang digunakan (color table) sehingga menyimpan file GIF di MS Paint seringkali menghasilkan gambar yang terlihat rusak atau berubah warna. Pada program pengolah gambar yang lebih baik, seperti Adobe Photoshop, color table bisa diatur otomatis atau manual sehingga gambar tidak berubah warna atau rusak. 

5.*tiff (Tagged Image Format File)
Format ini merupakan format gambar terbaik..karena semua data dan informasi (data RGB, data CMYK, dan lainnya) yang berkaitan dengan koreksi atau manipulasi terhadap gambar tersebut tidak hilang. Format TIFF biasa digunakan untuk kebutuhan pencetakan dengan kualitas gambar yang sangat tinggi. Ukuran berkas untuk format ini biasanya sangat besar. Format ini mampu menyimpan gambar dengan kualitas hingga 32 bit. Format berkas TIFF juga dapat digunakan untuk keperluan pertukaran antar platform (PC, Macintosh, dan Silicom Graphic)


Jenis format standart Multimdia Audio


Media audio memiliki banyak type format file dengan berbagai codec .Musik Digital menggunakan sinyal digital dalam proses reproduksi suaranya sebagai proses digitalisasi terhadap format rekaman musik analog, lagu atau musik digital mempunyai beraneka ragam format yang bergantung pada teknologi yang digunakan, yaitu :
secara garis besar format audio dibagi 2 kategory , apa ithu??

Lossy dan lossless
lossless???? berarti format audio tersebut (hampir) tidak melakukan kompresi dengan membuang bagian dari suatu data suara dimana kualitas dari file audio sama dengan kualitas aslinya. sedangkan 
 lossy??? berarti dalam pengubahan format, dia melakukan pengkompresan dengan menghilangkan beberapa bagian dari data suara. Bagian yang dihilangkan tersebut merupakan bagian-bagian dari suara yang memiliki frekuensi yang tidak ditangkap oleh telinga. Semakin rendah bitrate yang digunakan, maka semakin banyak bagian suara yang dihilangkan.Size file akan semakin kecil namun kualitas suara juga lebih tidak bagus.
Ada beberapa macam format lossless, diantaranya wav, flac (Free Lossless Audio Codec), WavPack, ALAC (Apple Lossless), APE (Monkey's Audio), wma lossless.
dan  lossy yang umum digunakan yaitu mp3, aac, ogg vorbis, mpc (musepack), wma.


oke kita bahas format audionya:

1. WAF-form
Format ini  awalnya hasil rippning dari cd di rekam dari format ini sebelum di konversi ke format lain. Ukuran satu berkas wav sama dengan ukuran track  yang bersesuaian di audio cd, dikarenakan baik wav maupun audio cd, data di-encode dengan metode PCM


2.MP3 (MPEG audio layer3)
Format ini paling umum digunakan dan Bitrate yang umum di gunakan di masyarakat yaitu mp3 dengan bitrate 128 kbps, kenapa???? Sebab pada bitrate ini terjadi perubahan kualitas yang paling signifikan per-bitrate. maksutnya bgini......, rasio bitrate vs. quality paling besar. Bitrate ini memberikan ukuran yang cukup kecil, dengan kualitas suara yang hampir tidak berubah, akan tetappi untuk pendengar kritis, bitrate ini jelas tidak mencukupi. Bitrate maksimum yang disupport format ini mencapai 320 kbps (8, 16, 24, 32, 40, 48, 56, 64, 80, 96, 112, 128, 160, 192, 224, 256, 320 kbps), dengan ukuran file hanya 1/6 hingga 1/5 ukuran file dalam format wav.
Mp3 sendiri mengikuti standar MPEG-1 baik layer 1, 2, dan yang terbaru, layer 3. Coding terbaru mp3 menggunakan standar MPEG-2 untuk dukungan channel hingga 5.1.
3.AAC
Advance audio coding....Bitrate format ini berkisar dari 8 hingga 529kbps.
Format ini punya kelebihan dibanding mp3 apa saja ithu??
1. memiliki frekuensi sampling (sample frekuencies) yang lebih lebar
2. akurasi dan efisiensi coding yang lebih tinggi, dll. 
Perbandingan sederhananya dapat dijelasin begini..., kualitas aac ber-bitrate 96 kbps adalah sama dengan mp3 ber-bitrate 128 kbps. 
Dapat dikatakan bgini....format aac memiliki ukuran berkas yang lebih besar daripada mp3 dengan bitrate yang sama, walaupun tidak secara mencolok.

4.real audio
format ini memiliki bitrate yang cukup rendah. Format ini umumnya digunakan untuk streaming audio. Pada bitrate 128 kbps ke atas RealAudio menggunakan standar AAC MPEG-4.


5.WMA
Windows media audio merupakan format yang pling diminati oleh banyak vendor musik.knapa demikian??
karna mendukung DRM atau Digital Rights Management .DRM ini merupakan fitur untuk mencegah pembajakan. Kelebihan WMA lainnya ialah kualitas musik yang lebih baik dibndingkan dengan MP3 maupun AAC


6.OGG Vorbis. 
Format ini opensource. pada mulanya dikembangkan sebagai jawaban atas perubahan status mp3 menjadi propiertary
format ogg hanyalah kontainer untuk berkas suara yang di-encode menggunakan vorbis. Namun orang lebih sering menyebut ogg vorbis sebgai ogg saja. Padahal dalam kenyataannya, dapat dijumpai berkas berekstensi ogg namun memuat berkas video.  
Bitrate maksimum dari format ini yaitu 500 kbps (dengan menggunakan kualitas mode -10). Dari sisi kualitas, saat ini ogg vorbis mampu menyamai MPC (musepack). MPC sendiri dikenal sebagai format lossy paling baik kualitasnya. Dari ukuran berkas, ogg vorbis ber-bitrate 500 kbps lebih besar dibanding mp3 ber-bitrate 320 kbps. Dari kualitas, masih lebih baik ogg vorbis, terutama jika menggunakan tuned ogg vorbis.




JENIS JENIS STANDART MULTIMEDIA VIDEO



video memiliki format yang beragam dan codec seperti halnya video dan masing-masing video memiliki kuaitas yang berbeda, umumnya dari segi aplikasi pemutar, ukuran file dan kualitas gambar. Untuk lebih jelasnya, tak ada salahnya bila kita mengenalnya satu per satu.:

1.AVI.
Audio Video Interleaved adalah format standar file video untuk Microsoft Windows, Format video ini mampu menghasilkan pergerakan 15 frame per detik, dalam resolusi maksimal 160x120 dengan kualitas suara mencapai 11,025Hz.
Hampir semua kamera video, khususnya yang analog, menghasilkan format file *avi saat ditransfer ke PC. Format video yang punya segudang aplikasi player ini punya masalah dengan ukuran file-nya yang besar. Namun tidak menutup kemungkinan format ini untuk dikompresi.


2.MPEG (Motion Picture Experts Group)
Termasuk dalam format video terkompresi dan dijadikan untuk video yang disimpan pada disk. Resolusi
video yang berformat MPEG mendukung resolusi setengah layar dan satu layar, tergantung versi MPEGnya.
VersiMPEG dapat dilihat pada tabel di bawah ini.


MPEG-1>>>>Dikeluarkan sekitar tahun 1991. biasanya digunakan untuk VHS, VCD, dan CD-ROM. Hanya mampu menghasilkan kualitas video dengan kualitas di bawah video VCR, beresolusi 352x240, 30 frames per detik.
MPEG-2>>>>Dikeluarkan sekitar tahun 1994. biasanya digunakan untuk kualitas DVD, televisi digital, dan lain – lain. Resolusinya mencapai 720x480 hingga 1280x720 dan berkecepatan 60 frames per detik, denagn audio yang berkualitas. Dengan MPEG-2, durasi dua jam video bisa ditampung dengan beberapa Gigabytes saja.
MPEG-4>>>>Dikeluarkan sekitar oktober 1998. biasanya digunakan dalam aplikasi internet, handphone, dan televisi. Dengan kapasitasnya yang kecil, menunjang transmisi via jaringan ber-bandwith kecil. Umumnya, kamera video yang digital sudah bisa menghasilkan output berupa MPEG.
MPEG-7>>>> sistem formal untuk mendeskripsikan kandungan multimedia.
MPEG-21>>> Dalam pengembangan. Sebagai standard terbaru dalam kerangka multimedia. 


3. DivX
Format ini dikembangkan oleh DivXNetworks. Format ini merupakan file video kompresi berbasis MPEG-4. Karena size yang kecil, files DivX ini memungkinkan untuk di-download secara cepat dan singkat, tanpa mengurangi kualitas gambarnya. Dibandingkan MPEG-2, format DivX lebih kecil delapan kali.
Ekstensi format file ini biasanya berupa .divx, .mp4, atau .avi. Meski ekstensinya jadi .avi., file ini mensyaratkan aplikasi khusus seperti DivX Codec (www.divx.com) untuk memutarnya, atau menambahkan adds-on pada aplikasi player yang umum, seperti Windows Media Player.


4.Real video
Format ini berprioritas pada aliran video dengan bandwith yang rendah. Banyak digunakan dalam internet TV, on‐line video. Format ini mempunyai ekstensi .rm atau .ram. format ini banyak didukung oleh handphone dan juga dapat dihasilkan dari handphone yang berkamera. Jika ingin memainkan video pada handphone maka dapat menggunakan format ini karena dapat menghasilkan ukuran file yang sangat kecil.



5.WMV
Windows Media Video di kembangkan  oleh microsoft , Berkas WMV (*.wmv) menggunakan format pembawa ASF milik Microsoft. Berkas ini dapat dijalankan oleh Windows Media Player dan player lainnya seperti MPlayer, VLC media player atau Media Player Classic. Beberapa player pihak ketiga juga ada untuk berbagai platform seperti Linux yang menggunakan implementasi FFmpeg untuk codec WMV.


6.ASF (Advanced Systems Format /Advanced Streaming Format)
Format ini di rancang untuk streaming dan menjadi bagian framework Windows Media.Asf dikembangkan oleh Microsoft dan digunakan untuk audio video digital.. Asf dapat dijalankan dengan menggunakan beraneka ragam codec. Tetapi dalam prakteknya yang digunakan adalah codec WMV atau WMA yang juga dari Microsoft.
Sumber : http://2009100-muhaimin-ai.blogspot.com

Cara Membuat Readmore/Selengkapnya di Blog Tanpa Mempengaruhi Laman Yang Lain

Bagaimana cara membuat readmore di blogspot dengan cara yang mudah dan cepat kilat di blog kesayangan sobat blogger . inilah pokok bahasan yang akan saya bahas untuk anda semua,hehehe.
Baik sobat blogger, sebelumnya saya jelaskan sedikit apa gunanya read more pada blog kita. dengan adanya readmore blog sobat tampilan nya di home tidak terlalu memanjang ke bawah seperti tampilan home blog saya yang menggunakan readmore namun disini saya menggantinya dengan tulisan baca selengkapnya, itu seterah sobat. Sebagai demo, klik disini.

Berikut cara memasang readmore di blogspot :
-Login ke blogger dengan ID sobat.
-Pilih Rancangan atau Tata Letak.
-Pilih Edit HTML.
-Centang tulisan "expand template widget".
-Lalu cari kode </head> :   untuk mempermudah pencarian tekan F3.
-Lalu masukkan code di bawah ini tepat di atas  </head>

Script:
<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>



Kemudian sobat  cari kode <data:post.body/>
Ganti kode <data:post.body/>  dengan kode di bawah ini :
Script:
<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'> <b> readmore</b> &#187;&#187;&#160;&#160; </a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>


Kemudian Save Template.

Untuk keterangan readmorenya...
var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
img_thumb_height = 120;: Tinggi thumbnail dalam ukuran pixel;
img_thumb_width = 120;: Lebar thumbnail dalam ukuran pixel;
READMORE-: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, sobat bisa menghapus code script ini .

Nah demikian lah tutorial dari berry blog , semoga tutorial blog mengenai cara membuat readmore di blog dapat bermanfaat untuk sobat semua.

Sumber : Berry Blog

Hasil script di atas akan mempengaruhi laman-laman yang lain menjadi tidak sesuai rancangan sebelumnya. Untuk mengatasiya ikuti langkah-langkah berikut:

1. Cari kode yang mirip seperti 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:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> 
2. Tambahkan kode dibawah ini diatas kode berwarna merah
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
3. Tambah kode dibawah ini di bawah kode yang berwarna biru 
</b:if>
4. Simpan Template

Ok.. Selamat mencoba..

Rabu, 04 Juli 2012

Mensolusikan IDM Yang Tidak Compatible dengan Firefox 11 dan 12

Firefox 11 beta sekarang dirilis dan Firefox 10 sekarang dirilis sebagai versi stabil. Banyak pengguna Internet Download Manager merasa sangat sulit untuk pergi dengan jadwal rilis Mozilla cepat karena IDM Firefox Pengaya ini tidak kompatibel dengan Firefox terbaru dibangun segera setelah rilis.
Nah, saya telah memberikan bodoh-blog saya pembaca IDM Firefox add-on sebagai file xpi download secepat mungkin.

Unduh IDM CC untuk Firefox 11 dan 12 pengaya di sini!

Bagaimana menginstal IDM Firefox add-on (IDM CC) untuk Firefox 11 dan 12

  1. Unduh IDM CC Firefox add-on 7.3.12 disini
  2. Ekstrak file. ZIP. Ini berisi file. Xpi
  3. Buka Pengaya halaman dari 11 browser Firefox Anda.
  4. Klik pada ikon gigi (kiri ke kotak pencarian)
  5. Klik Install add-on from file... item menu
  6. Pilih item menu pada Firefox 11 sampai Instal Internet Download Manager ekstensi
  7. Sekarang memilih. Xpi yang baru diekstrak dari file ZIP. Anda download di atas
  8. Install Add-on
  9. Instal IDM CC untuk Firefox 10
  10. Boom! Kami memasang CC IDM untuk Firefox 11! Sekarang restart browser Anda
  11. Restart Firefox 10 setelah menginstal IDM CC
  12. Jangan lupa mengucapkan syukur... :)

Sumber : http://iesmawon.blogspot.com
Note: Kalo belum bisa, aktifkan idm-cc nya di pengaya. Selamat mencoba. :)

Selasa, 03 Juli 2012

Membuat Slider Carousel Otomatis Berdasarkan Label

Tutorial kali ini saya akan membahas bagaimana membuat slider Carousel otomatis berdasarkan label. Prinsip kerja dari slider ini sama seperti pada slider otomatis berdasarkan kategori. Anda tinggal mengganti dengan label anda dan slider ini akan bekerja sesuai dengan label yang anda masukkan. Slider Carousel yang saya buat kali ini sangat sederhana dan hanya menggunakan jCarousellite script tanpa menambahkan efek easing dan mousewheel.



Cara pemasangannyapun sangat mudah, jika anda sudah pernah mempraktekkan artikel saya terdahulu yang berjudul membuat slider otomatis berdasarkan kategori tertentu, tutorial kali ini terasa sangat mudah, karena langkah-langkah pembuatannya hampir sama. Langsung saja di bawah ini langkah-langkah untuk membuatnya :
  1. Login ke blogger dengan akun Anda
  2. Setelah itu pilih blog yang ingin anda tambahkan slider ini.
  3. Masuk ke template >> Edit HTML, kemudian centang expand widget templates
  4. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
  5. Setelah semua langkah diatas anda lakukan, letakkan kode berikut ini diatas kode ]]></b:skin> :

    #carousel{width:950px;height:185px;margin-bottom:0px;position:relative;display:block}
    #carousel .container{position:absolute;left:49px;width:895px;height:185px;overflow:hidden;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX5xl8ymaUpaX6-Q6NzgTWsKcdYq0t6XAZpzAKOq_G0IU0jY-YF2qR-ece3V0B7il2mFXEjhV8uAKqRfEOv8TgpqJk7llhxYSAIR7JtQ_F-G3tUq0PnQf1WbBJGhBG-bzkuRVyfSJ757s/s1600/scroller-bg.png) repeat center}
    #carousel #previous_button{position:absolute;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmlvCujFeHWdjEtZgrQymqsKD_7h6f0zm-3emx5R7OR2VhHSVJY0cngZ5pr4oWE_ziR-FtXzwAywrblsYbjxXqMaqqVEygaKCo6tSTQouCJytWtayLrdNZtHD2FLfvKrU1EK7uBiLyOaw/s1600/prev.png) center;z-index:100;cursor:pointer;border-right:1px solid #ccc}
    #carousel #previous_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZhkf4ZsfGzd6CecqjBB0vIovEskbIoX-wigfR4E-ECs6fLf5oVjLWskgc9Y-Yhn0ULMkgKHq3ymqmrYxIk7JAg-LY48iUECooJ4V570L0tqUYWMrrX1AXAiBJH_R4JhWSrPFFgCXgHGg/s1600/prev.png) center}
    #carousel #next_button{position:absolute;right:0;width:49px;height:185px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJyr1iDqHan6wBIHW6i_qwOjhQjvQZ5bMAKDcMUhULvAVa96ugS1jUqpBb5nXFIQ7AuavgicmefEEDJprJaKFrJsLo3_WgH4WHT6aOsTR9Jir7DOkNIvKHNFwdUYgVIzlkMDCmsD1kTuw/s1600/next.png) center;z-index:100;cursor:pointer;border-left:1px solid #ccc}
    #carousel #next_button:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCP-iwx5SXYhT1LoiW-ps2ItOIv-zkZhkBVt5KWHoYq9OSWLVxQP5ycsemwZ9n1ZL_NgyhejoCCGOLdpoFtKYu12kTwcD_4BKUn7MYHcr239B0qT8ql0PF3tc7KhIkg7crcXfrz60mAOM/s1600/next.png) center}
    #carousel ul{width:100000px;position:relative;margin-top:10px}
    #carousel ul li{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrKpOSvzak20CjSUVEWjGe5bUd-HKnoPqLPEfxXSj9x-SOISqnBmmJnFCxj5ADOk92tGLl-9G0Ua1GxkrUNsqBd2gnFB4Ti1RtTq2b984FSEkVFBtDfL-2w26ikEnnUkZD2Fu4KmjFE9k/s1600/main.png) repeat-x top;display:inline;float:left;text-align:center;font-weight:700;font-size:.9em;line-height:1.2em;border:1px solid #ccc;width:145px;height:150px;margin:0 4px 20px 7px;padding:6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
    #carousel ul li:hover{filter:alpha(opacity=75);opacity:.75;}
    #carousel ul li a.slider_title{color:#222;display:block;margin-top:5px}
    #carousel ul li a.slider_title:hover{color:#cd1713}
    #carousel a img{display:block;background:#fff;margin-top:0}
    Perhatikan kode warna biru diatas, itu adalah lebar dan tinggi slider pada demo yang saya buat, silahkan Anda sesuaikan dengan ukuran template Anda.

  6. Langkah selanjutnya masih pada posisi Edit HTML, masukkan kode berikut ini diatas kode </head> :

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
    <script src='http://kauman.googlecode.com/files/jcarousellite.js' type='text/javascript'/>

    <script type='text/javascript'>
    //<![CDATA[
    imgr = new Array();
    imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEigRooT5PABhzAU_M1oWPs-MHQgrdedsaDUtimRblwdZ4hISAcbiHJNHSlKxvRw9N6f13eF5hBo8zkuLew-I3v39lHEzaiUb7Qr3Kv36UjTo-ErePkc5hCEij0NXkbBkWenfFlgfqGBg/s1600/no+image.jpg";
    showRandomImg = true;

    aBold = true;

    summaryPost = 140;
    summaryTitle = 25;

    numposts1 = 15;
    label1 = "news";

    function removeHtmlTag(strx,chop){
    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);
    }
    }

    s = s.join("");
    s = s.substring(0,chop-1);
    return s;
    }
    function showrecentposts(json) {
    j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
    img = new Array();
    document.write('<ul>');
    for (var i = 0; i < numposts1; i++) {
    var entry = json.feed.entry[i];
    var posttitle = entry.title.$t;
    var pcm;
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }

    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
    pcm = entry.link[k].title.split(" ")[0];
    break;
    }
    }

    if ("content" in entry) {
    var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
    var postcontent = entry.summary.$t;}
    else var postcontent = "";
    postdate = entry.published.$t;
    if(j>imgr.length-1) j=0;
    img[i] = imgr[j];
    s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
    //cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
    var month = [1,2,3,4,5,6,7,8,9,10,11,12];
    var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
    var day = postdate.split("-")[2].substring(0,2);
    var m = postdate.split("-")[1];
    var y = postdate.split("-")[0];
    for(var u2=0;u2<month.length;u2++){
    if(parseInt(m)==month[u2]) {
    m = month2[u2] ; break;
    }
    }

    var daystr = day+ ' ' + m + ' ' + y ;
    var trtd = '<li class="car"><div class="thumb"><a href="'+posturl+'"><img width="145" height="100" class="alignnone" src="'+img[i]+'"/></a></div><p><a class="slider_title" href="'+posturl+'">'+posttitle+'</a></p></li>';

    document.write(trtd);
    j++;
    }
    document.write('</ul>');
    }
    //]]>
    </script>

    Keterangan :
    Perhatikan URL script warna merah diatas, itu adalah kode script jQuery.min.js seri terbaru yang saya gunakan untuk membuat slider ini. Jika pada template Anda sudah terdapat jQuery.min.js walaupun serinya berbeda, kode warna merah diatas tidak perlu lagi Anda masukkan. Cukup satu jQuery.min.js yang ada di template, terserah mau seri berapa, kalau bisa versi yang terbaru.
    Sedangkan kode warna biru : 15 adalah jumlah slider yang ditampilkan. Dan news adalah label yang ditampilkan pada slider nantinya (Ingat besar kecil huruf harus sama dengan label yang sudah Anda buat).

  7. Langkah selanjutnya adalah memanggil slider tersebut agar muncul di blog kita. Cari kode <div id='main-wrapper'> (atau <div id='main-outer'), kemudian letakkan kode berikut ini diatasnya :
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div id='carousel'>
    <div id='previous_button'/>
    <div class='container'>
    <script>
    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>   
    <div class='clear'/>
    </div>
    <div id='next_button'/>
    </div>
    <script type='text/javascript'>
    (function($) {     $(document).ready(function(){
    $(&quot;#carousel .container&quot;).jCarouselLite({
        auto:4000,
        scroll: 1,
        speed: 800,   
        visible: 5,
        start: 0,
        circular: true,
        btnPrev: &quot;#previous_button&quot;,
        btnNext: &quot;#next_button&quot;
        });
        })})(jQuery)   
    </script>
    </b:if>
    Kode diatas bisa juga anda letakkan dibawah atau diatas navigasi menu Anda atau bisa juga diletakkan diatas footer. 

  8. Langkah terakhir, save templates dan lihat hasilnya. Jika Anda ikuti langkah diatas dengan benar, slider Carousel itu akan muncul di blog Anda.
Sangat mudah ya, anda tinggal ikuti langkah-langkah diatas dan baca dengan teliti jangan terburu-buru, Jika masih ada yang kurang jelas silahkan tinggalkan pesan pada kotak komentar yang ada di bawah. Itu tadi tutorial singkat tentang bagaimana cara membuat slider Carousel otomatis berdasarkan kategori atau label kali ini, selamat mencoba dan semoga bermanfaat.

Senin, 02 Juli 2012

Cara Memposting Artikel ke Blog

Pada Artikel ini, akan membahas bagaimana memposting artikel di blog. Langkah-langkahnya adalah sebagai berikut:

Langkah ke 1:
Login dulu ke blog kita dan akan muncul Panel dan Toolbar Editor blogger seperti pada gambar berikut:


 
Langkah ke 2:
Tampilan editor di atas adalah dalam mode Compose (harap baca artikel sebelumnya). Jika tampilannya seperti gambar di atas, kita tinggal mengetik apa saja yang akan kita masukkan ke blog kita.



 
Langkah ke 3:
Tampak pada gambar di atas dalam editor telah dimasukkan artikel. Sebenarnya kita sudah dapat menerbitkan artkel tersebut, tetapi kita sebaiknya melakukan setelan pada entri/artikel yang kita akan terbitkan. Lihat pada panel bagian kanan atau perhatikan gambar berikut:



Keterangan:
  • Label, yaitu semacam simbol atau kategori pada suatu entri, misalnya pada tutorial ini, penulis memberi label "Sains dan Teknologi", seperti tampak gambar berikut:

    Kita dapat memberi label pada suatu entri lebih dari 1 label yang dipisahkan dengan koma, jika telah selesai memberi label klik Selesai.
  • Jadwal, yakni waktu penerbitan. Anda dapat menyetel tanggal penerbitan artikel/entri yang anda masukkan, namun pada umumnya disetel otomatis dimana tanggal penerbitan sesuai dengan tanggal saat artikel diterbitkan. Perhatikan gambar berikut ini:

    Klik selesai jika telah disetel.
  • Lokasi, biarkan default saja jika tidak dipahami
  • Dekripsi penelusuran, yaitu gambaran artikel yang anda akan publikasikan. Gambaran itu akan mudah dibaca oleh mesin pencari, sehingga pengunjung dapat dengan cepat menemkan artikel Anda.



    Jika kita memasukkan kata "Yang Lebih Cepat dari Cahaya", maka pengunjung yang mengetik kecepatan cahaya pada mesin pencari maka artikel anda dapat cepat ditampilkan bahkan mungkin berada pada urutan teratas. Perhatikan tampilan mesin mencari berikut ini:

    Tampak pada gambar di atas artikel yang dimasukkan penulis berada pada urutan kelima. Anda dapat memberi deskripsi penelusuran dengan 1 kata saja, frase atau beberapa kata yang memungkinkan artikel Anda cepat terindeks oleh mesin pencari. Jangan lupa klik selesai jika telah memasukkan deskripsi penelusuran.
  • Pilihan. Jika kita mengeklik pada panel ini, maka akan muncul seperti gambar berikut:


    Mode tulis, ada 2 bagian yaitu:
    • Tunjukkan HTML apa adanya, maksudnya kode HTML yang dimasukkan tidak akan diubah/ditafsirkan
    • Tafsirkan HTML yakni diketik, maksudnya kode HTML yang dimasukkan akan diubah/ditafsirkan dalam bentuk teks atau perintah tertentu.
    Baris baru, ada 2 tipe, yaitu:
    • Gunakan tag <br> maksudnya jika berpindah ke baris baru, walaupun kita menekan enter pada keybard, baris baru tersebut tidak akan terbentuk, kita harus mengetikkan tag <br> untuk berpindah ke baris baru
    • Tekan "enter" untuk baris baru, maksudnya jika kita menekan enter, maka otomatis kita akan membuat baris baru, hal ini juga berlaku walaupun Anda berada pada model HTML.

Langkah ke 4:
Jika semua telah selesai, klik Publikasikan untuk menerbitkan artikel Anda agar dapat dibaca oleh pengunjung.

Catatan:
Artikel menggunakan blogger versi Bahasa Indonesia 
Sumber: www.naskah.net