Here is a very short tutorial on how you can set your photoshop to produce Divs and CSS rather than the old fashion tables. This is very useful becuase this is becoming the new way to work with web pages and lets you add a lot more room to do stuff that wouldnt be possible with non expandable tables.

ok once you have a document sliced and everything and you optimized all the images when you goto the “Save for web option”…

you will notice a little arrow next to your presets and on the border of the box with the image options
click that box and select “Edit Output Settings” from the drop down menu.

This will open up the “Output Settings” dialog box. In here on the “HTML” settings page you want to:
Select the Output XHTML box
Set tags case to: lowercase(body)
Set attribute case to: lowercase(rowspan)
and you can pretty much leave everything else default.

Then from the drop down menu where it says “HTML” select “Slices”. All you need to do here is change the “Slice Output” setting to Generate CSS and from the drop down menu select By ID.

And finally you want to save the profile so click the save button and save it to whatever you want. Just remember when you click save on the “Save For Web” dialog you need to change the settings in the save dialog to whatever you saved it as. I just saved it as default because I always use it.

Now you have a fully functional Div and Css layout and you are no longer stuck with the limits of tables.

Source: mikeandike22 @


No doubt you’ve heard about image slicing, but do you know what it is and how it works? Image slicing is a technique for creating a web page (or a component of a web page, like a header or navigation menu) visually in Photoshop (Fireworks and Illustrator also allow you to slice images, too). But how does it work?

Well, you’d first design a page in Photoshop exactly as you want it to look when it goes live on the web. Then you cut out all the page components – title bars, buttons, navigation menus, and so on – using Photoshop’s Slice tool. Then, when you save everything out, Photoshop saves each slice as an individual graphic, and (and this is the icing on the cake for the code-leary) all the necessary code will automatically be written as well. Sounds awesome, huh?

Finally, once everything’s saved out, you can pull everything into Dreamweaver and finish off your layouts with any necessary tweaks. It’s a very cool process, and one of the most popular methods for building web pages.

The following sections describe how to take a created layout, slice it up in Photoshop, save it out, and then pull the whole thing into Dreamweaver to finish it off. Ready? Lets get started!

Part 1: Designing Your Page & Slicin’ it Up

So obviously, the first thing you’ll need to do is create a layout in Photoshop. In my example, I’m building an entire page, and because I don’t want any horizontal scrolling in my layout, I build for the most common monitor resolution, 1024×768. There’s quite a bit of debate as to how wide one can design inside a width of 1024 pixels, but I personally go with 990 pixels as my maximum width. This means that starting off in Photoshop, I create a new file with a canvas size of 990 pixels wide. As for the height, that’s usually determined by content, so you might want to give yourself lots of space to work inside.

Now in the case of creating a page object like a menu or header, you’d have to know the dimensions of the object before creating it in Photoshop.

Once your dimensions are set, it’s simply a matter of building your design. Design and lay out all your buttons, background graphics, logos, and so on, building up your page’s design. Use whatever tools, commands, and options you’d like. Often times, I’ll even cook things up in Illustrator, then drop them into my layered Photoshop layout as Smart Objects, just to make the process go faster.

If you’re building a page as I am here, don’t worry about actual page content – the text and other objects that would appear on the individual pages of your site. Imagine instead that you’re building a template. What you’re after is the overall look of all the pages in your site. Later on in Dreamweaver, you can drop in the content. Once your page design is complete, you’re ready to begin slicing it apart.

Image Slicing in Photoshop CS3 image 1

Slicing up your design is the fun part. What you’re doing is taking your overall layout and cutting it into smaller pieces. This means you’ll be isolating buttons, logos, and background areas on your page by slicing them away from the rest of the layout. There are a few different ways to slice apart layouts and page components, but I’ll show you my technique.

Here’s how to get started:
1. From Photoshop’s Toolbox, select the Slice tool.
2. With the Slice tool, click and drag a box all the way around your entire design.

This creates a single, large slice that encompasses your entire layout. I think you’ll find this to be the easiest and most accurate way to slice images.

Image Slicing in Photoshop CS3 image 2

3. Right-click (or Ctrl+click on the Mac) anywhere inside your design, and choose Divide Slice.

4. In the Divide Slice dialog that appears, decide how you’d like to break that single slice that you just drew. Turn on either Divide Horizontally Into or Divide Vertically Into (or both); then enter in the number of slices you’d like to create. Click OK when you’re ready.

This is where the craft of image slicing comes in. Look for natural breaks in your image. Remember, each slice will wind up being saved out as an individual graphic, so you may want to create slices for each button in a menu, for example. In my layout, I’ve divided the image into three slices horizontally: one for the header area, one for the main area, and a third for the lower, footer area.

If Preview is turned on in the Divide Slice dialog, you’ll be able to see where your slice lines will appear in the image. Don’t worry if they’re not exact, we’ll adjust them in the next step.

5. Next, if needed, adjust the slice lines that appear on your image simply by dragging on them. You may want to zoom in for a little more precision.

You’re now ready to continue slicing apart your layout. I find it easiest to work from the general to the specific – in other words, look for main areas to slice away; then start getting more refined as you go. Once you have the general areas of your layout sliced, you’re ready for the more detailed areas.

6. To continue slicing apart your image, single-click inside a “general area” slice; then right-click (or Ctrl+click on the Mac), and choose Divide Slice once again.

Notice that when you single-clicked inside the slice, all the other slices in the image deselected? Now this time, you’ll only be dividing up the currently selected slice.

7. In the Divide Slice dialog, set the number of slices you’d like to create horizontally and vertically, just you did earlier.

As before, look for natural breaks in your layout. Remember, each slice is saved as a separate graphic, so you might want to isolate buttons, logos, and so on. Don’t get frustrated if you have to start over a few times. Image slicing does takes a bit of patience. Knowing where and what to slice is just a matter of practice.

8. Continue slicing apart your layout using the techniques described until you’re happy with how things are looking.

Image Slicing in Photoshop CS3 image 3

Things lookin’ good? Great, now you’re ready for the fun part!

Part 2: Savin’ Er Out

Once you’ve sliced up your layout, you’re ready to save everything out of Photoshop. And remember, not only will Photoshop save all your sliced images in one shot (meaning that you don’t have to save each of them individually), but it’s also going to build your page’s underlying code structure for you. So when you save your slices, Photoshop will also save an additional HTML file. That’s the file that you’ll want to open in Dreamweaver. Awesome is an understatement here, folks – it doesn’t get much sweeter than this!

Here’s how to save it all out:
1. Choose File > Save For Web & Devices.
2. In the Save For Web & Devices dialog, set optimization settings for your slices.

If you’ve never used this dialog before, I’ll give you a quick run-through on how it works. Holding down Shift, you can select the slices that you’d like to set certain optimization settings for – that is, compression options when you’re saving an image (or in this case, a group of images) for use on the web. Next, on the right side of the panel, you can set your optimization settings.

Depending on the file format that you choose, different options will appear. For example, in the case of JPG, you’ll see options for compression, quality, blur, matte, and a few others. Unfortunately, we don’t have the space to go through all the options, so you may want to read up on a few of these.

Image Slicing in Photoshop CS3 image 4

3. Once you’ve optimized your slices, click Save.

4. In the Save Optimized As dialog, name your file in the Save As field; then navigate to the folder where you’d like to save your slices. Don’t click Save just yet.

The location where you save your work will most likely be your site’s local root folder, as you’ve defined it in Dreamweaver (You may need to read up on defining a site in Dreamweaver if you’re not sure what I’m referring to).

5. From the Format menu at the bottom of the dialog, choose HTML And Images.

This ensures that Photoshop will not only save out your slices, but also all the background code needed to render your layout.
If you’d like to explore some of the other options available, choose Other from the Settings menu. You may want to experiment with a few of the commands found here.

6. When you’re ready, click OK.

Photoshop saves out all your slices, and the HTML needed for your layout. Pretty easy stuff. Now lets go take a look at what happened.

7. Minimize Photoshop; then navigate to the folder where you saved your work.

Notice that Photoshop created an HTML file, as well as an images subfolder. Inside the subfolder, you’ll find all the individual slices from your layout.

8. To see your completed layout, open the HTML file in your web browser.

Your layout looks exactly as it did back in Photoshop. Cool!

Part 3: Throwin’ In Some Dreamweaver

Now that everything is saved out of Photoshop, Dreamweaver takes over the formatting duties. In Dreamweaver, try opening the HTML file that Photoshop created, and you’ll see right away that everything’s been created with tables. In Photoshop’s Save Settings (Step 5 in the previous section), you can set whether to use tables or div tags.

Notice too that all the slices sit within the table’s cells. You can drop additional page content on top of your images using a clever technique: Remove the slice from the table cell; then set the cell to the slice’s original dimensions; drop the slice into the cell’s background; and finally insert new text or image content into the cell. This creates the illusion of the content floating above the graphic, as you can see in the screen shot.

Image Slicing in Photoshop CS3 image 5

Now you can begin making any adjustments you’d like. For example, you could center the layout, add in a background color, create any necessary CSS rules, begin dropping in your content, and set your hyperlinks.

From here, it’s all tweaking – adjusting CSS styles, text, and other page elements within your design. If you want a graphic to appear behind the text in a table cell (which you can see was done in the sample page design, which uses a crater background behind the text), remove a graphic from its table cell and set it as the cell’s background image, just as you did earlier in this chapter. Then insert your text in the cell as you normally would.

As you work, don’t forget to preview your page to see how your design is looking. And here’s one more trick: With your page working well in Dreamweaver and previewing nicely in those target browsers, use it as the basis for the other pages in your site by resaving it under a different file name for each page. Even better, you can use your page as a Dreamweaver template.

So there it is, a quick guide to getting started with image slicing in Photoshop. Experiment and try out some of the different options, and most importantly, have lots of fun!

Fitur-fitur Mikrotik
Instalasi Mikrotik RouterOS
Konfigurasi Awal mikrotik
Bandwidth Manajemen Menggunakan simple queue
Pisah Bandwidth IIX dan IX
Hotspot Manajemen with Mikrotik RouterOS 2.9.27
setting usermanager
Setting PPTP
Script DOTA
Load Balancing
Load balancing II
Script DOTA lagi :D
Bandwidth Management & ARP
Script Limiter Domain
Membuat Server Gateway/Router dengan Mikrotik
Routing Mark
Mikrotik Sebagai VPN Server
Cara Backup settingan MikroTik
Tips Menangkal NetCut
Source: uye @

Lakukan langkah-langkah berikut :

* Klik kanan pada My computer

* Pilih Properties

* Lalu ke HARDWARE tab->Device manager

* Pilih Ports ->Communication Port(double click on it and Open)

* Lalu Ke Port Setting dan buat beberapa perubahan:

* Pada “Bits per second” ganti menjadi 128000

* dan “Flow control” option ganti menjadi Hardware

* Apply dan lihat hasilnya.



Source: genuk @

Do you remember those moments when you forgot your deepfreeze password and for some reason, you have the need to take it off from your PC. Here I will show you 2 methods that I found in the Internet. I myself proved the first method works very well.

Method 1

How to Uninstall Deep Freeze 6.0 Without Password

[Unfortunately up to this article is written, there is no ]Smart Software for Deep Freeze v.6 [that is capable ]to disable or uninstall [Deep Freeze v.6] this software in this time there is no. But with little tricks, Deep Freeze 6.0 can be disable or unintal not requiring password. following way to disable or unintal Deep Freeze ver 6 :

  1. Booting Computer From CD use Windows XP Installer
  2. After coming up with part to Enter Setup, Press Enter then F8 and await some moment
  3. then selected R to repair Windows ( Repair Setup)
  4. Hereinafter continue Install windows untill finish.
  5. Now prepare the Deepfreeze v.6 of and double click
  6. will appear “Uninstall Deepfreeze” windows and process uninstall till finish.
  7. Done……

In this time i still not known more effective way to remove DeepFreeze 6.0. if there is a way of more effective please share here… :D


Method 2

By cyberlog
Published: December 19, 2008
Updated: December 19, 2008
Level : Pemula ( Nyubie )
Author : adi.aka.Cyberlog
Refensi : Uncle Google
Contact :
Terpaksa buat artikel untuk kill deepfrezena Wk 6.20 hehe di net punya kawan, habis lupa pass untuk generate Wk client ( Server kena petir, HD mate, kontrol Deep dari sana semua )

Deepfreeze adalah suatu peranti lunak yang mampu mengorganisir system computer dengan cara membekukan struktur sistem dan direktori-direktori penting milik Administrator, sehingga dengan sekali restart , apapun perubahan yang sudah terjadi di dalam sistem akan dikembalikan ke bentuk semula.

Backtrack 3adalah salah satu distro linux yang di khususkan untuk penetrasi di security test.

Batasan Masalah

Untuk kesempatan kali ini hanya di batasi pada penggunaan Backtrack 3 sebagai media awal untuk meng-uninstall deepfreeze 6.20. sebagai mana di ketahui penulis bahwa untuk menguninstall deepfreeze 6.xx belum tersedia unfreez-nya.


1. CD/USB flashdisc sebagai media boot
2. file $persi0.sys yang anda dapat download di
3. backtrack #3 yang anda dapat download di
4. Deepfreeze workstation

Langkah-langkah uninstall deepfreeze

Sekalian belajar distro linux yang satu ini, maka penulis berinisiatif menggunakan backtrack #3,

1. Extract file backtack yang telah di download ke dalam USB Flashdisc/ Burning image ke CD file backtrack yang telah di download.
2. Copy file $peris0.sys ke USB Flashdisc.
3. restart komputer anda, kemudian setting bios agar boot dari CD/DVD. Bila menggunakan CD/DVD, setinng boot dari USB apa bila anda menggunakan USB sebagai media boot.

Setelah bios anda di set boot dari CD/USB kemudian tekan F10 simpan semua perubahan, dan computer mulai boot dari usb dan alhasil maka anda akan di bawa ke menu pilihan, kali ini penulis menggunakan menu BT3 text mode frame buffer, apa bila anda di minta memasukan user dan password, isikan dengan user dan password default dari backtrack yaitu user=”root” dan password=”toor”.

Sekarag anda login sebagi root, kemuadian ketik startx .
Dan anda akan di bawa ke tampilan KDE dari BT3 nan indah ini, atau tampak seperti gambar di bawah ini :

Double click pada icon sytem pada desktop, dan akan di tampilkan semua media storage yang terdapat computer kita.
Karena target kita adalah C:/system yang ada di windows, maka double click pada media storage system.
Copy file $persi0.sys yang telah di download ke drive partisi windows C:/ atau tampak seperti gambar di bawah ini :

Langkah berikutnya adalah restart computer anda, setting bios kembali agar booting dari hardisc. Setelah anda masuk ke windows. Ini dia saat yang di tunggu-tunggu, “saatnya membasmi deepfreeze yang bandelnya amit!! Wakk akka.. “.
Untuk menguninstall deepfreeze jalankan file deepfreeze workstation maka akan tampak tampilan sbb :

Pilih Uninstall untuk mengunsinstall deepfreeze dan pilih exit untuk keluar.
Karena tujuan kita untuk men-uninstall deepfreeze maka kita pilih uninstall.
Lalu anda akan di bawa ke tampilan seperti di bawah ini:

Pilih ok to uninstall dan kemudian click finish. Just few second bro… your computer will be reboot 
setelah computer reboot itu adalah akhir perjalanan dari langkah demi langkah menguninstall deepfreeze.
Setelah computer anda reboot anda dapat memeriksa apakah uninstall berhasil atau tidak dengan menekan Ctrl+Alt+Shift+F6 maka hasilnya apa?
Nihil kan….
Artinya uninstall berjalan dengan sukses. Akhir kata selamat mencoba …

Note :
Bisa diterapkan di versi workstation 6.xx, single 6.xx
Pergunakan dengan Bijak, Disarankan tidak untuk menjahilin net orang
Dont change My article, free for distr.

Creditz :
Allah yang memberi hidup dan Matiku,
My parents & Familys
My Wife erni.Hasibuan
Member sekuritionline ( Irc / Forum )
Staff Sekuritionline ( We Different / Underground )
IRC all Channel

Zero Creditz :
Buat Koruptor ( mate aja Loe )
Peg. Negri ( Huh gimana negara mau maju wong pegawainya aja masuk jam 10 pulang jam 2, pantes aja Negara ku tercinta ini makin terpuruk, SDM-na ga pernah dibenahi, dikit2 Money )

Important Message :
diatas awan masih ada langit


Kaspersky Anti-Virus 2009 memang berbeda dengan versi sebelumnya, baik itu yang versi 5.0, 6.0 maupun 7.0. Kaspersky 2009 ini tidak menyediakan fasilitas atau layanan untuk update manual. Dengan kata lain updatenya memang diwajibkan untuk koneksi langsung ke internet.

Tapi sebenarnya Kaspersky sendiri telah menyediakan tools khusus untuk melakukan update secara manual yaitu Kaspersky Updater. Tools ini bisa digunakan untuk download update semua produk Kaspersky.  Adapun langkah-langkahnya sebagai berikut :

  1. Silahkan download dua file berikut ini : Update For Windows dan gui for wind updater
  2. Setelah selesai segara extract kedua file tersebut dan tempatkan dalam satu folder. Selanjutnya jalankan file KasperskyUpdater.EXE untuk download update sesuai dengan versi Kaspersky Anda.
  3. Bila sudah selesai maka klik Apply kemudian START dan tunggu sampai proses download update selesai.

Bagaimana Proses Updatenya ?

Ketika menjalankan updater ini, maka akan terdapat dua buah folder Temp dan Updates di bawah folder yang berisi file KasperskyUpdater.exe tersebut. Folder Temp berisi file-file update sementara dan untuk sepertinya juga untuk membandingkan dengan update yang ada di server Kaspersky. Sedangkan folder Updates berisi File-file update yang sudah siap digunakan untuk meng-update kaspersky

Jika proses download update sudah selesai, kita tinggal mengatur setting di Kaspersky agar proses update tidak dilakukan online, tetapi dari folder Updates diatas. Caranya sebagai berikut :

  1. Klik kanan Icon Kaspersky yang ada di systray windows ( pojok kanan bawah), pilih menu Settings
  2. Pilih menu Update dan klik Settings…
  3. Klik menu + Add dan cari lokasi folder yang berisi file-file update diatas ( folder Updates hasil download diatas)
  4. setelah ditambahkan, hilangkan tanda check untuk “Kaspersky Lab’s Update server” dan klik OK.
  5. Proses selesai, untuk mengupdate, tinggal klik kanan icon Kaspersky dan pilih menu Update. Atau dari menu Utama, pilih Update dan klik Start Update

Jika kita ingin mengambil update di warnet atau komputer lain, jangan lupa menyertakan file-file di folder Temp (dan folder ini jangan dihapus), sehingga proses update bisa berjalan cepat. Untuk folder Updates, seharusnya juga bisa digunakan untuk mengupdate Kaspersky di Komputer lainnya.

Sumber informasi :

Postingan di atas ditulis setelah saya membaca dan merenungkan petunjuk di


Terimakasih atas ilmu yang dibagikan semoga bermanfaat buat kita semua.

Update Posting Terbaru :

Ada beberapa rekan kita mengalami kegagalan download update Kaspersky dengan kode 19 : Process Canceled By User. Hal tersebut terjadi karena ada file system libraries VCRT8 yang kurang. Oleh karena itu bagi Anda yang mengalami masalah tersebut maka Anda silahkan download file system tersebut pada link di bawah ini :

Kemudian extract dan tempatkan semua filenya bersama dalam folder yang sama dengan program update di atas.

Beberapa fakta yang saya temuin ttg baterai laptop sebagai pemakai laptop dari orok.

Banyak orang menganggap kalau menancapkan charger terus2san saat memakai laptop dengan kondisi baterai terpsang adalah oke2 saja, karena laptop ada sirkuit proteksi yang otomatis memutuskan listrik saat baterai sudah penuh. Namun ternyata tidak sesimple itu, ini adalah alasannya.

1. Musuh utama dari baterai lithium adalah overcharge. Meskipun di laptop2 sekarang ada intelligent circuitnya yang stop charging setelah baterai penuh, namun saat baterai sudah berkurang lagi (karena sambil dipakai) akan otomatis charge lagi hingga penuh lagi, dan akan berulang. Masalahnya, sebenarnya setelah penuh dia ga akan langsung putus, namun msh ada waktu beberapa detik hingga menit sebelum sirkuitnya benar2 bekerja untuk memutuskan aliran charging. Nah pada saat inilah overcharge terjadi.

Jika ini diulang2 (karena laptop agan nyolok terus, dipastikan Baterai akan drop dengan cepat)

2. Musuh kedua lithium adalah life cycle. Baterai lithium mempunyai life cycle tertentu dimana tiap kali charge kapasitasnya akan semakin berkurang.

Saat sirkuit pemutus charge otomatis bekerja (memutuskan aliran listrik charge karena udah penuh, lalu otomatis mengisi lagi saat baterai udah tidak full), Mengisi baterai dari 99% ke 100% itu dianggapnya sama saja dengan mengisi dari 1% ke 100% atau 20% ke 80%, Jadi disini intelligent charging circuit malah jadi bumerang, karena akan mengurangi sisa life cycle baterai.

3. Saat baterai di charge dan di pakai secara bersamaan, panas yang dikeluarkan akan lebih besar karena ada 2 buah kondisi proses energi.

Panas yang dihasilkan bisa hampir ga kerasa sampai kerasa banget tergantung tipe laptop, padahal kita tahu panas berlebih adalah salah satu musuh utama dari perangkat elektronik…

Memakai laptop dengan memasang baterai dan charger secara bersamaan dan terus menerus, dipastikan 1/2 tahun saja kapasitas baterai anda akan drop bisa cuman sisa tinggal 1/2 nya saja dari kapasitas awal. Dan ga sampai setahun baterai anda cuman bisa ksh listrik 5-10 menit sebelum laptop padam.

Memang baterai lithium. Walaupun ga dipakai, setiap tahun kapasitasnya akan drop dengan sendiri kurang lebih 25% dari kapasitas awal saat dia dibikin (normalnya memang kayak gini gan), namun ada cara2 agar baterai laptop awet dipakai hingga 2 bahkan 4 tahun, dengan catatan kapasitasnya pasti berkurang, namun masih layak dipakai.

Cara pemakaian baterai laptop yang benar.

1. Cara kompromi : Charge baterai hingga 95%an (ga perlu 100%), pakai hingga baterai mau habis 5-10% tergantung tipe laptop, ada laptop yang 15% uda sekarat (laptop yang besar dan haus daya) ada juga yang 5% msh santai (netbook). Baru colok lagi charger sambil dipakai. Inget kalau udah mau penuh (95%an) lepas charge ulangin lagi.

2. Cara sedikit repot: Sama kayak diatas, cuman pas mau charger, laptop standby/matiin/jangan dipakai, pas udah ijo/full copot charger. Disini inteligent circuitnya biasanya bekerjanya bener, jadi ga terjadi disconnet dan charge yang berulang (karena sambil dipakai) yang menyebabkan penurunan umur baterai.

3. Cara repot. Matiin laptop, charge ampe ijo, lepas charger, lepas baterai lalu simpen di tas. Pake laptop via UPS biar aman. Pas lagi travel baru dipasang lagi tuh baterai. Cara ini ga bisa dipakai untuk laptop dengan tipe baterai yang built in (contoh: MACBOOK UNIBODY)

Test drive.
Dengan laptop baru, metode 1 umur baterai setelah 2 tahun kurang lebih capacity dari kondisi awal msh 30-40%.
Metode 2 msh sisa 40-60%
Metode 3 msh sisa 50-70%

Segitu aja masukan dari ane.
Semoga baterai awet.



Next Page »