Senin, 22 Agustus 2011

Cara Membuat Template di Blogger


Yak akhirnya jadi juga, seperti yang aku janjikan kemarin yaitu "Cara Membuat Template Blogger". Mulai dari mana ya? nnnngg.. :t ohya, tak jelasin dulu deh tentang artikel ini. Gini, dalam trik berikut, kita akan mencoba membuat template yang paling sederhana dan paling mudah. Sebenarnya dalam mebuat template di blogger harus mengerti tentang CSS dan HTML, tapi untuk kali ini kita hanya memerlukan sedikit kemampuan tersebut karena kita akan membuat template yang paling sederhana, tapi jangan salah walaupun caranya sederhana tapi hasilnya bisa sangat luar biasa, tergantung dari desainernya. Ok deh mulai aja deh ya, kayaknya udah pada nggak sabar nih.


Gini, cara termudah dalam membuat template blogger yaitu dengan mendownload sebuah template kemudian kita otak-atik sendiri, jadi kita tidak perlu membuat dari awal. Untuk bahan praktek kali ini kita coba memakai template yang aku dah pernah aku buat, downlad disini bahannya. Sebelum kita mulai gue saranin lo buat blog baru aja biar gak ngerusak blog asli kamu.

Tahap Desain

Template yang akan kita buat disini memiliki empat komponen utama yaitu Background, Header, Main dan Footer. seperti yang ada dalam gambar berikut:



Jadi kamu harus membuat keempat komponen tersebut. Cara buatnya gimana? kamu harus bisa menggunakan software image editor seperti Photoshop, Corel, Paint dll. Cara pembuatan desainya lebih jelasnya seperti ini:
1. Buat desain seperti gambar diatas
2. Pada bagian background usahakan bersifat "Tile / Pattern" (kecil dan berulang-ulang).
3. Untuk Main dibagi lagi menjadi beberapa kolom, boleh 2 kolom, 3 kolom atau terserah deh. Dan biasanya terdiri dari bagian utama (posting) dan sidebar.
4. Kemudian potong-potong perbagian.
5. Untuk bagian Header motongnya harus full.
6. Bagian background, main dan footer motongnya sedikit aja karena bersifat "tile"
7. Desain diatas kalo dipotong-potong akan menjadi seperti ini :

background
header
main
footer

8. Upload potongan-potongan tersebut pada sebuah webhosting atau layanan penyimpanan file lainya. Contohnya di geocities atau Photobucket dll.

Nha modeng po ra?

Sekarang kita memasuki ke tahap penyusunan di blogger. gini langkah-langkahnya. Ohya udah di download belum tadi bahanya, kalo belum download dulu diatas itu. Ok kita mulai:
1. Kembali ke blogger dan ke menu "Edit HTML".
2. Trus klik tombol "Brows" untuk mengupload template yg udah kamu donwload tadi.
3. Kemudian Cari kode seperti ini:

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://kendhin.890m.com/template/bg.jpg') repeat-x top left; }

4. Ganti text yang dicetak tebal dengan lokasi gambar background yang kamu buat.
5. Cari kode seperti ini :

#center {background: #ffffff url('http://kendhin.890m.com/template/main.jpg') repeat-y top center;}

6. Ganti text yang dicetak tebal dengan lokasi gambar main kamu.
7. Cari kode seperti ini:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

8. Ganti text yang dicetak tebal dengan gambar header.
9. Cari kode seperti ini:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') repeat-y top center; }

10. Ganti text yang dicetak tebal dengan gambara foter.
11. Masih ada beberapa hal yang harus kamu perhatikan. coba cari kode-kode berikut:

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

kode width: 898px menunjukkan lebar dari blog kamu, kamu bisa mengubahnya sesuai keinginanmu, tapi harus disesuaikan dengan lebar desain gambar yang kamu buat.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

kode width: 445px; adalah lebar daerah main yang berisi posting, kamu bisa merubahnya.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }


kode width: 153px; adalah lebar sidebar bagian kanan. Dan kode width: 195px; adalah lebar sidebar bagian kiri. Terus kode padding-right: 50px; jarak antara tulisan atau isi sidebar sebelah kanan dengan garis batas kanan. Dan kode padding-left: 10px; adalah jarak antara isi sidebar kiri dengan garis batas kiri.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://kendhin.890m.com/template/head.jpg') no-repeat top center; }

kode height:196px; width:898; adalah ukuran tinggi dan lebar bagian header, kamu bisa menyesuaikannya dengan ukuran header kamu.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://kendhin.890m.com/template/foot.jpg') no-repeat top center; }

kode width: 898px; height:80px; adalah ukuran lebar dan tinggi bagian footer.

12. Nah kalo udah selesai coba di preview template kamu, sudah sesuai kah? atau hancur?
13. Kalo sudah di Save.

:f akhirnya selesai juga aku buat artikel tentang pembuatan template, capek ya? tapi ingat sekali lagi ini adalah metode membuat template yang mudah dan sederhana, jadi sebenrnya isi dari template lebih rumit lagi, munkin kapan-kapan akan kita bahas detail dari bagian-bagina template tersebut.
OK SELAMAT BERJUANG......

Minggu, 14 Agustus 2011

cFosSpeed v6.60 Final [x32(86)-x64]+Trial Reset(BOX TR) v2.0

(INDONESIAN)
Met jumpa lagi sahabat blogger tercinta. Pada postingan kali ini, saya akan kembali menghadirkan cFosSpeed. Saat ini software Internet Accelerator yang sudah tidak asing lagi bagi kita ini sudah sampai pada versi 6.60 (cFosSpeed v6.60 Final). Pada versinya yang terbaru ini, cFosSpeed kembali memunculkan beberapa peningkatan performa, salah satu diantaranya adalah hadirnya dukungan buat gamer keyboard Logitech G15 dan G19. Ketika cFosSpeed mendeteksi adanya keyboard tersebut, cFosSpeed akan langsung memunculkan pilihan akan status display window atas G15 dan G19 tersebut. Dan untuk gambaran lebih komplitnya tentang peningkatan performa dari cFosSpeed versi yang terbaru ini, bisa sobat baca sendiri di changelog-nya yang berbahasa Inggris di bawah ini.

The screenshot of the cFosSpeed's TRIAL RESET (BOX TR):
(ENGLISH)
cFosSpeed (3.85 MB)- a network driver, which attaches itself to existing Internet connection and optimizes data transfer by prioritizing traffic (Traffic Shaping). Every time you connect to the Internet and using more than one data stream cFosSpeed can optimize the traffic. CFosSpeed works with the following technologies: DSL, Cable, WLAN, CDMA2000, UMTS, WCDMA, Modem, ISDN, Broadband Mobile (2G/3G).

Traffic Shaping (Traffic Shaping) best for:
- Broadband: DSL, Cable
- Dial-up connections: modem, ISDN
- Mobile
- Filesharing (P2P)
- Games
- Streaming Media, VoIP
- Features
- Reduced delays (ping)
- Prioritization of Programs
- Prioritising protocols
- Resources (Budgets) Online
- Firewall (Firewall)

What are new in this version?
• Improve your Ping for online games
• Keep your internet fast during heavy upload/download
• NEW: Improve mobile Internet
• Reduce audio/video streaming problems
• Improve VoIP speech quality

System Requirement: Windows 7 , XP , 2000 ,Vista (both x32(x86) and x64)

Changelog:
  • Added support for Logitech G15 and G19 Gamer keyboards. When cFosSpeed detects such a keyboard, it offers a the option to display the status window on the display of the G15 or G19 display. If you enable it, the skin windows will then be displayed on the keyboards display, thereby offering all cFosSpeed Traffic Shaping information during fullscreen mode apps / games. In addition, you can switch between low latency / favour bandwidth wit the Button 1 on the G15 and the UP Button on the G19.
  • Added keyboard LED indicators. cFosSpeed can indicate certain traffic shaping values by blinking the Num Lock and Scroll Lock LEDs. See http://www.cfos.de/en/cfosspeed/documentation/keyboard-leds.htm for more information.

Because of the importance of this software to accelarate your internet connection, I really suggest you to download and install it in your computer.
1. INSTALLER (3.85 MB) for OS 32 bit:
INSTALLER (4.26 MB) for OS 64 bit:

2. TRIAL RESET (BOX!) and README(Installation Guide).txt:
(Pswd:leechengsui.blogspot.com)
  
Don’t forget to read its INSTALLATION GUIDE in the README(Installation Guide).txt file before doing installation. And it’s better for you to disable for a moment of your antivirus before opening its Trial Reset (BOX!).exe file, since some anti viruses detects it as virus / trojan.
 
DON’T FORGET TO GIVE A COMMENT!
HAVE A NICE DAY!

Sabtu, 13 Agustus 2011

Thinstall : Aplikasi untuk Membuat Aplikasi Portable

Aplikasi portable adalah aplikasi dimana bila kita ingin menggunakan suatu aplikasi program kita tidak perlu lagi melakukan instalasi program tersebut. Aplikasi tersebut dapat kita jalankan melalui flashdisk, sehingga mudah dibawa kemana-mana dan bila suatu saat kita memerlukannya kita tinggal menancapkan flashdisk kekomputer dan langsung bisa menjalankan aplikasi portable kita tanpa perlu melakukan instalasi terlebih dahulu, jadi lebih menghemat waktu dan tanpa meninggalkan jejak.

Untuk mendapatkan aplikasi portable kita bisa download di situs-situs yang menyediakan aplikasi portable, yang saat ini sudah sangat mudah kita temukan di internet. Namun dari pada kita bersusah payah mencari aplikasi portable, alangkah akan lebih enak jika kita bisa membuatnya sendiri.

Software yang akan kita gunakan disini adalah Thinstall, hanya saja sayangnya software ini bersifat shareware atau berbayar. Untuk versi trial-nya hanya bisa digunakan selama 30 hari, sehingga aplikasi Portable yang dibuat dengan versi trial ini juga hanya bisa digunakan selama maksimal 30 hari. Namun pada posting saya kali ini, saya coba kasih link download dimana rekan-rekan sekalian bisa mendownload aplikasi Thinstall ini dalam versi full version-nya. Menarik, bukan? Hehe…

Anda tertarik untuk bisa memiliki Thinstall yang full version?? Silahkan anda coba download pada link-link berikut :

http://www.ziddu.com/download/3406986/Thinstall.VS.v3.348.0.0.Full.rar.html
atau
http://www.ziddu.com/downloadlink/1088936/Thinstall.VSv3.043Full.rar
atau
http://www.ziddu.com/download/3534083/Thinstall.rar.html


Langkah Pembuatan Aplikasi Portable Menggunakan Thinstall
 
1. Install program Thinstall

13

2. Jalankan Thinstall klik Start akan muncul tampilan DOS, tunggu sampai tampilan DOS hilang/selesai

31

3. Klik Pre-Install Scan akan muncul tampilan DOS yang kedua, tunggu sampai tampilan DOS hilang/selesai

22

4. Install Aplikasi yang di inginkan (misal : install aplikasi Rainlendar)

4

5. Setelah selesai klik Post-Install Scan akan muncul tampilan DOS yang ketiga, tunggu sampai tampilan DOS hilang/selesai

5

6. Klik SAVE RESULT akan muncul tampilan DOS yang keempat, tunggu sampai tampilan DOS hilang/selesai , kemudian Klik QUIT.

7. Buka C:\Program Files\Thinstall.VS\Captures\Rainlendar2 (remove only) , kemudian double klik file Package.ini .





Ganti CompressionType=None dengan CompressionType=Fast .





Ganti DirectoryIsolationMode=WriteCopy dengan DirectoryIsolationMode=Merged .
Klik SAVE




8. Copy file ##attributes yang ada di folder %Desktop% ke folder yang terdapat file build.bat.

9. Double klik file build.bat akan muncul tampilan DOS yang kelima, tunggu sampai tampilan dos hilang/selesai.

10. Jika proses selesai akan muncul sebuah folder ‘bin’, di folder ‘bin’ inilah Aplikasi Portable yang nantinya bisa kita jalankan di komputer lain tanpa harus meng-installnya.

Jika kita ingin membuat Aplikasi Portable lagi, maka kita bisa mengulangi lagi cara di atas (no.4 hingga akhir)

Mau mendapatkan Tutorial Membuat Aplikasi Portabel seperti diatas dalam format PDF ?!
Silahkan anda download  DISINI

More info Code about Thinstall, klik disini :
http://www.thinstall.com/products/virtualization_suite.php

Alamat situs / weblog yang menyediakan aplikasi-aplikasi portable, diantaranya :
http://www.portableapps.com
http://www.portablefreeware.com
http://soft4usb.com
http://portablesoftdownload.blogspot.com


Selamat Mencoba…Semoga Bermanfaat !!

Jumat, 12 Agustus 2011

Windows Asli atau Palsu

Bagaimana anda mengetahui Windows yang anda gunakan asli atau palsu? Dengan sedikit trik maka Windows kita pun akan 100% Genuine. 
Meskipun ini sudah kuno, tapi mungkin saja bagi yang belum tahu, pastilah merupakan hal yang baru....he he he...semoga saja 

Caranya sebagai berikut :
  • Buka 'Tool dari Microsoft Buat Cek Windows asli atau palsu.exe'
  • Jika windows kita palsu akan tampak seperti gambar dibawah ini.
  • Jika memang seperti gambar tersebut, coba klik 'keyfinder.exe'
Nah akan muncul tampilan seperti gambar dibawah ini
Jika yang tampil seperti gambar diatas, langkah selanjutnya :
  • Klik Option - Change Windows Key
Pasti dah tampil seperti ini

  • Masukkan salah satu key yang ada di 'read me.txt' pada lima kolom yang tersedia
  • Klik Change
Akan muncul Windows baru degan tulisan 'Your product key has been successfully updated. Please restart the Keyfinder to verify it.'
  • Klik OK
Cek lagi dengan meng klik 'Tool dari Microsoft Buat Cek Windows asli atau palsu'

Nah hasil tampilannya tentu akan seperti gambar dibawah ini

Download Software nya ......Disini

Bonus :
Ok semoga bermanfaat

Kamis, 28 Juli 2011

Membuat Skin Winamp Sendiri



Pada saat mengerjakan aktifitas anda menggunakan komputer, tidak jarang anda mendengarkan music bukan??... Selain menambah rileks music juga dapat menghibur kita supaya tidak jenuh. Salah satu software pemutar music adalah Winamp, mungkin anda kurang memperhatikan mengenai skin winamp anda.

Di dalam winamp biasanya hanya ada 2 skin yaitu skin modern dan skin Classic, mungkin kamu merasa jenuh dengan tampilan Winamp yang begitu-begitu saja. Jika kamu ingin menggantinya kamu dapat mengunjungi situs resminya dan mendownload banyak skin disana. Nah disini mungkin kalian juga mempunyai inisiatif untuk membuat skin winamp sendiri.

Kalian bisa menggunakan software yang bernama Skinnertoo SE, dengan software ini kalian bisa membuat dengan sekreatif mungkin aneka macam skin Winamp menggunakan kumpulan foto-foto yang kalian punya.
Ini adalah contoh screenshot winamp yang telah saya buat sendiri:

Jika ingin mencobanya klik links download yang ada di bawah untuk mendownloadnya. saya juga telah menyertakan skin yang telah saya buat tersebut.


Download Software Skinnertoo_SE.zip

Sabtu, 16 Juli 2011

Fariasi Bingkai Foto

Ne salah satu cara untuk membuat tampilan foto lebih menarik dan terkesan indah yaitu dengan mengunakan bingkai atau frame yang unik dan menarik.

bisa anda ikuti petunjuk di bawah

  • - Selanjutnya Upload foto kamu baik di computer atau di URL ( photobucket )

  • - Setelah di upload kalian dapat atur skala foto nya dengan tool yang telah disediakan sesuai keinginan kalian

  • - Bila sudah atur skalanya kalian dapat memilih bingkai sesuai category yang kalian mau

  • - kalau sudah klik Save
  • - Jadi deh,……untuk menyimpan gambar klik Save to Disk