Free HTML dan PHP Editor

Beberapa tahun kebelakang, trend membuat blog adalah untuk sekedar untuk curhat, menyimpan catatan perjalanan hidup (online diary), sharing informasi antar teman dan semacamnya. Akhir-akhir ini jika kang Rohman cermati ada trend baru yang sedang mewabah di blogosphere, apaan tuh? trend yang di maksud adalah mempercantik tampilan blog hasil rekayasa atau otak-atik tangan sendiri (pemilik blog). Fenomena ini muncul imbas dari banyak bermunculan blog-blog yang bertajuk blog tutorial. Apakah ini suatu fenomena yang buruk atau baik? jika menurut kang Rohman sendiri ini justru fenomena yang sangat baik untuk dunia blogger di indonesia. Kenapa demikian? ketika dulu pertama kali kang Rohman belajar membuat blog, hanya sedikit blog berbahasa indonesia yang mengajarkan tentang tata cara membuat blog, tapi sekarang? jangan di tanya deh, karena banyak sekali blog berbahasa indonesia yang berisi tentang tutorial blog. Ini tentunya akan membawa dampak positif bagi kemajuan di bidang teknologi untuk bangsa kita karena tutorial yang di suguhkan akan lebih mudah untuk di mengerti.

Beberapa blog yang Kang rohman kenal bertajuk blog tutorial di antaranya blog miliknya  OOM, Kang Jaloe, Ade Sanusi, Subagya, anasku, abi bakar serta sederet nama lainnya yang mungkin sudah anda kenal, dan sepertinya cewek centil yang punya panggilan Jovie sepertinya sudah melirik ke arah-arah sana juga. Dengan kehadiran mereka semua tentunya merupakan suatu kemajuan besar bagi dunia blogger di indonesia, karena tak ayal lagi, membuat blog bukan lagi suatu yang susah untuk di lakukan meskipun anda sangat buta dengan bahasa pemrograman berbasis web semisal HTML, CSS, Java Script dan lain sebagainya.

Bagi kita yang awam, di saat mengikuti tutorial mereka, terkadang ada tersirat di dalam hati dan berkeinginan agar bisa seperti mereka yang ahli-ahli, Pernah tidak terpikir seperti itu di benak anda? jika jawabannya iya, itu merupakan modal awal bagi anda untuk menjadi seorang ahli. Namun tentu niat saja tidak cukup, perlu keseriusan kita dalam mencapai keinginan tersebut. Dan di samping itu pula, ada faktor-faktor pendukung lainnya yang perlu anda miliki. Sebut saja komputer dan software-software pendukung ketika anda melakukan pembelajaran.

Ambil contoh kecil saja, jika anda ingin belajar HTML atau PHP anda memerlukan software atau tool pengolahnya. Untuk masalah ini pilihan kang Rohman jatuh kepada software MacroMedia Dreamweaver. Dengan tool ini Kang Rohman lebih mudah untuk melakukan proses belajar baik itu HTML, CSS, Java Script ataupun PHP, semuanya bisa di lakukan pada software ini. Namun MacroMedia Dreamweaver bukanlah sebuah tool yang bisa di dapat secara gratisan, harga nya pun terbilang relatif mahal. Bagi anda yang masih tetap ingin belajar namun sedikit enggan mengeluarkan biaya terlalu mahal, jangan berkecil hati dulu, karena di dunia maya sana banyak terdapat website penyedia tool gratis yang bisa anda dapatkan.

Bagi anda yang sedang belajar HTML atau PHP, anda bisa menggunakan HTML Editor atau PHP Editor. Dimana Downloadnya Kang? hehehe…tidak sabar yah… ya sudah silahkan download toolnya. Klik pada banner di bawah deh :

 

Silahkan di download jika berminat. Software ini sudah kang Rohman coba dan cukup lumayan bagus, namun karena tools ini bukan buatan Kang Rohman maka segala resiko dalam menginstall tools ini adalah sepenuhnya tanggung jawab anda.

Sebenarnya inti dari postingan ini adalah info download software di atas, akan tetapi biar sedikit seru jadinya Kang Rohman ajak muter-muter dulu

Selamat belajar dan semoga anda akan menjadi seorang ahli seperti mereka-mereka yang sudah lebih dulu dari anda.

Buat Kolom Dibawah Header Pada Magazine Template 2

Jika sebelumnya kang Rohman telah membuat tutorial tentang cara membuat kolom di atas kolom posting pada template magazine 2, maka pada kesempatan kali ini mencoba alternatif lain yaitu membuat kolom dibawah kolom header. Ini tentunya berguna bagi anda yang suka menyimpan iklan langsung di bawah header.

Jika menilik pada desain asli magazine template 2, maka anda tentu saja tidak dapat menyimpan iklan atau apa saja langsung di bawah header. Berikut desain asli dari magazine template 2 :

 

Dan kita akan membuatkan kolom baru yang langsung berada di bawah kolom header, berikut contoh ilustrasi dari penempatan iklan langsung di bawah kolom header :

 

Tertarik ingin membuat kolom langsung di bawah header? berikut adalah cara lengkapnya :

1. Silahkan login ke Blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Edit HTML.
4. Klik tulisan Download Template Selengkapnya.
5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
6. Cari kode ]]></b:skin>.
7. Copy paste kode berikut persis di atas kode  ]]></b:skin>.

   .adscolumn{
   width:933px;
   padding:10px 3px;
   background:#fff;
   margin:5px 10px 0px 10px;
   text-align:center;
   border:1px solid #C0C0C0;
   }

   .adscolumn .widget{
   }

8. Lihat ke bagian bawah, lalu cari kode berikut :

   <div id='main-wrapper'>

9. Copy paste kode berikut persis di atas kode <div id='main-wrapper'> :

   <b:section class='adscolumn' id='adscolumn' preferred='yes'/>

10. Klik tombol SIMPAN TEMPLATE.

11. Selesai.

 

Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :

 

Sekarang anda sudah bisa memasukan apa saja langsung di bawah kolom header.  Selamat mencoba!

Jangan lupa juga untuk mengunjungi para sponsor Blog Kang rohman yang ada di bawah kolom header serta di bawah posting ini agar kang Rohman rajin membuat tutorial baru !

Buat Kolom Diatas Kolom Posting Pada Magazine template 2

Tutorial kali ini khusus Kang Rohman tujukan bagi anda para pengguna template magazine 2 yang ingin menambahkan kolom baru di atas kolom posting. Ini di sebabkan setelah melakukan inspeksi ke beberapa pengguna template magazine 2, ternyata banyak diantaranya yang sering memasang iklan atau apa saja di atas kolom posting, namun tampilannya menjadi kurang enak untuk di lihat. Coba perhatikan gambar di bawah ini :

 

 

Coba bandingkan dengan gambar berikut :

 

 

Di lihat dari segi fungsi, kedua duanya memiliki fungsi yang sama yaitu memasang iklan di atas kolom posting, tidak ada yang salah dengannya. Namun, secara estetika gambar yang kedua jauh lebih baik. Disamping memiliki fungsi memasang iklan, nilai keindahan dari template tersebut tidak menjadi rusak ( itu menurut kang Rohman lho ).

Untuk menciptakan seperti gambar yang kedua seperti contoh di atas, anda perlu membuat kolom baru di atas kolom posting. Bagi yang berminat, silahkan ikuti langkah-langkah berikut ini :

 

1. Silahkan login ke Blogger dengan ID anda.
2. Klik Tata Letak
3. Klik tab Edit HTML.
4. Klik tulisan Download Template Selengkapnya.
5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
6. Cari kode ]]></b:skin>.
7. Copy paste kode berikut persis di atas kode  ]]></b:skin>.

    

   .topcolumn{
   width: 578px;
   padding:10px 0px 10px 10px;
   background:#fff;
   margin:0px 0px 10px 0px;
   text-align:left;
   border:1px solid #C0C0C0;
   }

   .topcolumn .widget{
   }

    

8. Lihat ke bagian bawah, lalu cari kode berikut :

    

   <div id='main-wrapper'>

    

9. Copy paste kode berikut persis di bawah kode <div id='main-wrapper'> :

    

   <b:section class='topcolumn' id='topcolumn' preferred='yes'/>

    

10. Klik tombol SIMPAN TEMPLATE.

11. Selesai.

 

Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :

 

 

Sekarang anda sudah bisa memasukan apa saja di atas kolom posting anda tanpa harus mengganggu keindahan dari template anda.

 

Selamat mencoba! serta jangan lewatkan, posting selanjutnya adalah tentang cara menambahkan kolom baru di bawah kolom header untuk template magazine 2. Jangan sampai terlewatkan!.

Tanya Jawab Seputar Windows Live Writer (WLW)

Pada postingan sebelumnya Kang Rohman memperkenalkan salah satu Free Offline Blogging Tool yang bernama Windows Live Writer, rupanya banyak yang tertarik juga untuk mencoba memakainya. Namun ternyata ada beberapa yang mengalami kesulitan untuk memakainya, ada juga yang menanyakan apakah Windows Live Writer (WLW) hanya bisa di gunakan untuk satu blog saja, serta ada juga pernyataan bahwa WLW ini tidak cukup berguna untuk pengguna warnet dengan alasan tool ini harus di install pada komputer warnet. Selain itu ada juga yang mengeluhkan tidak bisa menginstall tool atau software ini di komputer di karenakan harus update terlebih dahulu.

Seperti biasanya, Kang Rohman sering menjawab pertanyaan di kotak komentar melalui postingan. Tidak ada maksud lain kecuali agar jawaban dari pertanyaan tersebut bisa di ketahui oleh orang banyak, karena tidak menutup kemungkinan bahwa jawaban terbut bisa bermanfaat bagi pembaca lainnya.

Yuk langsung saja pada sesi tanya jawab seputar Windows Live Writer (WLW) :

Tanya :

Saya tidak bisa menginstall Windows Live Writer (WLW)  karena ada keterangan harus update.

Jawab :

Jawaban ini mungkin benar atau bisa juga salah. Biasanya sebelum anda menginstall WLW pada komputer anda harus terinstall yang namanya Microsoft .NET Framework. Jika itu permasalahannya, anda bisa download Microsoft .NET Framework di situs resmi Microsoft secara gratis alias free. Yang mau mencoba download, silahkan klik di sini. Setelah di download, silahkan install, jika sudah selesai coba install Windows Live Writer nya, mudah-mudahan berhasil.

Tanya :

Untuk pengguna warnet  kurang optimal karena WLW ini harus di install di komputer. Sedangkan di warnet biasanya tidak diperbolehkan oleh admin warnet untuk menginstall software.

Jawab :

Bagi anda yang suka ber internet ria di warnet ada solusi lain yaitu tidak harus menginstall WLW tersebut tapi hanya cukup di RUN atau di jalankan saja. Teknik ini pernah di bahas di blog miliknya Mas Eko. Terus terang kang Rohman belum pernah mencobanya, namun bagi anda yang berminat untuk mencobanya bisa di baca di sini!.

Tanya :

Bagaimana cara Setting Account Blog pada Windows Live writer ?

Jawab :

Bagi anda yang masih merasa bingung bagaimana cara setting atau memasukan account blog ke WLW, berikut saya tuliskan cara-caranya :

1. Silahkan buka Windows Live Writer anda.
2. Lihat ke bagian atas, di sana ada beberapa menu pilihan. Klik menu Weblog, setelah keluar option pilihan, pilih : Add Weblog Account…
3. Setelah itu akan keluar gambar seperti di bawah ini :

   

4. Karena blog yang anda gunakan adalah di blogger, beri tanda pada radio button di samping tulisan “Another weblog sevice”. Klik tombol Next >,

5. Kemudian akan keluar gambar seperti berikut :

   

6. Ada beberapa form yang harus anda isi. Tulis alamat blog anda yang ingin di setting di bawah tulisan “Weblog Homepage URL”. Misal : http://kolom-tutorial.blogspot.com. Tulis username untuk account tersebut (harus asli yang biasa di gunakan untuk blog tersebut) di bawah tulisan Username, misal : rohman_tea@gmail.com. Tulis password yang biasa di gunakan untuk account tersebut di bawah tulisan Password. Misal : ojedbelek. Beri tanda pada kotak kecil di samping tulisan Save my password. Klik tombol Next>. Setelah itu akan keluar gambar berikut tanda sedang melakukan proses ;

   

7. Setelah beberapa saat, akan keluar gambar seperti  berikut, Klik tombol “Yes” untuk melanjutkan :

   

8. Setelah semua proses selesai, akan keluar gambar seperti ini:

   

9. Klik tombol finish. Sekarang anda bisa menjajal ferforma dari WLW.Selesai.

 

Tanya :

Apakah WLW hanya bisa di gunakan untuk satu blog saja?

Jawab :

WLW bisa di gunakan untuk banyak blog. Caranya yaitu anda lakukan setting seperti cara di atas, dan tentu saja dengan alamat URL blog yang berbeda sesuai dengan keinginan. Jika anda telah melakukan setting untuk beberapa blog, ketika anda klik menu Weblog yang ada di bar menu atas, maka akan keluar beberapa judul blog yang telah anda setting. contoh gambar WLW yang telah di setting untuk beberapa blog :

 

Terlihat pada contoh gambar di atas bahwa blog blog yang sudah di setting di wakili oleh judul blog tersebut, Untuk memilih blog mana yang sedang aktif terhubung dengan WLW adalah yang di beri tanda centang di samping judul blog. Untuk memindahkan blog mana yang akan di pilih untuk posting, anda tinggal klik saja pada judul blognya.

Sebagai tambahan, WLW tidak hanya bisa di pakai untuk blog yang di blogger saja, namun bisa juga untuk flatform lain seperti blog di wordpress.

Tanya :

Bagaimana cara memakai WLW :

Jawab :

Untuk memakai WLW, silahkan buka WLW anda kemudian pilih menu Weblog, kemudian pilih blog mana yang akan di buatkan  di postingan. Klik menu File kemudian pilih New Post. Silahkan anda buat artikel yang ingin anda buat pada kotak yang tersedia, gunakan tool-tool editor yang tersedia untuk mempermudah proses editing artikel anda. Klik tombol “Publish” jika sudah yakin akan di publikasikan di blog. Lihat hasilnya di blog anda, Selesai.

 

Mungkin di cukupkan sekian saja, karena jika di tambah lagi akan terlalu panjang artikelnya dan jari kang rohman pun sudah sedikit kram.

Selamat mencoba kehandalan Window Live Writer.

Asyik Ngeblog Bersama Window Live Writer

Sudah pasti banyak yang sudah tahu apa itu Window Live Writer, namun tentunya masih ada dari pengunjung blog Kang Rohman yang belum tahu tentang ini. Apa sih Window Live Writer itu? Window Live Writer adalah tool yang di buat khusus untuk para blogger agar bisa melakukan aktivitas blogging alias ngeblog secara offline. Lho kok, masa sih ngeblog bisa secara offline?“Ga mungkin…ga mungkin…semua itu terjadi” (sambil di nyanyikan ala band “SLANK”).

Jika anda termasuk orang yang baru di dubia blogging, untuk urusan posting artikel pasti harus login ke blogger dan mengerjakannya pada dashborad posting yang di sediakan oleh blogger. Nah, cara itu adalah cara lama alias kuno. karena sekarang sudah banyak tool gratisan yang bisa ngepost artikel tanpa harus masuk dashboard blogger terlebih dahulu. Sebut saja tool Wbloggar, Scribefire, Post2blog, serta Window Live Writer yang sekarang sedang Kang Rohman Bahas. Masih belum faham juga apa itu offline blogging? secara singkat begini, anda tinggal membuat artikel pada offline blogging tool yang anda gunakan, lalu tinggal klik tombol Publish dan secara otomatis artikel anda akan terpampang di blog anda.

Dari sekian banyak offline blogging tool yang Kang Rohman coba kehandalannya, ternyata Kang Rohman jatuh hati terhadap produk Microsoft Corporation ini. Pertimbanga-pertimbangan kenapa kang Rohman memilih Window Live Writer sebagai partner dalam hal melakukan blogging adalah sebagai berikut :

 

1. Bisa Offline Blogging. Artinya kang Rohman ketika menulis sebuah artikel untuk di posting ke blog yang kang rohman inginkan tidak harus masuk terlebih ke dahboard blogger, sehingga tidaklah wajib untuk tersambung ke internet (offline) terlebih dahulu. Yang pasti ini adalah sebuah nilai plus untuk mengurangi beban biaya berinternet ria, apalagi jika biaya internet anda adalah berdasarkan quota pemakaian.
2. Tampilan yang menarik. Ketika pertama kali mencoba tool ini, Kang Rohman langsung jatuh hati dengan tampilan post editornya yang ciamik abis.
3. Tool Editor yang komplit. Jika anda terbiasa menggunakan editor blogger, maka ketika menggunakan Window Live Writer anda akan di suguhkan dengan suasana yang serba baru, karena tool-tool yang di suguhkan boleh di bilang sangat komplit, dan boleh di bilang juga serasa menggunakan Mcrosoft Word yang terkenal itu. Yang pasti, jika hanya urusan membuat tabel, rekayasa gambar, dan lain sebagainya menjadi urusan yang sangat mudah untuk di lakukan.
4. Editor gambar yang powerfull. Window live writer terbaru memiliki tool editor gambar yang handal, hanya dengan satu kali klik bisa membuat berbagai efek gambar yang sangat menarik. Ini tentu saja sangat berguna karena bisa menghemat waktu. Contoh efek-efek yang bisa di ciptakan oleh WLW misalkan seperti : Drop shadow (membuat bayangan), Photopaper (kertas photo), Reflection(refleksi), Rounded Corner (sudut membulat), Water mark, black and white, Sepia tone, Dan lain sebagainya. Semua itu hanya memerlukan satu klik saja. Contoh beberapa efek gambar yang bisa di ciptakan oleh WLW :

   

   

   Sangat menakjubkan bukan? anda hanya tinggal pilih efek apa yang di inginkan.

5. Tidak memerlukan upload gambar. Pada WLW versi terbaru, anda tidak memerlukan upload gambar terlebih dahulu karena akan di upload secara otomatis ke picasa web album.

6. Multi Preview Editor. Anda bisa memilih editor yang anda sukai, dalam versi HTML atau versi biasa (WYSUWYG), serta web preview untuk melihat secara real.

7. Penambahan Plugin. Sama halnya dengan FireFox yang sangat terkenal dengan fitur Add-On nya agar performa firefox lebih handal. WLW pun ada fasilitas Add-Plugin, berbagai plugin untuk menambah kehandalan WLW bisa anda download dan anda tambahkan sesuka hati. Contoh plugin yang Kang rohman sukai adalah plugin Insert a smiley! agar bisa seperti ini atau juga bisa  dengan leluasa .

8. Dan masih banyak lagi kelebihan WLW sehingga memang tool ini layak untuk di pilih dan di pergunakan.

 

 

Beberapa hari yang lalu, ada yang bertanya, bagaimana cara membuat fungsi Read more atau Baca Selengkapnya ketika posting memakai Window Live Writer (WLW)? Caranya terbilang sama dengan memakai editor blogger, bedanya adalah jika dengan menggunakan post editor blogger anda memilih tab Edit HTML, sedangkan untuk WLW anda terlebih dahulu pilih tab Source (bingung? harus langsung praktek biar tidak bingung) lalu masukan kode Read more nya. tentang cara-cara membuat fungsi Read more atau Selengkapnya sudah Kang rohman Bahas pada artikel “Trik Mudah Membuat Read more”.

 

Mau mencoba kehandalan Window Live Writer? silahkan download langsung di http://get.live.com/writer/overview atau di http://windowslivewriter.spaces.live.com. Untuk menambahbah berbagai Plugin, bisa di download di http://gallery.live.com

 

Selamat NgeBlog Ria bersama WLW!

Free Icon Untuk Blog Dan Website

Bagi anda yang suka menghiasi blog atau website dengan berbagai macam icon agar terlihat lebih cantik, di bawah ini ada beberapa website yang menyediakan icon-icon cantik untuk bisa di download secara free atau gratis. So pasti anda tidak perlu lagi besusah payah hanya untuk sekedar urusan icon, download dan pasang dengan sesuka hati di blog anda.

 

1. http://icontexto.blogspot.com

 

Contoh icon yang bisa di download :

 

Dan masih banyak lagi koleksi icon yang sangat cantik, sayang jika di lewatkan, coba kunjungi saja blognya.

 

2. http://jwloh.deviantart.com

 

Contoh icon yang bisa di download :

 

Silahkan kunjungi situsnya, dan download berbagai icon yang cantik secara gratis.

 

3. http://marcelomarfil.deviantart.com

 

Contoh icon yang bisa di download :

 

 

Siapa yang mau lihat-lihat dan sekaligus mendoanload icon cantik-cantik ini?

 

4. http://www.webappers.com

 

Contoh icon :

 

 

Dan masih banyak lagi icon-icon cantik lainnya.

 

5. http://www.zeusboxstudio.com

 

Contoh icon  yang bisa di download :

 

 

6. http://www.vistaicons.com

 

 

7. http://itweek.deviantart.com

 

 

 

8. http://lecoupdulapin.deviantart.com

 

 

9. http://csscreme.com

 

 

 

 

10. http://stinky9.deviantart.com

 

 

 

Dan banyak lagi icon-icon yang bisa anda dapatkan secara free atau gratis, caranya sangat mudah, anda tinggal tulis keyword Free Icon pada search engine google yang ada di sebelah kanan atas blog ini. Selamat berdownload ria.