30 Agustus 2008

Membuat Animasi Flas Label/ Tag Cloud pada Blogger.

Anda ingin membuat animasi flash Label/ Tag Cloud pada blog kesayangan kita ? Tentu bukan ?
Dengan tampilan Animasi Flash pada Label/ Tag Cloud pada blogger kita tentu akan menambah kesan tersendiri.

Coba perhatikan Animasi Label di bagian sidebar... menarik bukan??

Sebenarnya tutorial ini saya dapatkan di sini (Blogger Buster - Amanda ), namun saya mencoba menerjemahkan ke bahasa kita agar nantinya para blogger Indonesia dapat membuatnya dengan mudah. Mari kita coba bersama-sama cara menginstalnya.

1. Kita langsung menuju ke Layout > Edit HTML pada Dasboard Blogger.

2. Cari kode dibawah ini :

<b:section class='sidebar' id='sidebar' preferred='yes'>

3. Kemudian copy dan paste kode dibawah ini persis dibawah kode di atas :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

4. Anda bisa memodifikasi pada :

* Width is set to 240px
* Height is set to 300px;
* Background color is white
* Test color is grey
* Font size is "12"

Perhatikan kode berikut ini :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Kode di atas adalah tempat untuk merubah nilai Width (merah), Height (biru) dan background (ungu)

Kemudian untuk merubah ukuran text coba perhatikan kode dibawah ini :

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Anda bisa merubah ukuran di bawah 12 atau lebih

Nah selamat mencoba

29 Agustus 2008

Membuat Tab Horizontal dengan CSS

Tanpa sengaja saat saya blogging, berselancar di dunia maya saya temukan Aplikasi CSS Tab Designer Versi 2.

Mumpung si Net lagi ngebirit larinya maka IDM segera meluncur untuk membongkar persembunyian CSS Tab Designer V.2 tersebut di RS.

Kemudian seharian aku pelajari dan hasilnya, akan saya coba untuk dipaparkan disini.

Kode  HTML yang dibawah ini dipasang di elemen halaman bagian "<>"           ( tahu khan maksudnya )


<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">HOME</a></li>
<li><a href="#">OPO MANING</a></li>
<li><a href="#">OPO MANING</a></li>
<li><a href="#">MANING OPO</a></li>
<li><a href="#">NING OPO MA</a></li>
</ul>
</div>

Nah sekarang untuk kode  CSS saya pasang semabrangan, yang jelas di bagian <head>.  Atau karena posisi di bawah Header ( Judul blog kita ) maka saya pasang di bawah kode ini :

#header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}

Dibawah ini kode yang harus dipasang :


#navcontainer
{
font-family: Arial,Sans-Serif;
margin: 0 auto;
width: 70%;
border-bottom: 1px solid #ddd;
}
#navlist
{
width: 60%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}
#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}
#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: #ccc;
font-size: 1em;
padding: 0 2px;
border-top: .5em solid #eee;
}
#navlist li a:hover,#navlist a#current
{
color: #333;
border-top: none;
font-size: 1.5em;
}
#navlist a#current { color: #fc6; }

Nah bagi rekan-rekan yang ingin punya CSS Tab Designer Versi 2.  silahkan  :

Download :  DISINI    ( FIle ........RAR )

Contoh hasilnya : DISINI

Semoga bermanfaat dan dapat dijadikan tambahan bahan belajar.... ntar jangan lupa sama si bC, kalau udah pinter.... bC diajari.... biar bC tambah pinter

28 Agustus 2008

Firefox Add-on: Pray Times! 1.1.3

Menjelang bulan  Ramadhan, tentu sebagai umat Islam kita mempersiapkan diri baik mental maupun phisik kita.  Bulan yang penuh berkah dan hikmah ini merupakan bulan yang didambakan.

Lalu apa hubungannya bulan Ramadhan dengan Firefox Add-on ;Pray Times!1.1.3?

Di saat puasa nanti, sambil menghabiskan waktu di siang hari dan menunggu beduk magrib.... so kita main chatting, blogging etc bin lainnya.   Nah, biasanya kalau sudah asyik chatting apalagi perutnya lagi ngerock... tentu lupa akan sholat Dzuhur..he...he... Untuk itu dalam browser kita ( FIrefox ) perlu dipasang Add On Pray Time 1.1.3  yang bisa anda download disini.

Sehingga saat anda asyik Chatting.... PC anda akan mengingatkan bahwa waktu Dzuhur sudah tiba, demikian dengan Sholat lima waktu lainnya.

Berikut Fiturnya :

gb1

Gambar di atas terletak pada sudut pojok kanan monitor kita, tentunya setelah kita menginstall Add on tersebut dan menjalankan browser Firefox.   Untuk setting fiturnya silahkan klik ICON yang berada di kotak merah pada gambar di atas.

Maka akan muncul tampilan sebagai berikut :

gb2

Klik "Edit Location", sehingga muncul jendela  Set Location.  Masukkan kota atau kode pos di mana kita tinggal saat ini, kemudian klik Find maka Pray Time kan mendeteksi secara otomatis.

Berikut ini beberapa  fitur dari Pray TIme :

* Various methods of time calculation
* Countdown to each prayer time
* Automatic playing of Adhan sound
* Supporting all locations around the world
* Local calculation of prayer times (no connection to Internet is needed)

Yup... selamat mencoba... dan selamat menjalankan Ibadah Puasa di Bulan Ramadhan, semoga kita menjadi manusia yang selalu membawa berkah pada lingkungan di manapun kita berada....amien.

(Hasil posting kedua menggunakan Windows Life Writer)

Winrar 4.1.65

winrar

WinRAR introduces an original compression algorithm. It allows higher compression ratios than other PC archiving tools, especially
for executable files, object libraries, large text files, etc.

* WinRAR offers an optional compression algorithm highly optimized for multimedia data.

* WinRAR supports files and archives up to 9,223,372,036,854,775,807 bytes in size, about 9000PB. The number of archived files is unlimited for all practical purposes.

* WinRAR provides complete support for RAR and ZIP 2.0 archives and is able to unpack CAB, ARJ, LZH, TAR, GZ, ACE, UUE, BZ2, JAR, ISO, Z, 7Z archives.

* WinRAR supports NTFS file security and data streams.

* WinRAR offers both a classic interactive Windows interface and the command line interface.

* WinRAR provides functionality for creating a 'solid' archive, which can raise the compression ratio by 10% - 50% over more common methods, particularly when packing large numbers of small files.

* WinRAR offers the ability to create and change SFX archives using default and external SFX modules.

* WinRAR offers the ability to create a multi-volume archive as SFX.

* WinRAR offers a number of service functions, such as setting a password, adding archive and file comments. Even physically damaged archives may be repaired and an archive may be locked to prevent further changes. Authenticity information may be added for additional security and WinRAR will store information on the last update and name of the archive.

26 Agustus 2008

Blowfish is the new line of shoes

At first our two months more will be pointed in the Idul Fitri Holiday, whichever we needed shoes or sandals that were good to be worn while we went on a trip outside the city or visited to the family at the native village.

Sometimes we must often arrange time to look for several qualities of shoes. Yeah, it’s not easy as it seems. Besides the design, choosing the right shoes is really important for our health in our ankles and feet. So I tried to look for information in the internet about the place that provided the collection of many relaxed shoes that were biggest, funky shoes, sandals or flat boots.

I found blowfishshoe.com. In this site I could find information that was needed by me about shoes with most pity chatted and the good pattern by planning noise in America, Europe and Australia such as David Aaron, Rocket Dog, Hippopotamus and etc.

Various styles of the feature, the form and his quality were clearly quality that was offered by Blowfish Shoes. This was the form of the shoes product and extraordinary sandals. We could also get information about the retailer from this product that close to our location. Blowfish Malibu co-operated with the famous retailer like, Victoria’s Secret, David Z, Delia’s, DSW, the Famous Footwear, JILDOR, as the Bill TonMacy’s, the Free Person, Dillard’s, the Seller of urban clothes and many more. Looked around in details there, and we will erect was contained with various Blowfish Men’s Shoes picture models and Blowfish Women’s Shoes.

Shopping now becomes more effective, because they offered the customer's opportunity to contact Blowfish Malibu through the email. Than wasted time and the power more, I thought about asking friends immediately the shoes expenses went through Blowfish malibu. Therefore I more enjoy eventually in filling up the Idul Fitri holiday with the family.

Windows Live Writer

Setelah berkunjung di blog ini dan blog ini, saya tertarik untuk mencoba posting lewat Windows Live Writer, yang menurut sumbernya sangat menjanjikan kemudahan dan dapat menghemat biaya anggaran PLN & Speedy ( Mungkin XXX )

Sebelum anda menjalankan program ini, tentunya anda terlebih dahulu harus menginstall Windows Update Agent  dan WLW itu sendiri.

Yang jadi pertanyaan, apakah hal ini berlaku bagi Windows yang bajakan... karena terkait dengan "Update".    Yang jelas.... tidak ada salahnya kita coba, toh dari mana kita tahu sesuatu itu akan berhasil kalau kita tidak mencobanya.

Ingat... berhasil untuk sesorang namun belum tentu berhasil untuk kita, demikian sebaliknya.

Mari kita sama-sama mencoba.... semoga sukses.

25 Agustus 2008

Tips untuk WINDOWS

Memiliki perangkat PC atau notebook perlu perawatan agar kinerja dari piranti tersebut memuaskan kita. Perawatan tersebut misalnya adanya jadwal berkala untuk defrag hardisk, pemasangan anti virus sekaligus mengupdatenya dan lainnya.

Namun seiring dengan waktu berjalan, kadang perangkat tersebut terkesan lambat terutama saat loading awal ataupun saat shutdown.

Ada beberapa langkah untuk mengatasi hal tersebut :

1. Jalankan System Restore Point, tujuannya untuk berjaga-jaga apabila terjadi error maka kita bisa mengembalikan konfigurasi system seperti semula.

Cara setting Restore Point :

Klik Start -> Programs/ All Programs -> Accessories -> System Tools -> System Restore.
Dalam layar pembuka terdapat 2 opsi, pilih opsi ke dua (Create a Restore Point) -> Next -> masukkan nama yang mudah diingat, misal “System Default” -> Create.

Apabila terjadi sesuatu (error) setelah anda mengedit registry maka ulangi langkah di atas dan serbagai gantinya pilih “Restore my computer to early time” pada layer Welcome to System Restore untuk mengembalikan status yang baru disimpan.

2. Pada area operating system buka System Configuration Utility. Pada tab BOOT.INI, beri tanda (P) pada “/NOGUIBOOT”. Ini akan mempersingkat waktu boot dengan menghilangkan Windows startup screen. Pada tab Startup, seleksi ulang seminimal mungkin item yang sangat dibutuhkan. Hal yang sama juga dilakukan pada service yang dijalankan. Usahakan jumlah service yang terload tidak lebih dari 25.

3. Untuk mempercepat loading menu, Klik Start -> Run -> ketik regedit, tampilkan registry editor, arahkan key berikut ini dengan meng-klik tanda plus disebelah nama setiap level :

HKEY_CURRENT_USER / Control Panel

Klik “Desktop.” Akan muncul daftar disisi kanan. Klik dua kali “MenuShowDelay” dan ubah Value data menjadi 0. Klik OK.

4. FREE-UP MEMORY

Anda dapat mengubah registry key untuk mencegah windows menyimpan bagian-bagian dari program dalam memory meskipun tidak lagi digunakan ketika men-shutdown sebuah program. Bagian dari program yang disebut dynamic link libraries (DLLs) akan memakan space memory

Tampilkan Registry Editor, arahkan ke key berikut ini :
HKEY_LOCAL_MACHINE / SOFTWARE /Microsoft /Windows /CurrentVersion
Pada CurrentVersion, klik kanan lalu pilih new -> key.
Dalam box yang muncul (“New Key #1”), ubah menjadi AlwaysUnloadDLL tekan Enter. Pada sisi kanan klik dua kali kata Default.
Untuk value data, masukkan 1 lalu klik OK.
Tutup regedit.

5. PERSINGKAT STARTUP

Windows dapat disetting untuk menampilkan informasi seputar aplikasi yang membuatnya startup lebih cepat, caranya dengan mengubah seberapa banyak kerja dari sebuah program yang disebut Prefetcher.

Tampilkan regedit, kemudian cari : HKEY_LOCAL_MACHINE / SYSTEM / CurrentControlSet / Control / Session Manager / Memory Management / PrefetchParameters
Saat PrefetchParameters di-klik, sisi sebelah kanan editor akan menampilkan entry. Klik dua kali “Enable Prefetcher” dan ubah value data menjadi 5 (dalam decimal, bukan hexadecimal). Klik OK. Tutup regedit

6. Jika anda mempunyai banyak folder dan subfolder, setiap kali mengakses satu diantaranya, windows menghabiskan banyak waktu dalam mengupdate “last accessed” folder dan semua subfolder-nya. Dengan menghentikan proses itu akan menghemat waktu.
Buka regedit, masuk pada HKEY_LOCAL_MACHINE / SYSTEM / CurrentControlSet / Control
Pada, Control, klik kanan FileSystem, pilih New, lalu DWORD Value. Ganti “New Value #1” dengan NtfsDisableLastAccessUpdate dan tekan Enter. Klik dua kali NtfsDisableLastAccessUpdate dan ubah Value data menjadi 1. Klik OK. Tutup regedit

7. Jika anda menjalankan lebih dari satu atau dua program bersamaan, ada kemungkinan windows kehabisan RAM. Untuk kasus ini, system mulai menggunakan sebagian dari hard disk, yang dapat disebut “swapfile”, guna menyimpan informasi. Memang jauh lebih lambat dibandingkan RAM, paling tidak dapat menjalankan sebuah program. Terkadang windows menggunakan swapfile sebelum kejadian tersebut. Kita dapat menjalankan tweak msconfig berikut ini.
Klik Start -> Run -> ketik msconfig
Klik tab System.ini
Klik tanda plus disebelah 386enh.
Klik New, lalu ketikkan “ConservativeSwapfileUsage=1” dalam box yang muncul.
Klik OK. Close
Restart Windows anda….

8. Setting ulang interface dapat menambah kecepatan. Masuk ke System Properties, pilih tab Advanced. Setting ulang pada pilihan Performance. Kemudian pilih “Adjust for Best Performance” pada tab Visual Effects.

9. Menghilangkan wallpaper , minimalisasi jumlah desktop icon dapat mempercepat PC Anda.

10. Menghilangkan bunyi pada event Start Windows juga akan mempercepat proses boot. Mau lebih cepat lagi? Pilih “No Sounds” pada sound scheme.

11. Batasi penggunaan type Font, karena makin banyak jumlah font yang terinstal akan menambah berat beban kerja PC Anda. Windows secara default menyertakan sejumlah kurang dari 100 font.

12. Seringnya kita mengupdate program juga mempengaruhi cepat atau lambatnya PC. Cara paling mudah menggunakan utility tambahan seperti Driver Cleaner. Utility ini membersihkan driver nVidia dan ATI terdahulu. Driver Cleaner, juga dapat membersihkan driver lama beberapa chipset motherboard, sound card, dan lain-lain.

13. Memanfaatkan Software Eboostr, juga dapat mempercepat kinerja PC kita.


Semoga sharing ini bisa bermanfaat bagi kita semua.

22 Agustus 2008

Header motif kayu dengan Adobe


Kali ini bC akan mengajak sharing cara membuat header blog kita, dengan menggunakan Adobe Photoshop CS3. Coba Perhatikan gambar di atas:

Langkah-langkahnya adalah sebagai berikut :

1. Buat file baru dengan ukuran canvas sesuai dengan ukuran ( dalam pixel )header dari blog kita. Pada Color Picker berikan warna untuk foreground = #f7ad0e, untuk background = #8c531b. Kemudian klik Filter ---Render --- Clouds . Kembali ke menu Filter --- Noise --- Add Noise. Berikan nilai Amount = 10 %, pada distributin klik button Gaussian , centang Monochromatic lalu klik OK.



2. Kembali ke menu Filter arahkan mouse pada Blur --- Motion Blur. Berikan nilai Angle = 50 dan Distance = 999 pixels, kemudian klik OK.


3. Masuk ke menu Filter arahkan mouse ke Blur lalu ke Gaussion Blur. Isikan Radius = 1 pixels, lalu klik OK.




4. Kembali lagi ke menu Filter arahkan mouse ke Distort lalu ke Twirl lalu isikan nilai Angle = 115 dan klik OK.



5. Dengan “Ctrl + J “ buat duplikat Layer Background dan beri nama layer tersebut, missal DASAR 1. Double klik layer DASAR 1 agar jendela “Layer Style Dialog Box” muncul. Klik pada “ Bevel & Emboss “ dan biarkan setting nilainya sesuai aslinya (Default ). Kemudian buat duplikat layer dari DASAR – 1 dan berikan nama DASAR – 2.

6. Sekarang kita akan membuat tulisan daripada judul blog kita, Aktifkan “ Horizontal Type Tool” dan ketikkan judul yang kita kehendaki. Kemudian atur besar kecilnya judul yang tentunya disesuaikan dengan bidang background. Setelah kita mengatur posisi Text sesuai dengan yang kita kehendaki , pilih layer Text dan layer Dasar 2 dengan menekan Ctrl lalu arahkan mouse pada layer tersebut dan klik layer keduanya. Dengan Ctrl + Shift + I , lalu klik pada posisi di kotak merah yang terlihat di gambar dibawah ini dengan tujuan untuk menyeleksi kedua buah layer tersebut.


7. Tanpa menghilangkan tanda seleksi, klik layer Dasar 2 kemudian tekan Del pada keyboard. Kemudian hilangkan tanda seleksi dengan Ctrl + D, lalu klik Icon Mata pada layer Text. Lihat hasilnya pada gambar di bawah ini.




8. Sekarang aktifkan Layer Dasar 2, kemudian klik 2 kali untuk menampilkan jendela Layer Style. Pada Layer Style klik Drop Shadow dan aktifkan.
Berikan nilai pada Opacity = 80 %, Angle = 120 , Distance = 5 px, Spread = 18 %, Size = 5 px. Coba perhatikan hasilnya pada gambar dibawah ini.




9. Langkah selanjutnya kita aktifkan Layer Dasar 1, dengan mempergunakan Rectangular Marquee Tool (M) buat seleksi pada bidang Layer Dasar – 1 seolah-olah kita akan membuat bingkai tulisan.
Kemudian tekan tombol DEL pada keyboard, dan coba perhatikan hasilnya pada gambar berikut :


10. Masih di layer Dasar – 1, klik dua kali pada layer Dasar – 1 untuk menampilkan jendela Layer Style. Centang kotak Drop Shadow kemudian aktifikan dengan mengklik Drop Shadow. Berikan nilai Opacity = 75 %, Angle = 120 , Distance = 2 px, Spread = 0 % dan Sizez = 15 px.



11. Sekarang kita akan memberikan effek bingkai untuk gambar yang berada di samping title. Masih bekerja di layer Dasar – 1, buat seleksi dengan menggunakan Rectangular Marquee Tool, setelah itu pada menu Layer pilih New lalu pilih Layer Via Copy .



Demikian cara modifikasi Header dengan Adobe Photoshop CS3, semoga bermanfaat

Mengingat Loading daripada blog ini berat, saya membuat versi PDF dari tutorial ini dan dapat anda download di blog-e JURAGAN.

Mockup Hijab Adobe Photoshop Tutorial - FREE FILE PSD

  Mockup Hijab Adobe Photoshop adalah tutorial tentang bagaimana cara merubah warna hijab maupun coraknya. Jika anda ingin mendownload file ...