Membuat Spoiler

Spoiler termasuk sebuah trik agar blog sobat tidak terlalu berat, yaitu bagi sobat yang merasa banyak postingan gambar yang memungkinkan proses loading blog sobat menjadi lambat. Hal itu dapat diatasi dengan menggunakan Spoiler. Mungkin sudah banyak yang ngebahas tentang spoiler ini, namun saya berniat untuk mengingatkan dan juga memberitahukan bagi sobat blogger yang belum mengetahui. Biar ingatan kita lebih fresh seperti apa bentuk spoiler itu lihat contoh dibawah.

Hanya Sebagai Pengingat Biar Fresh.

Lantas Bagaimana cara membuat spoiler tersebut ?, disini saya akan menggunakan 2 metode memasang spoiler yaitu metode penerapan langsung pada saat posting blog dan motode penanaman kode HTML pada template sobat

1. Cara yang pertama (langsung penulisan pada blogger sobat).
Cara ini sangatlah mudah, sehingga sobat tidak perlu merubah kode HTML pada template sobat, namun sobat harus bener-bener kode spoiler ini. Jika ingin mencoba silahkan Copy dan Paste code dibawah kedalam postingan sobat (pilihan mode HTML).
<div><input style="margin:0px;padding:0px;" 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 = 'Show'; }" type="button" value="Lihat"></div><div style="border: 1px solid #000000; margin: 10px auto; padding: 5px; background: #c9d2ed none repeat scroll 0% 0%; width: 400px;"><div style="display: none;">TEXT / GAMBAR SOBAT DISINI</div></div>

Pada kode diatas sobat dapat modifikasi sendiri dari ukuran kotak spoiler,warna background,border, dan tentu isinya serta tombol Lihat dan Tutup spoiler (bisa dengan gambar).
2. Cara kedua dengan merubah kode HTML Template Sobat.

- Masuk kedalam blogger area sobat --> Layout --> Edit HTML --> jangan lupa tandai Expand Widget Templates dan juga download (backup) template sobat sebelum merubah kode/menambah kode (biar ga bingung kalo ada kesalahan).
- Copy kode dibawah dan taruh diatas kode ]]></b:skin>

.commenthidden {display:none;}

.commentshown {display:inline;}

- Masukan kode berikutnya diantara ]]></b:skin> dan </head> atau taruh saja diatas </head> , dan kodenya adalah :

<script type='text/Javascript'>function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className=="commentshown") {whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }} </script>

- Save template sobat. Kemudian gimana cara penggunaan di postingan ??
- Saat membuat postingan sobat jangan lupa untuk memberikan kode dibawah :

<a aiotitle="click to expand" href="javascript:togglecomments('Nama_Spoiler')"><img class="spoiler" src="http://i655.photobucket.com/albums/uu275/kanzenk/showhide.png" /></a><div class="commenthidden" id="Nama_Spoiler">Gambar/Tulisan di taroh di sini</div>

Sudah cukup jelas sobat ?? kalau cara yang kedua ini nihh, untuk menampilkan beberapa spoiler sobat harus mengedit Nama_Spoiler yang berbeda agar tidak bentrok dalam penampilan gambar/text yg akan sobat tampilkan.

Nah ini contoh spoiler dengan model yang kedua :

Hanya Sekedar Test

Sobat, jika sobat bingung menggunakan cara yang kedua sobat gunakan cara yang pertama. Bagaimana sobat ? mau mencobanya ? Oke deh, selamat mencoba.

[+/-]  read more... »»

Percepat Aplikasi Dengan SPEED TRACER

Speed Tracer adalah sebuat tools untuk mendeteksi dan memperbaiki kinerja aplikasi dalam web sobat. Bayangkan apabila dalam sebuah webpage aplikasi tidak dapat meresponnya dengan cepat? Mungkin hal ini akan membuat sedikit kesal, sehingga banyak pengembang yang mencoba mengembangkan supaya sebuah aplikasi dapat berjalan dengan cepat dalam webpage-nya.Speed Tracer menyediakan banyak data tambahan untuk membantu mendiagnosa masalah kinerja tertentu.

Baru-baru ini Google telah mengumumkan di Google Campfire One, bahwa Google akan menambahkan sebuah tool baru untuk Google Web Toolkit yang dinamakan Speed Tracer. Speed Tracer baik untuk web browser Google Chrome sobat yang dapat bekerja di semua OS seperti Windows dan Linux.

Google berfikiran bahwa Speed Tracer adalah sebuah aplikasi webpage yang belum pernah ada sebelumnya. Sobat dapat menggunakannya untuk Google Chrome sobat untuk mengoptimalkan kinerja webpage sobat. Jika sobat ingin menggunakannya segera download Google Speed Tracer atau yang langsung INCLUDE dalam google chrome langsung pada Google Chrome Developer Channel.



Dengan munculnya Speed Tracer Google telah memperbaiki GWT (Google Web Tools) yang resmi telah di rilis. Untuk informasi lebih lanjut silahkan kunjungi Google Code Blog untuk melihat video di rilisnya speed tracer di Google Campfire One

Dengan kecepatan yang baru, maka memungkinkan sobat untuk meningkatkan traffic pengunjunga web/blog sobat.

[+/-]  read more... »»

WindowBlinds 7 Free download

WindowBlinds adalah sebuah aplikasi untuk memperindah tampilan windows sobat. Setelah lama tak ada kabar, kini windowblinds keluar dengan versi terbarunya yaitu versi 7.0 dengan banyak perubahan dan perangkat tambahan untuk memanjakan penggunanya. Dalam windowBlinds v.7.0 ini ada 14 point keunggulan dari pengembang windowBlinds ini (Stardock.corp), dan yang perlu digarisbawahi adalah windowBlinds v.7.0 ini adalah kompetible dengan windows se7en. Inovasi interfacenya lebih mudah,memungkinkan penggunaan tampilan muka yang variatif. Dengan tambahan 6 efek tampilan interface diantaranya windows vista,aero metal, corporate, woods aero, aero clay, dan sabertooth.

Ukuran windowblinds adalah 32,8 MB, dengan kapasitas yang kompetibel dengan windows XP/Vista/Se7en. Setelah sobat instal akan ada 8 fitur penunjang utama pada windowblids 7 ini yaitu :
1. Thema / Visual style : pada style ini dapat diterapkan dalam windows sobat diantaranya ke-enam interface diatas. untuk mengganti thema sangat mudah yaitu hanya dengan klik ikon windowblinds sobat --> pilih thema --> kemudian apply.

Ada beberapa bentuk thema yang bisa sobat download kembali untuk memanjakan sobat dengan penggunaan windowblinds-nya.
Kumpulan thema 1 (download)
kumpulan thema 2 (download)

2. Variasi style yang dapat sobat manfaatkan semuanya terpapar disini.
3. Warna : memungkinkan sobat untuk merubah berbagai warna yang sobat sukai. Sobat dapat merubah warna Windows Explorer, Start menu, Taskbar pada menu PC sobat.
4. Tab Menu : memungkinkan sobat menerapkan efek dan pola ke Windows Explorer, Start menu, Taskbar. Bahkan sobat dapat mengedit dengan tombol Edit, atau membuat efek baru dengan efek tombol Create.



5. Wallpaper : memungkinkan sobat merubah tampilan wallpaper windows sobat, semudah mengganti background dekstop sobat.
6. Font Tabmenu : memungkinkan sobat untuk merubah ukuran font tab menu sobat sesuai dengan yang sobat kehendaki.
7. Transparansi Tab.
8. Wallpaper untuk folder explorer sobat yang dapat dirubah oleh sobat sesuka hati sobat.



Sobat sudah menggunakan windowblinds ? Ingin menggunakannya ? silahkan unduh windowblinds versi 7.0 dibawah :
- DOWNLOAD WINDOWBLINDS 7 (Hotfile)
- DOWNLOAD WINDOWBLINDS 7 (mirror)

Selamat Mencoba !!

[+/-]  read more... »»

Google Real Time Search

Google meluncurkan sebuah layanan pencarian secara real-time dalam pencarian sumber berita, posting blog dan pesan dari Twitter, FriendFeed, Jaiku, Identi.ca, MySpace dan Facebook. Google mencoba untuk menemukan kata kunci yang tiba-tiba populer dalam beberapa artikel berita, posting blog, Twitter, Facebook. Yang pada saat itu boleh dikatakan 10 top kata kunci pada "Google Trend" saat pencarian Google secara real-time.

"When they are relevant, we'll rank these latest results to show the freshest information right on the search results page. Try searching for your favorite TV show, sporting event or the latest development on a recent government bill. Whether it's an eyewitness tweet, a breaking news story or a fresh blog post, you can find it on Google right after it's published on the web." Kata Google

Contohnya disini


Anehnya Google menemukan hasilnya berdasarkan tanggal.sehingga Sobat tidak akan dapat menggunakan layanan untuk mencari populer tweets, artikel berita yang sering direferensikan, Anda masih akan menemukan pesan spam dan re-tweets. Ada banyak mesin pencari yang pesan agregat dari layanan micro-blogging (Twingly, FriendFeed), tetapi tak satu pun dari mereka berhasil menentukan peringkat hasil pencarian berdasarkan relevansi.

Pencarian masih merupakan masalah yang tak terpecahkan dan kami berkomitmen untuk membuatnya lebih cepat dan lebih mudah untuk orang-orang untuk mengakses informasi keragaman yang lebih besar, disampaikan secara real-time, dari seluruh web. Aku sangat bersemangat tentang hal ini signifikan secara real-time baru fitur pencarian. "ungkap google"

[+/-]  read more... »»

Membuat Musik Box

Musik Box adalah cara untuk memperindah tampilan Blog sobat. Pada kali ini saya mencoba menerangkan bagaimana cara membuat Musik Box Kreasi sendiri dengan jenis musik sendiri (Musik pribadi/Band sendiri). Terus bagaimana cara pembuatan yang sederhana dan mudah dalam membuat Musik Box.

Hal Pertama yang anda harus miliki adalah Program untuk merubah file MP3/Wav anda dalam bentuk file Swf. Programnya ada bermacam-macam namun disini saya memberikan sebuah program konversi MP3/Wav ke dalam file swf portabel. Silahkan anda download disini (pasword : www.linkque.blogspot.com).

Apabila sobat sudah mendownload saya akan paparkan cara meng-konversi file MP3/Wav sobat kedalam file swf dengan program tersebut. Kira-Kira begini caranya dengan bahasa saya sendiri, semoga bisa dimengerti oleh sobat :

1. Buka Program yang telah anda download tadi diatas.Bila sudah di buka anda akan melihat tampilan seperti dibawah.

2. Klik Aleo Flash MP3 Player Builder, maka akan terlihat gambar seperti dibawah.


Keterangan gambar :
- Klik Tab ADD SONG --> klik tanda (+) merah untuk menambah file MP3 yang akan dimasukan sebagai file yang akan di Konvert kedalam file swf.
- Ingat perhatikan pada program ada form yang dilingkari (gambar), itu adalah jenis pengkonvertan (bit rate, sampling rate, dan jenis hasil konvertan nanti). Atur sendiri sama sobat, tapi dengan catatan jangan terlalu kecil bit rate dan sampling rate.

3. Apabila file MP3 sobat sudah ditambahkan kemudian sobat klik TAB Flash Player, seperti gambar.


Pada gambar diatas ada beberapa yang saya tandai, yaitu angka 1,2 dan 3 :

1. Letak Tab Flash Player
2. Tab buat editing Flash Player (ukuran,tata letak, gambar background, dan gambar fore ground)
3. Pilihan Jenis tampilan flash player default

4. Apabila sobat sudah menentukan hal tersebut selanjutnya sobat Klik TAB PUBLISH.


Pada gambar diatas ada beberapa yang perlu sobat perhatikan yaitu :
- Tentukan dimana sobat akan menempatkan file hasil Konversi (swf) sobat.
- Pada gambar yang saya beri tanda KOTAK keterangannya kira-kira seperti ini :
a. paling atas : Mengkonversi semua file MP3/Wav kedalam masing-masing file swf dengan play list terpisah
b. tengah : Play List dan MP3 bersamaan (file SWF jadi 1 file).
c. Paling Bawah : campuran antara kedua jenis diatas yaitu, file swf playlist sobat, masing-masing file swf, dan playlist (html).
- setalah semua telah ditentukan kemudian sobat Klik tombol PUBLISH

5. Tunggulah hingga proses konversi selesai maka sobat akan melihat halaman seperti dibawah.


Perhatikan gambar ada yang saya tandai lingkaran Merah, itu adalah file.swf dan dimana letak file yang telah sobat konversi. Proses pembuatan file swf-pun selesai.

CARA MEMBUAT MUSIK BOX PADA WIDGET SOBAT :

Sebelum ketahapan awal, apakah sobat telah menyimpan file swf sobat kedalam sebuah hosting file ? Jika belum silahkan masukan terlebih dahulu file SWF sobat kedalam hosting file misalkan www.ripway.com, www.hugedrive.com, www.my.opera.com (ternyata opera juga ada file hostingnya), atau file hosting yang lainnya. Jika file tersebut sudah dimasukan kedalam file hosting sobat, ikuti langkah berikutnya :

1. Masuk kedalam blogger area --> Layout --> TabElements --> add a gadget --> HTML/Javascript.
2. Copy dan paste kode dibawah :
- Tampilan pertama (Hidden Flash Player).

<center><a href="http://kanzenk.blogspot.com" target="_blank"><img border="0" src="http://i319.photobucket.com/albums/mm470/Zifa87/guci.gif"/><br/><img border="0" src="http://i655.photobucket.com/albums/uu275/kanzenk/ssssws.gif"/><br/><embed width="0" src="http://files.myopera.com/myadmins/musicbox/voller.swf" autostart="TRUE" loop="TRUE" height="0" align="CENTER"></embed>Music By. Kanzenk</a></center>

Ganti kode yang berwarna merah dengan link swf di hosting sobat.

- Flash player dengan tombol navigasi Play,stop,dan lainnya. Pada jenis ini sobat tidak menggunakan file swf akan tetapi file MP3/Wav yang sudah sobat upload ke file hosting sobat dengan kode :

<embed allownetworking="internal" width="50" utostart="true" src="http://Alamat file MP3 sobat" loop="true" height="15"></embed>

3. Setelah file tersebut ditulis kemudian Save, dan lihat hasilnya.
4. Proses pembuatan musik box selesai.

Alasan penggunaan swf daripada langsung file MP3, karena bila menggunakan swf file yang sobat konvert lebih kecil dan stabil, namun bila menggunakan MP3 biasanya bila di konvert akan mengalami perubahan kualitas suara.

Demikian tahap demi tahap proses pembuatan musik box. semoga dapat membantu. Kritik, saran dan masukan saya butuhkan karena saya sebagai blogger baru membutuhkan hal tersebut.

INFO TAMBAHAN FLASH PLAYER : (edited 03 desember 2009 at. 19.45 WIB)
Kembali pada file yang sudah selesai di Konvert ada file HTML, dan pada gambar sebelah yang saya lingkari ada kode HTML jenis FLASH PLAYER yang sobat pakai. Upload file HTML (yang saya lingkari) kedalam file hosting sobat tadi. Untuk tampilan di blog sobat gunakan HTML (pada gambar sebelah yang dilingkari) contoh kodenya seperti ini :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="360" height="26">
<param name="movie" value="test.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="test.swf"
quality="high"
type="application/x-shockwave-flash"
WMODE="transparent"
width="360"
height="26"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

- lihat kode diatas, pada tulisan yang berwarna merah (ganti dengan url dimana file swf sobat disimpan). Dan yang berwarna Biru (ganti dengan alamat url file HTML dimana sobat simpan)

terimakasih.

[+/-]  read more... »»

Misteri Blog Trafik Naik

Trafik blog naik dan turun memang sangat pengaruhi Page Rank blog tersendiri. Misteri Traffik itu terletak di keaktifan yang empunya Blog, apa dia tetap eksis blog walking maupun menulis posting.

Hal seperti ini pernah saya alami dimana Page Rank blog saya turun drastis, menjadi telor kembali alias NOL yang tadinya PR 3.

Kenapa hal itu terjadi pada Blog saya, apa mungkin saya selama 3 bulanan vakum, dalam arti gak pernah blogwalking apa lagi untuk posting. Baru beberapa hari kemarin saya mulai aktif kembali untuk blogging, malahan saya menambah koleksi blog saya yang mengulas tentang program PTC yang rame diperbincangkan. Dari situ saya mulai kembali di dunia blogging sampai sekarang. Kunci naikan Trafik blog sobat :

Dari pengalaman saya sendiri ternyata tidak terlalu sulit buat naikin traffik blog.
1. Setidaknya bikin postingan maksimal 3/4 hari sekali. Hemm kalau bisa sih setiap hari.
2. Rajin-rajinlah BLOGWALKING, ternyata sedikit ada bukti bahwa Blogwalking bisa naikin trafik blog.
3. Saling tukar Komentar, follow dan tukeran link. Tukeran klik adsense bagi yang gemar, hehe...
4. Saling tukar fikiran bisa via email, komentar, maupun chat. Bisa kok chat ma aku juga.

dari hal tersebut diatas alhamdulillah Page Rank saya pun kembali lagi menjadi PR 3. Terimakasih sobat yang telah berkunjung, koment, dan klik-klik. Bagi yang mau tuker link, follow, tukar fikiran, dan tukar lainya (yang positif ya sob) saya terima dengan lapang dada (bukan telanjang dada).

[+/-]  read more... »»