ClickMore

Cara Termudah Membuat Favicon Sendiri_ Pada tutorial kali ini penulis mau mengulas mengenai Cara Termudah Membuat Favicon Sendiri. Ide pembahasan mengenai topik diatas adalah hasil pemikiran yang mendalam akan sebuah cara, yakni cara membuat favicon sendiri tanpa harus ahli dalam bidang desain grafis seperti Photoshop, coreldraw atau aplikasi semacamnya. Penulis sadar bahwa hampir tidak mungkin semua blogger,-apalagi blogger pemula-menguasai program photoshop, coreldraw atau sejenisnya. Mengingat dewasa ini, alangkah mudahnya seseorang membuat website/weblog karena sudah banyak situs penyedia blog atau website secara instan meskipun orang tersebut tidak banyak menguasai pemograman ataupun desain grafis. sedangkan website/blog yang sempurna hampir dipastikan dambaan semua orang.

Alasan pertama penulis mengulas dengan judul Cara Termudah Membuat Favicon Sendiri adalah karena kebanyakan dari artikel yang sudah ada menyarankan untuk membuat format loggo dengan menggunakan program photoshop dan coreldraw atau semacamnya. Sedangkan tidak semua blogger menguasai 2 program tadi hanya untuk membuat loggo sederhana. Alasan yang kedua adalah sebagai alternatif bagi blogger yang ingin mengubah faviconnya tanpa harus mendalami terlebih dahulu design grafis dengan program photoshop atau coreldraw.

Bila anda belum mengerti apa itu favicon? penjelasan ini mungkin bisa buat paham apa itu favicon.Favicon sendiri menurut pengertian Wikipedia adalah icon utama yang muncul pada address bar sebelah pojok dan biasanya merupakan logo dari website tersebut, dan biasanya dikenal dengan shortcut icon, website icon atau url icon. Bentuknya pun biasanya hanya berupa huruf yang mewakili dari nama situs yang bersangkutan. Dengan kata lain favicon adalah logo website yang berupa huruf berjumlah satu atau dua sebagai simbol dari suatu website dan letaknya di adress bar.

Membuat logo yang mudah tanpa harus menguasai photoshop dan coreldraw adalah dengan menggunakan huruf yang dipakai pada awal judul website. Apabila judul website kita terdiri dari satu kata maka bisa dengan menggunakan satu huruf awal dari judul website tersebut. Contohnya situs Blogger dengan iconnya berupa huruf  B warna orenge, Google dengan huruf G berwarna biru, dan Yahoo dengan huruf Y dan blog saya yang lainnya seperti ini. Favicon dalam situs itu adalah salah satu jenis favicon yang pembuatanya tidak dengan program photoshop atau coreldraw, tetapi menggunakan program MS Word. Tapi hasilnya gimana? menarik bukan tidak kalah dengan logo yang  pembuatanya menggunakan coreldraw atau photoshop?.


Setelah mengerti apa yang dinamakan favicon-bagi blogger pemula khususnya, sekarang kita langsung pada teknis pembuatanya. Seperti pada pembahasan diawal bahwa pada ulasan kali ini kita akan membuat favicon tidak dengan program photoshop atau coreldraw seperti yang lazim dipakai oleh webmaster/blogger yang sudah mahir, tetapi dengan menggunakan bantuan program MS. Word. Langkah-langkahnya adalah sebagai berikut:

Cara Pertama

1. Buka program MS. Word > File > New.

2. Buatlah tulisan atau berupa huruf yang akan digunakan sebagai logo dengan WordArt, lalu pilih type yang akan dipakai. Aturlah ukuran dan warna yang dipakai sesuai dengan keinginan.

3. Captur atau screenshot Wordart tadi dengan menekan tombol "Print Screen SysRq" pada keyboard anda. Kemudian anda buka program Paint.


4. Setelah jendela program Paint terbuka klik menu edit lalu pilih paste dan simpan.


5. Langkah selanjutnya adalah mengedit gambar-karena gambar tadi masih gambar mentah (karena hasil screenshot tentunya masih berupa gambar layaknya halaman window seperti pada gambar 01.), Agar bisa berbentuk logo anda harus mengeditnya. Cara mengeditnya apabila anda sudah punya account image hosting seperti Photobucket, anda tinggal mengupload dan mengeditnya disana. Tapi bagi anda yang belum punya account image hosting seperti photobucket atau picasa, anda bisa mengedit gambar tadi menggunakan program "Microsoft Office Picture Manager".



10. Simpanlah gambar hasil download tadi dengan nama aslinya, umumnya seperti ini "favicon.ico".


11. Sebelum anda pasang ke blog alangkah baiknya untuk menyimpan terlebih dahulu di image hosting anda.

12. Buka account blogger anda kemudian masukan link favicon anda dengan format seperti ini : <link rel="shortcut icon" href="/favicon.ico" >. Dan letakan kode tersebut ditemplate blog anda di atas kode <head>

13.Untuk yang berwarna orenge anda ganti dengan alamat link file favicon dari image hosting anda.

14.Sebelum anda simpan, liat dulu hasilnya dengan mengklik "Pratinjau".  Baru anda simpan. Demikianlah ulasan mengenai "Cara Termudah membuat Favicon Sendiri". Selamat Mencoba...!

Pada Tutorial kali ini penulis akan mengulas "Tip: Membuat Kotak/Tabel di Postingan Blogspot". Hal ini dirasa perlu diulas oleh penulis mengingat masih banyak blogger yang masih kesulitan dalam menyisipkan kotak atau tabel dalam postingan blog, apalagi bagi blogger pemula.

Agar pesan yang disampaikan dalam sebuah artikel bisa dengan mudah dipahami oleh pengunjung suatu blog, apalagi tema yang dibahas berkaitan dengan data, penggunaan tabel atau kotak tidak bisa diabaikan. Fungsi kotak atau tabel itu sendiri adalah untuk mempertegas dari data yang akan disampaikan sekaligus agar data tersebut terlihat rapi. Selain itu, bisa juga penggunaan tabel atau kotak dalam postingan menambah format artikel terkesan profesional.

Dewasa ini memang banyak situs-situs penyedia aplikasi yang membantu kita untuk membuat kotak atau tabel secara instan. Dan kita tinggal mengkonversinya ke dalam postingan blog. Tetapi jika kita mau memperdalam dunia blogging, pembuatan kotak secara manual dapat memperdalam pengetahuan kita mengenai kode-kode html. Karena sejatinya untuk menampilkan data atau tabel sekalipun agar bisa ditampilkan oleh browser sesuai dengan harapan kita, bentuk perintahnya dengan menyisipkan tag dari kode-kode html.

Meskipun dari segi prosesnya kita membutuhkan banyak waktu dan tenaga, bahkan mungkin biaya-bagi blogger yang menggunakan warnet-tetapi langkah seperti itu justru mengasah kita mengenai kode-kode html. Karena pada dasarnya semakin banyak kita mempraktekan suatu ilmu atau pengetahuan, kecendrungan untuk cepat mahir lebih besar dibandingkan hanya membacanya.

Oke deh untuk menghemat waktu langsung saja kita bahas mengenai cara-caranya. Sebelumnya, seperti yang penulis singgung diatas tadi bahwa untuk membuat kotak atau tabel dipostingan, maka kita harus menyisipkan kode-kode html. Untuk mengetahui dasar-dasar kode html anda bisa klik disini Nah berikut ini adalah kode-kode htmlnya.

Perlu anda ketahui bahwa tag dasar html untuk membuat kotak adalah <table> dan di akhiri dengan tag </table>. Tetapi jika anda hanya membuat tag <table> saja seperti di atas, browser tidak akan menampakan bentuk kotak/tabel seperti yang anda inginkan. Penggunaan tag <table> harus digabungkan dengan tag <tr> dan tag <td>.

Tag <tr></tr> fungsinya untuk menampilkan baris pada tabel atau kotak. Sedangkan tag <td> berfungsi untuk menampilkan jumlah kolom  yang dibuat dalam sebuah kotak/tabel. Jadi apabila anda ingin membuat tabel/kotak yang berisi 3 kolom dan 3 baris dengan baris pertama dengan huruf bercetak tebal, maka anda harus menuliskan tag seperti dibawah ini:

<center>
<table border="1" style="width: 150px;"><tbody>
<tr>
<td align="center"><b>No</b>
<td align="center"><b>Nama</b></td>
<td align="center"><b>Alamat</b>
</td> </tr>
<tr>
<td align="center">01</td>
<td align="center">Victor</td>
<td align="center">Tegal</td> </tr>
<tr>
<td align="center">02</td>
<td align="center">Samuel</td>
<td align="center">Slawi</td> </tr>
</tbody> </table>
</center>

Dan hasilnya seperti dibawah ini

No	Nama	Alamat
01	Victor	Tegal
02	Samuel	Slawi

Keterangan :
Tag <center> pada awal enulisan adalah tag perintah untuk menampilkan kotak/tabel posisi ditengah dan diakhiri dengan tag penutup </center>
tag <table> adalah tag perintah untuk menampilkan tabel dan diakhiri dengan tag penutup </table>
Tag <tr>adalah tag perintah untuk menampilkan baris pada tabel dan ditutup dengan tag </tr>. Tag <td> adalah tag perintah untuk menampilkan kolom dalam tabel tersebut. Sedangkan tiap-tiap tag tersebut harus berpasangan dengan tag serupa tetapi harus menambahkan "/" diawalnya.

Nah sekarang bagaimana kalau mau menambahkan kotak atau tabel berbackground warna? caranya adalah dengan menambahkan saja atribut color pada tag <tr>nya. Berikut ini contohnya:

<center>
<table border="1" style="width: 150px;">
<tbody>
<tr bgcolor="#66ccff">
<td align="center"><b>No</b></td>
<td align="center"><b>Nama</b></td>
<td align="center"><b>Alamat</b></td>
</tr>
<tr>
<td align="center">01</td>
<td align="center">Victor</td>
<td align="center">Tegal</td>
</tr>
<tr>
<td align="center">02</td>
<td align="center">Samuel</td>
<td align="center">Slawi</td>
</tr>
</tbody>
</table>
</center>

Maka hasilnya seperti dibawah ini

No	Nama	Alamat
01	Victor	Tegal
02	Samuel	Slawi

Sedangkan untuk membuat tabel/kotak dengan seluruhnya berlatar warna, caranya dengan menambahkan atribut color pada setiap tag <tr> nya. nah untuk penulisan tagnya seperti ini :

<center>
<table border="1" style="width: 150px;"><tbody>
<tr bgcolor="#66ccff"><td align="center"><b>No</b></td>
<td align="center"><b>Nama</b></td>
<td align="center"><b>Alamat</b></td>
</tr>
<tr bgcolor="#66ccff"> <td align="center">01</td>
<td align="center">Victor</td>
<td align="center">Tegal</td>
</tr>
<tr bgcolor="#66ccff"> <td align="center">02</td>
<td align="center">Samuel</td>
<td align="center">Slawi</td>
</tr>
</tbody>
</table>
</center>

Maka hasilnya seperti kotak/tabel dibawah ini :

No	Nama	Alamat
01	Victor	Tegal
02	Samuel	Slawi

Selain anda bisa membuat tabel/kotak yang berisi data berupa teks atau angka, anda juga bisa mengisi tabel dengan gambar atau gambar berlink. Namun insya Allah pada kesempatan lain akan penulis ulas. Kiranya hanya cukup sampai disini dulu penulis ulas mengenai cara membuat kotak/tabel di postingan blogspot.  Semoga bermanfaat....!

Menambah gambar di postingan blog memberikan kesan dinamis pada halaman blog. Selain halaman terlihat ramai, gambar atau image yang disertakan bisa juga dijadikan icon dari postingan tertentu sehingga memperbanyak navigasi ke halaman tersebut. Jadi, kesempatan terindeks oleh Search Engine lebih besar.

Pada kesempatan kali ini penulis ingin berbagi mengenai topik "Memperbesar Image/Gambar di Postingan Blogspot". Ide yang mendasari penulisan artikel ini adalah manakala penulis sedang bernostalgia di masa lalu, tepatnya waktu menambahkan image di postingan agar terlihat lebih besar terasa susah sekali. Hingga artikel ini di publikasikan, penulis masih terbayang jelas susahnya memperbesar image/gambar di postingan blogspot hingga berkeringat banyak. Maklum, penulis bukan dari background komputer atau internet. Yah itulah sekelumit kenangan yang bisa di ceritakan. Dan hingga proyek selesai, penulis bertekad untuk membagikan pengalaman yang dikemas dalam artikel yang berjudul seperti diatas.

Sama dengan pengalaman penulis dulu, penulis yakin bagi blogger khususnya mungkin sedang dilanda penasaran bagaimana caranya memperbesar image/gambar di postingan. Okelah dari pada panjang lebar bercerita mengenai pengalaman culun, langsung saja kita ikuti caranya...!

1. Login ke account blogger anda
2. Sotot dan pilih "New Posting" lalu isikan artikel yang akan anda publikasikan, kemudian letakan kursor dimana gambar/image akan diletakan.

3. Klik icon "insert image" lalu tentukan letak file yang akan diupload dan klik OK.
4.Setelah gambar  nampak dipostingan, klik dua kali (double click) hingga muncul tombol edit


5. Pada gambar panah diatas tepat dibawah gambar ada beberapa tools. Diantaranya :

1. Small  2. Medium  3.Large  4. X Large 5. Original Size. 

Pilih dan klik ukuran yang dikehendaki.

Demikianlah topik "Memperbesar Gambar di Postingan Blogspot". Semoga bermanfaat bagi anda dan bernilai ibadah buat penulis. Akhir kata sebelum anda meninggalkan blog ini, jangan lupa absen dengan membubuhkan jempol cantik anda di Fans Page di sidebar sebelah kanan....!


Akhir kata.... Wassalam....!

PT. Niagatama Retalindo ( MAYORA ), kami adalah perusahaan Distribusi Fast Moving Consumer Good ( FMCG) yang terkemukan. Area kerja kami menjangkau seluruh wilayah Nusantara. Saat ini kami membutuhkan tenaga professional untuk mengisi posisi:



Branch Sales Manager Kode : BSM-NR
Bandung (Jawa Barat), Cirebon (Jawa Barat), Sukabumi (Jawa Barat), Tasikmalaya (Jawa Barat), Pontianak (Kalimantan Barat), Balikpapan (Kalimantan Timur)

Requirements:

Pria/Wanita, Usia maksimal 35 tahun
Pendidikan S-1 Segala Jurusan, menguasai MS Office
Memiliki pengalaman minimal 3 tahun pada posisi yang sama.
Diutamakan berpengalaman di Consumer Good / Distribusi
Memiliki Sales Skill dan beroriontesi pada target .
Jujur, Tegas, disiplin, kreatif dan memiliki jiwa kepemimpinan.
Bersedia di tempatkan di: Sukabumi, Tasikmalaya, Bandung, Cirebon, Samarinda, Pontianak, Balikpapan

Kirim surat lamaran beserta CV, pas foto terbaru dan dokumen pendukung lainnya, serta cantumkan kode posisi serta wilayah penempatan pada Subject email ke:

hartoyo@mayora.co.id