Friday, October 28, 2016

Cara mudah menginstal Nero 6
pada jaman sekarang banyak sekali media untuk membakar atau biasa kita kenal nge-burn file ke dalam sebuah CD atau DVD.
tetapi, kali ini saya akan berbagi ilmu sedikit tentang bagaimana sebenarnya media apa yang cocok untuk nge-burn CD tersebut. salah satunya dengan menggunakan nero 6.
berikut langkah-langkahnya:


1. Langkah pertama yang harus dilakukan untuk menjalankan proses instalasi adalah memasukan CD installer Nero 6 kedalam CD-ROM RW.
ada tips nya nih agar prosesnya berjalan dengan baik, sebaiknya pada saat menjalankan instalasi program-program pada jendela windows ditutup atau di close, ini bertujuan agar program berjalan maksimal

2. kemudian, anda pilih atau klik nero.


3. Biasanya pada saat penginstalan akan dimintai lisensi atau kode untuk menjalankan instalasi. kalau dirasa anda menyetujuinya pilih accept all terms of the praceding license agreement yang berguna untuk melanjutkan step berikutnya.


4. pilih Next, maka akan menampilkan identitas pemilik lisensi isi kolom yang ada sesuai ketentuan.


5. pilih next, maka komputer akan langsung menjalankan proses instalasi Nero 6.



6. langkah terakhir pilih finish untuk mengakhiri instalasi.

Thursday, October 27, 2016

Cara membuat Blog Ramai Pengunjung dan Ramai Komentar



Cara membuat Blog Ramai Pengunjung dan Ramai Komentar - Hai readers... setelah beberapa waktu lalu penulis melalui windyananda73@blogger berbagi cara mendatangkan visitor tanpa SEO maka di kesempatan ini penulis akan memberikan cara membuat blog ramai pengunjung dan komentar. Pengunjung atau Visitor adalah harga mati untuk sebuah blog. Dan sebagai seorang admin blog pastinya anda ingin jika blog anda ramai pengunjung dan ramai komentar di tiap postingan yang anda buat. 
Saat kita membuat blog pastilah kita ingin blog yang kita buat dikunjungi banyak orang, Itu adalah suatu hal yang wajar. Selain hal tersebut diatas pastilah kita juga menginginkan banyaknya komentar di dalam tiap postingan blog kita. Kalau tidak buat apa kita susah-susah membuat blog? Benar tidak sobat? :) dengan banyaknya komentar yang masuk. Dipastikan pula banyak pengunjung yang mengunjungi blog kita.

pengunjung dan komentarSudah banyak penjelasan yang membahas tentang cara agar blog ramai pengunjung dan memperoleh banyak komentar. Tetapi cara yang diulas di kang-ismet sangat menarik perhatian saya. Kenapa? Karena disampaikan dalam sebuah cerita antara seorang pemula dan seseorang yang sudah malang – melintang dan berpengalaman didalam dunia blogging. Dan cerita tersebut saya ceritakan kembali dan saya hadiahkan kepada para sobat dalam versi saya dan mungkin ada beberapa penambahan didalamnya.
Pada Zaman dahulu kala ada seseorang yg baru mengenal dunia blogging dan mencoba membuat blog . Dan sebut saja New. Dengan seiring berjalannya waktu dengan penuh semangat menggebu si New membuat postingan demi postingan hingga berjalan sampai berbulan-bulan lamanya. Tapi blog si New masi saja sepi pengunjung dan hanya ada beberapa komentar yang tercantum di blognya.
Hingga akhirnya si New berfikir untuk mencari seseorang yang bisa membantunya dalam memecahkan masalah tersebut. Dan hingga akhirnya si New menemukan seseorang yang bisa membantunya, sebut saja si Old. Walaupun mereka berhubungan hanya lewat email.
Si New : Saya sudah membuat blog dan postingan saya lumayan banyak. Tapi kenapa hanya ada beberapa komentar dan sepi pengunjung? Minta saran dong....
Si Old : Saya sudah mengunjungi blog sodara dan saya merasa pengunjung malas mengunjungi blog sodara karena loading blog sodara terlalu lama/berat. Coba buatlah loading blog anda lebih cepat dengan menghapus beberapa widget yang tidak diperlukan.
Mendapat saran seperti itu kemudian si New membenahi blognya dia buang widget yang tidak berguna , sekarang blognya sudah jauh lebih ringan. Tapi dia merasa kalau blognya masih sepi pengunjung dan komentar. Kemudia si New pun kembali menghubungi Si Old.
Si New : Blog saya sudah ringan, tapi sampai sekarang masi sepi-sepi saja blognya. Ada saran?

Si Old : Memang blog anda sekarang sudah ringan loadingnya, akan tetapi tampilan blog anda tidak menarik. Tulisan sulit untuk dibaca, dan komposisi warna sangat mencolok sehingga pengunjung malas mengunjungi apalagi berkomentar di blog sodara.
Dengan segera si New membenahi blog nya agar tulisan dapat dibaca dengan jelas. dan merubah komposisi warna agar tidak terlalu tajam dan bisa serlaras dengan tema. tapi tetap saja blog nya masi sepi. kemudian diaberkonsultasi kembali dengan si Old
Si New : Blog saya kini sudah ringan tampilan sudah bagus, tapi pengunjung blog saya masi sepi. 
Si Old : Blog anda sekarang lebih baik baik dari sebelumnya tapi content artikel sodara tidak berkualitas. saya lihat banyak artikel copas didalamnya, bahasa yang tidak jelas, dan lain-lain.
Dengan usaha keras, akhirnya Si New berhasil membuat Artikel yang masi fresh dengan penataan kata-kata yang bagus dan mudah di pahami pengunjung. Dengan perlahan pengunjung pun meningkat dengan pasti. Dan ternyata dia masi bingung kenapa masi sepi dengan komentar? kemudia Si New menghubungi SI Old kembali.
Si New : Sekarang blog saya sudah lumayan banyak pengunjung tapi kenapa masih sepi komentar?
Si Old : Artikel yang sodara buat memang bagus, dan memungkinkan muncul pertanyaan. tapi saya enggan berkomentar karena anda menggunakan komentar dari facebook. saran tombol like/share ke facebook lebih bermanfaat.
Si New kemudian sadar bahwa tidak semua pecinta blogger menyukai facebook atau mungkin dulu pernah suka dan sekarang sudah bosan dengan facebook. setelah ganti ke komentar standart masi sepi pengunjung lagi, kemudian si New kembali bertanya kepada Old.
Si New : Sekarang saya sudah kembali ke komentar standart tapi kenapa masi sepi pengunjung?
Si Old : Verifikasi captcha yang menyebabkan Pengunjung malas berkomentar.
Si New telah menghilangkan verifikasi captcha dan karena masi sepi komentar si New bertanya kembali kepada Old.
Si New : Captcha sudah saya hilangkan tapi kenapa masi sepi pengunjung?
Si Old : Coba saya buat komentar di blog sodara, semangat sekali saya ingin membuatnya. tetapi kenapa ada tulisan "Komentar akan muncul setelah dimoderasi"? itu yang membuat saya malas berkomentar lagi di blog sodara.
Wah wah ternyata masi adalagi ya yang harus di benahi. demikian fikiran si New. dan iapun membenahi apa yangdisampaikan oleh si Old. dan ternyata blog si new masi sepi dengan komentar maka ia kembali menghubungi si Old. 
Si New : Sekarang blog saya sudah ringan, tampilan bagus, content berkualitas, komentar mudah, dan tanpa moderasi tapi kok masi sepi?
Si Old : Saya lihat sodara jarang menjawab komentar yang ada, saya malas berkomentar di blog sodara.
Kemudian si New mempelajari komentar demi komentar dan menjawab pertanyaan dengan sebaik mungkin. tapi si new belum puas dan dia bertanya kembali kepada Old.
Si New : Saya sudah berusaha ramah dan memberikan jawaban atas peprtanyaan pengunjung. apalagi yang kurang?
Si Old : Mungkin sodara tidak pernah menulis komentar di blog pengunjung yang berkomentar. jadi pengunjung malas untuk berkomentar di blog sodara. bagaimana blog sodara bisa dikenal luas di kalangan blogger kalau sodara tidak mengunjungi mereka?
Dengan saran tersebut kemudian si New sadar bahwasanya dia telah melupakan sesuatu yang penting untuk kembali melihat blog-blog lain. 
Sobat, Semoga gambaran diatas menjadi sebuah pelajaran bagi kita. bahwa kita adalah makhluk sosial yang tidak bisa hidup tanpa orang lain. Saya pribadi masi newbie didunia blogging dan belum bisa melaksanakan semua hal tersebut diatas. mungkin karena terbentur pekerjaan atau aktivitas lainnya. 
Inti dari yang tersebut diatas adalah. blog yang ringan loadingnya, tampilan menarik, content yang original dan berkualitas, dengan mempertimbangkan pemasangan captcha dan moderasi komentar. itu dapat menarik pengunjung ke blog kita. Selain semua itu kita hal yang juga penting adalah melakukan blogwalking dan ramah tamah terhadap pengunjung blog dan menjawab komentar-komentar yang ada. 
Demikian sedikit yang bisa saya berikan mengenai cara membuat blog ramai pengunjung dan ramai komentar. Semoga bermanfaat bagi anda. Salam Blogger Indonesia!!!

Cara membuat Blog Menarik dan Keren (Mempercantik Tampilan Website)

Bagi para master, mungkin Cara membuat Blog Menarik, Keren (Mempercantik Tampilan Website) ini bukanlah hal yang sulit dilakukan karena mereka telah paham dengan baik tekniknya, tapi bagi yang pemula alias newbie soal blogger tentu butuh pencerahan soal ini. Dan berhubung kita sudah menyelasaikan ulasan lengkap soal tutorial cara membuat blog sebelumnya, jadi silahkan merujuk ke sana buat yang belum paham. Tapi bila sudah maka fokuslah membaca segala saran dan rahasia yang akan dipaparkan berikut. Perlu diketahui bahwa dalam tips ini hanya ada 3 bagian yang harus dituntaskan, yaitu domain, theme, dan plugin atau widget
Menarik dan keren bisa punya banyak makna, tapi apa yang penulis tangkap dari hasil riset ringan di mesin pencari google, ternyata yang diinginkan dari banyak pemula adalah tampilannya yang bagus dengan jalan mempercantik template-nya agar enak dipandang, mulai dari warna, tata letak, widget dan segala pengaturan di dalamnya. Dan berhubung semua hal menyangkut cara otak-atik blog sudah saya lakukan semua sebelumnya, kurang lebih 3 tahun lamananya, jadi tidak ada yang sulit untuk menerangkan ini, apalagi kalau niatnya untuk berbagi kepada kawan-kawan semua.

Mempercantik blog – Cara Membuat Blog Menarik

Ada banyak bagian yang harus dilakukan untuk menghasilkan sebuah blog yang tampilannya tampak menarik dan cantik seperti milik kebanyakan blogger umumnya. Dan berikut poin penting yang harus anda perhatikan:
agar blog lebih menarik

1.    Domain

Bagian ini mungkin menurut banyak orang tidak perlu di perhatikan, padahal blog akan tanpak professional kalau domain (alamat linknya) juga bagus. Nah pada tahap awal ini disarankan merubah domain blogspot anda (missal : bikinblog.blogspot.com) menjadi .com (dot com), seperti caraspot.com dan lainnya. Mengapa demikian? Karena dengan melihat alamat blognya saja orang sudah bisa tahu bahwa ia dibuat dengan serius sehingga isi artikelnya juga paling tidak berbobot dan bisa dijadikan referensi, ini biasanya sudah bisa diputuskan oleh pengunjung saat pertama kali melihatnya di mesin pencari, apakah akan diklik untuk dikunjungi atau tidak, nah disinilah keuntungan yang sudah mempunyai blog .com. Tapi sebenarnya bukan cuma sampai disitu keunggulan dari blog dengan domain berbayar, masih banyak lagi.

a.  Merubah alamat

Banyak yang belum tahu kalau ternyata blogspot gratisan itu bisa dirubah jadi .com dengan lokasi servernya yang tidak berubah, yakni masih ditempatkan di blogspot, hanya saja domainnya sudah dirubah. Caranya adalah cukup dengan mengunjungi situs yang menyediakan pembelian untuk domain, salah satunya adalah www.rumahweb.com, silahkan buka websitenya lalu ketik nama domain yang kamu inginkan, kalau misalnya sudah dimiliki orang maka kamu bisa cari alternativ dengan mengganti ekstensinya, seperti .net, .info, .org, atau yang lainnya. Jika sudah, langsung order saja dengan mengikuti langkah-langkahnya sesuai yang tertera, tapi jika tidak tahu minta bantuan operatornya dengan cara Chating langsung. Jika sudah, tinggal kamu minta langsung pada admin Rumahweb untuk dibantu mengarahkan ke blogspot, biasanya mereka akan meminta password login blog dan domainmu, gampang kan?

b.  Usahakan seo friendly dan mudah diingat

Memilih domain yang SEO Friendly di sini maksudnya adalah yang mengandung kata kunci, misal anda buat blog soal panduan buat email, maka usahakan saat membeli domain memilih minimal yang ada kata Email-nya walau tidak semua keyword yang diincar disertakan, misal emailbaru.com dan selainnya. Adapun kalau kita mau lebih sempurna lagi maka kita cari nama yang lebih bagus minimal dua kata dan kata-katanya familiar, sebagai contoh ada yang buat website penyedia domain kemudian dia memilih alamat domainesia.com , kan ini selain SEO juga keren karena ada kata Nesia dibelakangnya yang merupakan potongan kata dari Indonesia yang merupakan tanda bahwa penyedianya orang asli pribumi.
Mengenai pemilihan domain yang menarik, sebagaimana nama Caraspot ini kami temukan, sebaiknya baca tipsnya dan gunakan tools menemukan domain keren (silahkan baca).

2.    Template

Ini sebenarnya poin penting jika kita ingin mempercantik tampilan sebuah blog agar terlihat menarik dan keren, karena dari bagian inilah kita melakukan pengeditan tata letak widget-nya, mengatur jarak letaknya, hingga mengganti warna latar, gambar dan lain sebagainya. Tapi karena berhubung ini pembahasannya panjang, kita bahasa satu per satu di bawah ini:

Bikin website telihat keren

1.  Mengganti Template jadi Profesional

Untuk bisa memiliki template/skin atau tampilan blog yang menarik dan tampak bagus layaknya blogger professional maka syaratnya kita harus merombak semua, tapi soal ini bukan berarti kita harus rubah satu per satu kode scriptnya karena kalau bukan Programmer sudah pasti tidak akan bisa melakukannya. Solusinya adalah dengan jalan mengganti template bawaan dengan yang baru, berikut caranya :

a.  Untuk Blogspot

  1. Kunjungi situs http://btemplates.com/
  2. Pilih template yang bagus tampilannya, dan karena sekarang lagi marak penggunaan HP pintar untuk mengakses internet maka disarankan pilih jenis template yang ukurannya bisa menyesuaikan semua gadget dan perangkat, dalam hal ini disebut juga dengan Template Responsive. Kebetulan di tahun 2015-2016 ini Google baru saja meluncurkan algoritma baru bernama Mobilegeddon yang mana dengannya pencarian dari pengguna internet akan disesuaikan dengan perangkat yang mereka gunakan, misalnya saja si visitor sedang pakai gadget ketika melakukan Browsing maka secara otomatis google akan mendahulukan blog yang responsive dari pada yang tidak karena umumnya blog demikian menyulitkan pembaca saat dibuka.
  3. Lihat demonya – ini penting dilakukan, yakni melihat tampilan sebenarnya pada saat online, bukan cuma dengan gambar dan screenshot, dan baru setelah itu bisa diputuskan akan digunakan atau tidak.
  4. Download – Untuk tahap ini mudah saja dilakukan, cukup cari tulisan ‘Download’ di bawah gambar tampilan template di btemplates.com tersebut dan secara otomatis akan muncul halaman kecil yang meminta kamu men-savenya di komputermu.
  5. Upload – Setelah tersimpan di komputer, sekarang waktunya menggunakan template tersebut dengan mengganti yang lama.
  6. Selanjutnya, jika anda sudah mengganti dengan tampilan yang custom maka tinggal menatanya agar semakin baik di mata mesin pencari, terutama Google. Ini karena jika sebuah blog dianggap baik maka ia akan diberi ranking yang baik pula, paling tidak, walau tidak jadi ranking 1, tapi bisa masuk halaman pertama, nah berikut ulasan lengkapnya: Cara Mengatur Template Agar SEO Friendly dan Mudah Ranking di Google

b.  Untuk WordPress

Sebenarnya ada banyak tempat mengambil Theme untuk wordpress yang gratis alias tanpa bayar sama sekali, hanya saja ada beberapa kekurangan jika kita hanya menggunakan yang free saja, terutama kita tidak punya tempat bertanya yang tepat kalau misalnya terjadi error atau ada pengaturan yang kita tidak tahu caranya, ini karena pada Theme berbayar selalu disediakan file Documentation yang mana dari situ kita bisa belajar semua cara pengaturannya. Selain itu kita juga punya kesempatan bertanya langsung lewat email pada pembuat theme-nya. Dan beberapa penyedia Theme berbayar untuk cara membuat blog menarik sebagaimana kita bahas pada kesempatan ini adalah:
  • http://themeforest.net/category/wordpress – Sudah sejak dulu ini dikenal sebagai situs penyedia berbagai kebutuhan virtual termasuk Theme. Penulis sendiri pernah membeli theme di sana yang mana umumnya setiap theme masing-masing dibuat oleh developer berbeda, tapi dari segi layanan purna jualnya semua bagus karena sudah menjadi syarat jika mereka menjadi penjual theme di sana.
  • https://mythemeshop.com/ – Ini juga provider dari luar negeri, hanya saja bedanya dengan yang di atas adalah yang mana ini dikelola oleh satu usaha yang mana semua themenya dibuat oleh satu developer saja, tentunya pelayanannya juga jauh lebih baik.
  • http://www.oketheme.com dan http://theme-id.com/theme – Keduanya sama-sama produk asli anak Indonesia, jika anda ingin komunikasinya lebih baik saat membeli maka pada cara membuat blog keren ini penulis lebih merekomendasikan membelinya di sini karena adanya kesamaan bahasa tentu mau bertanya apa saja jauh lebih mudah.

2.  Menggunakan Widget

Untuk kepentingan tampilan saja mungkin anda akan menggunakan widget seperti Jam, gambar flash dan sebagainya, tapi untuk tujuan SEO sebaiknya jangan digunakan, lebih baik pakai widget yang baik untuk mensin pencari saja, seperti untuk Artikel Terpopuler dan Terbaru, Profil Google Plus dan Likenya, Fanpage Facebook atau Twitter. Selain yang disebutkan sebaiknya dihindari saja karena akan memperlambat loading blog. Dan untuk mendapatkan semua widget tersebut sudah tersedia di dalam blogspot anda. Caranya, pilih menu “Tata Letak” lalu tulisan biru “Tambahkan Widget” anda klik dan selanjutnya tinggal pilih jenis widget blog yang mana yang mau digunakan.
Untuk pengguna WordPress kami sarankan gunakan yang lazim dan paling penting saja digunakan, seperti Tombol Share di setiap Artikel dan untuk ini disarankan pakai yang simple saja seperti AddToAny dan AddThis. Selain itu, jika ingin membuat blog lebih menarik lagi maka disarankan gunakan Plugin seperti :
Catatan : Untuk menemukan plugin di bawah maka pada Dashboard blog masuk pada menu Plugin >> Add New >> ketik di Search kata kunci di bawah.
  1. FeedBurner Form – Plugin ini untuk menggait banyak pembaca setia dengan jalan mereka menginput alamat emailnya.
  2. Protect WP-Admin – Gunanya untuk menyamarkan alamat login blog sehingga lebih aman.
  3. WP Social Popup and Get Traffic – Sebagai halaman popup untuk mengajak orang me-like sosial media anda.
  4. WP Super Cache – Gunanya untuk mempercepat loading blog dengan mencatat cache dari pengunjung sebelumnya.
  5. WordPress SEO by Yoast – Untuk menata meta tag dan teknik SEO lainnya. Ini penting sekali.
  6. No Follow All External Links – Untuk membuat semua link keluar jadi no-follow.

3.  Menata Warna dan style template

Terakhir untuk cara mempercantik blog dan membuatnya jadi menarik, mulai dari latar, sidebar, gambar, dan semua warna yang ada dalam template maka cukup baca : Cara Otak Atik Blog (ganti warna blog, kode font, gambar, spasi dll) dengan Inspect Element. Dalam tutorial tersebut anda akan belajar bagaimana menemukan kode tertentu dalam theme WordPress maupun pada template untuk pengguna blogger untuk selanjutnya dirubah ukuran maupun jenisnya. Intinya di sini seorang pemilik blog akan dibantu mencari tempat dari kode yang akan dirubah, namanya “Inspect Element”, yakni melakukan inspeksi pada elemen dari penataan sebuah blog yang dengan kita bisa melakukan beberapa perubahan sesuai yang diinginkan.

4.  Menulis Artikel yang SEO Friendly

Walau semua teknik di atas telah dilakukan tapi artikel atau item pada tiap produk toko online anda tidak dibuat SEO Friendly maka bisa dibilang sia-sia saja. SEO sendiri adalah kepanjangan dari Search Engine Optimization atau Optimasi Mesin Pencari yang mana tujuannya adalah untuk membuat blog mudah terindeks oleh mesin pencari, dan untuk ini silahkan baca : Tips Artikel SEO yang mudah ranking 1 di Google. Setelah anda memahami dengan baik teknik ini maka sudah dipastikan bahwa semua teknik untuk membngun blog yang keren sudah anda lakukan. Dan jika ini dilakukan secara konsisten maka trafik pengunjung web juga pasti akan terus naik dari hari ke hari.
Semoga artikel bagaimana cara membuat blog menarik dan keren atau tepatnya mempercantik tampilan website ini bisa jadi rujukan terpercaya anda. Silahkan bertanya jika ada yang kurang dipahami, dengan senang hati kami membantu. Penulis juga menyediakan pelatihan mengelola blog buat pemula, baik pada Blogspot maupun yang menggunakan platform WordPress.

Cara Mengganti Template (Tampilan) Blog

Setelah berhasil cara membuat blog dan juga bagaimana cara mempercantik agar tampilannya keren, sekarang cara mengganti template atau tamplan blog tahap demi tahap sehingga akan terlihat lebih menarik dan layaknya website profesional yang dibuat dengan biaya yang sangat mahal. Ini hampir tak memerlukan ilmu soal Pemrograman sama sekali yang harus ditempuh dengan kuliah minimal 4 tahun lamanya, tapi cukup dengan bantuan mouse dengan beberapa kali klik saja bentuknya sudah akan berubah dengan cepat.
Fungsi mengganti template –  Sebenarnya ada banyak sekali fungsinya selain mempercantik, tapi yang paling wajib dipertimbangkan sebenarnya adalah soal SEO – Search Engine Optimization, dan yyang berhubungan dengan seo soal tampilan adalah kesederhanaannya. Ya, dengan mengurangi gambar pada template maka secara otomatis loadingnya akan semakin cepat, dan sudah pasti ini sangat baik buat pengunjung blog karena mereka tak perlu menunggu lama untuk membaca artikel yang disajikan di dalam blog tersebut, selain karena mesin pencari seperti google lebih senang dengan blog yang ringan dan kurang penggunaan java script yang diakibatkan oleh penggunaan widget yang berlebihan. Nah, berikut tipsnya:

Langkah mengganti template blog yang singkat:

  1. Login ke Blogger.com
  2. Masuk ke Dashboard
  3. Pilih menu di sebelah kiri yang bertuliskan ‘template’
proses ganti template blog
4.  Klik tulisan ‘Cadangkan/Pulihkan’ – Ini akan terlihat di samping kanan setelah anda mengklik tulisan ‘template’ di atas. Setelah itu tinggal klik juga tulisannya dan akan muncul halaman kecil.
upload tempalte5.  Upload template blog dengan meng-klik tombol “Telusuri” seperti gambar berikut:
upload tempalte ke blogKeterangan:
  • Untuk lingkaran biru nomor 1 sebagai tombol untuk memilih file tempalte yang sudah di download
  • Unggah pada lingkaran merah nomor 2 untuk mulai mengupload template yang sudah dipilih.
6.  Jika sudah dipilih selanjutnya klik ‘Unggah’ seperti keterangan di atas. Pastikan nama filenya tidak salah dan sesuai dengan yang anda inginkan karena bisa jadi salah klik atau sebagainya.
7.  Tunggu beberapa menit dan proses ganti template pun sudah tuntas.
Selanjutnya yang harus dilakukan setelah ini adalah dengan jalan mengotak atik warnanya dan berbagai pengaturan lain, misalnya mengganti jenis fontnya, merubah ukuran tulisan pada postingannya, atau pun mengganti gambar yang ada dengan yang lain, semua itu hanya bisa dilakukan setelah kita tahu cara ganti template di atas.

7 Cara Mempercantik Tampilan Blog Dengan Efek Animasi Keren

Cara Mempercantik Tampilan Blog

Memiliki blog dengan tampilan keren dan enak dilihat tentu menjadi kembanggaan tersendiri untuk sang pemilik blog. Namun, proses untuk mempercantik tampilan blog saya akui bukan suatu pekerjaan yang mudah, khususnya untuk blogger pemula yang notabenya masih awam dengan bahasa HTML dan CSS. Padahal kedua bahasa tersebutlah yang menjadi dasar / kerangka dalam mendesain tampilan blog.

Atas alasan itulah, melalui artikel ini saya ingin berbagi bagaimana cara mempercantik blog, khususnya untuk teman-teman blogger yang masih belum menguasai bahasa pemrograman web HTML dan CSS. Karena dengan widget dan source code yang sudah saya siapkan, maka saya yakin siapapun bisa dengan mudah mempercantik blognya, karena tinggal copy dan paste saja.

Sebelumnya saya ingin menjelaskan terlebih dahulu tentang template yang merupakan inti dimana desain suatu blog disimpan / ditulis. Secara garis besar ada 3 komponen dasar template yang perlu kita edit / tambahkan untuk mendapatkan desain blog yang cantik, menarik dan keren. Ketiga komponen template yang saya maksud tersebut adalah :

  • Background
  • Efek
  • Widget

Dari ketiga komponen tersebut masih dipecah lagi hingga menghasilkan sub-komponen sepert berikut ini :

Background :
  • Background Image
  • Background Color

Efek :
  • Hover
  • Animasi Bergerak

Widget :
  • Social Button
  • Widget Twitter Follower
  • Widget Facebook Fanpage Like

Selanjutnya mari kita edit satu per satu dari ketujuh subkomponen template diatas agar menghasilkan perpaduan tampilan blog yang apik nan indah.

* Tutorial ini menjelaskan kepada Anda cara mempercantik blog blogspot, jika belum punya Anda bisa membuatnya di blogger.com dan untuk panduan membuat blog silahkan baca tutorialnya disini cara membuat blog.

1. Mempercantik Blog dengan Background Image


Menambahkan background image pada <body> template blog sebenarnya sangat tidak saya rekomendasikan karena berpotensi untuk membuat load situs blog kita menjadi berat / lemot. Solusinya adalah dengan menggunakan background image repeat, yaitu sebuah kode CSS untuk menduplicate gambar secara berulang-ulang.

Jadi disini kita nantinya akan menggunakan gambar dengan ukuran yang sangat kecil lalu menduplikat gambar tersebut hingga memenuhi 1 halaman. Perlu dicatat bahwa cara ini sebenarnya hanya cocok untuk gambar berjenis pattern / pola garis seperti persegi / segita. Untuk menerapkannya dalam blog siapkan terlebih dahulu gambar yang akan kita jadikan sebagai background, sebagai contoh saya akan menggunakan gambar dengan pola kotak.

Contoh Background Pattern

Dan untuk menerapkan gambar tersebut menjadi background pada bagian body template, silahkan gunakan kode CSS dibawah ini :

CSS
body {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHgvuG1tE7gH-_qNPF0UQ1Yl8EG_7-PALlxrUBXl5UMh8WVpqdXsZVIW9Dn03iau9znvRDSpIxKPq5iCYLyTmM6s2dWNN3AQBFkyL7yVIcKXZR7f7FIDGQKYJzCz-ciHZN7J7GhoPmJ6k/s1600/noisy_grid.jpg) repeat scroll top left;
}

Copy lalu paste kode tersebut, tepat diatas kode ]]></b:skin> (untuk blogger). Selanjutnya save dan lihat hasilnya, dijamin blog Anda akan tampil lebih cantik dengan background kotak-kota yang keren.

2. Mempercantik Blog dengan Background Color


Cara mempercantik blog yang kedua adalah dengan cara mengganti warna background blog, yang saya yakin hampir seluruh warna template blog, di setiap div-nya hanya menggunakan satu warna. Nah, disini saya akan mencontohkan bagaimana membuat dua warna dalam 1 div. Dua warna yang akan saya gabungkan disini adalah warna cream dan cream putih.

CSS
.gradient {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #f5f5f5));
}

Selanjutnya silahkan Anda masukkan teks / gambar / video / widget ke dalam div dengan class gradient, contohnya bisa Anda lihat dibawah ini.

HTML
<div class="gradient"><img src="url gambar" style="float:left"> anda bisa memasukkan teks atau bahkan kode html disini</div>

Div diatas bisa Anda masukkan dibagian 'tata leat' atau bisa juga langsung menuju template editor Blogger.

3. Cara Mempercantik Blog dengan Efek Hover


Apa itu efek Hover ? singkatnya, hover adalah efek yang akan muncul saat kursor berada diatas selector. Untuk lebih jelasnya Anda bisa lihat contoh hover yang saya terapkan pada tombol 'tekan' dibawah ini.

Tekan

Untuk membuat efek seperti itu, ada dua kode yang kita persiapkan, yang pertama adalah kode HTML div, dan kode CSS selector hover.

CSS
.tombol {
    text-align: center;
    border: 1px solid gainsboro;
    width: 100px;
    margin: auto;
    height: 25px;
    line-height: 25px;
}

.tombol:hover {
    background: rgb(153, 153, 240);
    color: white;
}

HTML
<div class="tombol">Tekan</div&gt
>

Simpan dan silahkan Anda lihat hasilnya. Selain menambahkan efek hover, kita juga bisa membuat efek animasi tombol berputar, dengan efek animasi, silahkan baca panduannya dibawah ini.

4. Cara Mempercantik Blog dengan Efek Animasi Bergerak


Efek animasi bergerak disini ada dua macam, ada yang harus disentuh (hover) dulu baru efek animasinya bekerja dan ada juga yang otomatis langsung bergerak. Dan kedua efek tersebut akan saya jelaskan secar detail.

Efek Animasi Bergerak dengan Hover

Kita akan melanjutkan kode css tombol 'tekan' diatas, untuk membuatnya bergerak atau lebih tepatnya berputar saat kursor menyentuh tombol, maka kita perlu menambahkan efek css rotate berikut ini.

CSS
.tombol {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

.tombol:hover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); transform: rotate(360deg);
}

Dan hasilnya nanti akan seperti tombol dibawah ini.

Tekan

Jadi dengan menerapkan efek css animasi rotate, bukan hanya lebih keren, tapi juga akan membuat blog Anda lebih menarik dan atraktif, dan ujung-ujungnya akan membuat pengunjung betah.

Efek Animasi Bergerak dengan Marquee

Jika Anda ingin mempercantik blog dengan animasi bergerak namun tanpa perlu disentuh, maka kode css Marquee adalah jawabannya. Namun disini saya tidak akan menjelaskan lagi bagaimana cara menggunakan efek berjalan marquee, karena pada artikel sebelumnya sudah saya jelaskan secara detail beserta cara memodifikasi kode marquee.

Singkatnya untuk membuat efek marquee / efek berjalan, maka kita harus mengapitnya dengan kode html marquee seperti dibawah ini.

HTML
<marquee>letakkan teks / gambr / video disini</marquee>

Kedua efek diatas sebenarnya bisa digabungkan yaitu dengan menambahkan property pada selector marquee, selanjutnya tinggal Anda tambahkan efek hover.

5. Cara Mempercantik Tampilan Blog dengan Social Share Button


Selain berfungsi untuk mempercantik tampilan blog, widget social button juga sangat bermanfaat untuk meningkatkan traffic dan juga SEO (sebagai social signal), jadi tidak alasan untuk tidak memasang widget social button pada blog Anda. Untuk cara pembuatannya sebenarnya cukup mudah, kita bisa membuatnya secara otomatis di situs ShareThis.

  1. Kunjungi situs ShareThis disini www.sharethis.com/get-sharing

    Cara Mempercantik Tampilan Blog dengan Social Share Button

    Jika halaman sharethis sudah terbuka, silahkan Anda lanjutkan dengan memilih platform blog yang Anda gunakan, pada contoh ini saya menggunakan Blogger, untuk penggunakan Wordpress silahkan pilih platform atau CMS Wordpress.

  2. Pilih model Social Share Button

    Cara Mempercantik Tampilan Blog dengan Social Share Button 2

    Silahkan pilih model social button mana yang menurut Anda paling bagus untuk mempercantik blog. Saya sendiri suka social button model 1 karena lebih minimalis.

  3. Klik 'Get The Code' untuk mendapatkan kode Widget

    Cara Mempercantik Tampilan Blog dengan Social Share Button 3

    Sebelumnya Anda perlu mendaftar dan membuat akun di situs ShareThis untuk mengambil kodenya. Jika tidak mau repot silahkan ambil kode saya berikut ini.


Untuk menambahkan widget social button tersebut, Anda bisa memasangnya melalui menu 'tata letak' dengan cara pilih HTML / JavaScript lalu copy kode diatas dan paste kan pada kolom Konten.

6. Cara Mempercantik Tampilan Blog dengan Widget Twitter Follow


Tak hanya mampu mempercantik blog, widget embedded twitter juga akan menambah follower Anda. cara untuk memasangnya juga terbilang cukup mudah, dimana tugas Anda hanya perlu meletakkan kode embed twitter dibawah ini pada bagian template yang Anda inginkan, misalnya bisa di sidebar atau footer.

<a class="twitter-timeline"  href="https://twitter.com/twitterdev"  data-widget-id="ID-TWITTER">Tweets by @twitterdev</a> <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>

Ubah terlebih dahulu "ID-TWITTER" dengan ID Twitter Anda. Jika sudah silahkan simpan dan jika hasilnya seperti gambar dibawah ini maka Anda berhasil meng-embed timeline twitter di dalam Blog.

Cara Mempercantik Tampilan Blog dengan Widget Twitter Follow

Jika ukuran dari widget tersebut dirasa terlalu besar, maka Anda bisa meresizenya dengan cara menambahkan css widht dan heigt pada class "twitter-timeline".

7. Cara Mempercantik Blog dengan Widget Facebook Page Like Box


Satu lagi widget akan mempercantik blog Anda, yap widget yang saya maksud adalah Facebook Like Box. Untuk menambahkan widget ini ke dalam blog kita bisa menggunakan plugin yang disediakan secara resmi oleh pihak Facebook, jadi nanti kita tinggal masukkan kode ID Fanpage lalu klik Create, atau lebih jelasnya bisa Anda simak caranya dibawah ini.

  1. Buat Fanpage Facebook

    Cara Mempercantik Blog dengan Widget Facebook Page Like Box

    Sebelum menambahkan Facebook Like Box, tentu saja setidaknya Anda sudah harus memiliki minimal 1 Fanpage Facebook, jika belum silahkan buat fanpage baru terlebih dahulu, tutorial lengkap pembuatan fanpage bisa Anda baca disni cara membuat halaman facebook fanpage.

  2. Buka https://developers.facebook.com/docs/plugins/like-box-for-pages

    Cara Mempercantik Blog dengan Widget Facebook Page Like Box 2

    Selanjutnya, kujungi situs Developer Facebook diatas, lalu masukkan ID atau URL Fanpage ke dalam kolom Facebook Page URL, atur juga width atau panjang widget.

  3. Klik 'Get Code'

    Cara Mempercantik Blog dengan Widget Facebook Page Like Box 3

    Klik tombol 'get code' untuk mendapatkan kode widget Facebok Page Box, lalu copy kode tersebut dan masukkan ke dalam tata letak.

Itulah ketujuh cara mempercantik blog yang akan membuat tampilan blog Anda semakin indah, perlu dicatat disini saya sama sekali tidak menganjurkan kepada Anda untuk menerapkan ketujuh cara diatas, karena jika semua widget dipasang, maka akan sangat berdampak pada load time situs blog yang akan menjadi lebih berat dan lemot, ujung-ujungnya pengunjung bukannya senang malah jadi malas mengunjungi blog Anda, jadi pesan saya pikirkan dua kali sebelum menambahkan widget ke dalam Blog.

Cara Mempercantik dan Menghias BLOG

Blog kita akan terasa lebih cantik apabila di isi dengan berbagai hiasan seperti jam, buku tamu, yahoo emotion, tukaran link, beberapa logo, dan juga lain2 sebagainya. sebetulnya hiasan ini bisa kita dapatkan dengan cara mudah karena hiasan ini sebetulnya free, jadi apabila anda melihat blog yang ada hiasan seperti jam atau lain2 anda tinggal menklik saja hiasan itu maka kita akan dibawa ke web penyedia hiasan itu. tapi sebelum kita mengambil hiasan itu sudah pasti terlebih dahulu kita harus melakukan registrasi.
Untuk masalah hiasan saya akan memberikan beberapa contoh saja. karena saya yakin yang lainnya anda pasti akan bisa setelah mempelajari dikit demi sedikit tentang kode HTML yang ada dari hiasan itu.

Memberikan Hiasan Jam pada Blog kita. caranya adalah :
  1. Silahkan klik link berikut –> http://www.clocklink.com
  2. Jika sudah berada pada situs tersebut, pilih menu Gallery pada sebelah kiri homepage clocklink (atau klik world clock untuk hiasan jam dengan tampilan peta dunia).
  3. Pada menu Gallery silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
  4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
  5. Klik tombol yang bertuliskan Accept
  6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone. Contoh : untuk indonesia bagian barat pilih GMT +7:00
  7. Set ukuran jam yang anda sukai di samping tulisan size
  8. Copy kode HTML yang di berikan pada notepad
  9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
  10. Selesai
Memasang Buku Tamu pada Blog :
  1. Daftar terlebih dahulu di www.shoutmix.com
  2. Setelah daftar pada kolom yang berjudul style, klik menu appearance
  3. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
  4. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  5. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  6. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  7. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  8. Selesai
Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.
Untuk blogger dengan template klasik :
  • Log in terlebih dahulu ke blogger.com dengan id anda
  • Klik menu Template
  • Klik Edit HTML
  • Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
  • Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
  • Klik tombol Preview untuk melihat perubahan yang kita buat.
  • Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
  • Selesai
Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.
Untuk Blogger baru :
  • Silahkan Login dengan id anda
  • Klik menu Layout
  • Klik Page Element
  • Klik Add a Page Element
  • Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  • Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
  • Copy paste kode HTML shoutbox anda di dalam form Content
  • Klik tombol Save Changes
  • Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
  • Tekan tombol Save
  • Selesai
Selamat mencoba !
Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :
Untuk langkah-langkahnya hampir sama dengan langkah diatas.
Pasang Statistik atau Tracker
  1. Silahkan klik di sini untuk menuju menuju situs http://www.sitemeter.com
  2. klik tulisan Sign Up untuk melakukan pendaftaran
  3. klik tombol bertuliskan Next
  4. Klik tombol Next lagi
  5. Isi semua tabel yang ada lalu klik tombol Next lagi
  6. Isi lagi tabel yang ada, lalu klik tombol Next lagi
  7. klik tombol Next lagi
  8. klik tombol Next lagi ( cape dech next..next melulu )
  9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan
  10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com
  11. Silahkan login dengan id anda
  12. Bila sudah login, Klik menu Manager
  13. Klik Menu Meter Style untuk memilih gaya dari site meter anda
  14. Pilih style yang anda sukai, kemudian klik tombol Select
  15. Klik menu HTML Code
  16. Klik tulisan Adding site Meter to a Blogger.com Site
  17. copy semua kode HTML yang di berikan lalu paste pada Notepad
  18. Klik menu Logout untuk keluar dari situs tersebut
  19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita
Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut :
khusus blog dengan template klasik :
  1. Sign in di blogger dengan id anda
  2. Klik menu TEMPLATE
  3. Klik Edit HTML
  4. Klik Edit (yang ada pada bar menu browser anda)
  5. Klik Find (on this page)… –> untuk mempercepat pencarian
  6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find
  7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi
  8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai
Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode
…kode site meter…
Untuk blog dengan Template baru :
  1. Login di blogger dengan ID anda
  2. Klik menu Layout
  3. Klik Page Elements
  4. Klik Add a Page Element
  5. Klik ADD TO BLOG pada menu HTML/JavaScript
  6. Tulis Judul site meter anda pada pada isian di sebelah form Title (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)
  7. Copy & paste kode Site meter pada kolom Content
  8. Klik tombol Save Changes
  9. Klik Element yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)
  10. Klik tombol PREVIEW untuk melihat perubahan yang baru di lakukan
  11. Bila sudah cocok dengan perubahan tadi, klik tombol SAVE
  12. Selesai
Demikian beberapa contoh dari hiasan blog saya yakin teman2 pasti bisa membuatnya dan menjadikan blog teman2 lebih indah apabila ada informasi yang kurang dari blog saya silahkan cek langsung ke sumber informasinya yaitu

  • Buku Tamu
    Bukutamu blog disebut juga dg shoutbox atau tagboard. Sama dengan bukutamu website, tapi bentuknya lebih sederhana. Banyak situs penyedia bukutamu blog gratis yg bisa Anda cari di google dg kata kunci shoutbox atau tagboard. http://shoutmix.comtermasuk penyedia buku tamu blog yg disukai yg servernya cukup stabil.atau Bisa juga di www.Smartgb.com Caranya:
    (a) Daftar di alamat di atas, ikuti semua perintahnya; (b) Setelah selesai, log-in dg id dan password yg sudah terdaftar; (c) Klik menu “Code Generator”; (d) Pilih Full-frame shoutbox; (e) Klik “Generate the Code”; (f) Copy kode HTML yg ada, dan masukkan ke template blog Anda di bagian Sidebar; (g) Klik SAVE SETTING & REPUBLISH. Selesai.
  • Statistic dan Tracker
    Berfungsi untuk mengetahui berapa pengunjung yg datang setiap harinya, setiap minggu, dan bulan dan dari negara mana saja. Selain itu, ia memberi tahu kita lewat mana pengunjung itu datang: lewat pencarian di google atau via blog/situs lain yg memasang link blog kita. Statistic/tracker gratis yg paling terkenal ada dua Sitemeter dan Extreme Tracking. Klik link berikut untuk mendaftar:
(a)http://www.sitemeter.com/?a=newaccount(b) http://www.extreme- dm.com/tracking/?reg Setelah daftar, login dan masukkan kode HTML-nya di blog Anda.

  • Kamus Online
    Kalau blog Anda berbahasa Inggris, Anda bisa memasang Kamus Indonesia-Inggris dan Inggris-Indonesia di blog Anda supaya pengunjung Indonesia yg lagi belajar bahasa Inggris bisa betah nongkrong. Kode HTML-nya bisa diambil di http://kamus.net

  • Peta Kampung Kita
    Bagi yg ingin melihat nama dan peta kampung kelahiran nempel di blog, silahkan daftar di http://feedmap.net atau bisa juga lihat digoogle earth Caranya,
    (a) masuk ke
    http://feedmap.net; (b) Klik “Explore Blog”, akan muncul peta dunia; (c) Pilih negara Indonesia dg cara klik kanan secara terus menerus mouse komputer Anda dan geser/putar peta dunia tsb. ke kanan/kiri sampai ketemu peta Indonesia. (d) Setelah peta Indonesia ditemukan, perbesar fokus peta dg cara mengklik 2x secara berulang-ulang; (e) Pilih kawasan atau propinsi yg paling dekat dg kampung kelahiran Anda, dan perbesar fokus peta dg mengklik berkali-kali sampai tidak dapat diperbesar lagi; (f) Setelah nama kampung kelahiran atau kota terdekat dari kampung kita tampak, arahkan panah mouse ke kota tsb dan klik kanan mouse; (g) Akan tampil menu “Add Blog”, klik menu ini; (h) Akan muncul kotak, isi alamat blog Anda. Contoh,http://silverains.blogspot.com (jangan lupa pake awalan http://; (i) Klik submit; (j) Apabila berhasil, maka akan muncul tulisan: Thank You! Di bawahnya ada tiga kotak yg berisi kode html untuk BLOGMAP, NEIGHBLOGMAP BUTTON, dan LOCAL BLOGROLL. Copy ketiga kode HTML tsb. dan paste di sidebar blog Anda; (k) Selesai.

Friday, October 21, 2016

Membuat Animasi Awan Berjalan Dengan CSS

Mempercantik header dengan efek awan bergerak / berjalan cukup menarik untuk diterapkan di website yang sedang dikerjakan.
Membuatnya pun cukup mudah, hasilnya pun akan memberikan nilai plus untuk website kita, karena ini termasuk elemen yang bisa membuat orang betah berlama-lama di website anda sambil menikmati animasi tersebut (UX).
Untuk membuatnya kita sebenarnya hanya membutuhkan keterampilan menggunakan css, karena diperlukan sedikit pengetahuan tentang beberapa fungsi yang ada di css3, seperti box-shadow, animation, transform, border-radius.
Penerapannya bisa dimana saja, namun biasanya di header karena awan letaknya diatas, banyaknya awan bisa disesuaikan dengan kebutuhan website dan dibuat menyatu dengan website yang ada, bentuk awan pun bisa disesuaikan dengan kebutuhan
Start with HTML
Oke kita mulai saja dengan membuat sebuah file index.html dan tuliskan script html berikut ini.

 <div id="langit">
  <div class="awan no1"></div>
  <div class="awan no2"></div>
  <div class="awan no3"></div>
  <div class="awan no4"></div>
  <div class="awan no5"></div>
  <div class="bulan"></div>
  <h1>Tutorial Web Design Indonesia <small>&nbsp;&nbsp;<a href="http://www.tutorial-webdesign.com">http://www.tutorial-webdesign.com</a></small></h1>
 </div>
 <div class="main">
  <p>Tutorial-webdesign.com adalah Website untuk Web Designer & Web Developer Indonesia, Serta Graphic Designer Indonesia. </p>
  <p>Website ini berisi tutorial, tips & trik, artikel, inspirasi dan resources yang berkaitan dengan dunia desain.</p>
  <p>Semua orang bisa berpartisipasi menjadi penulis di sini</p>
  <br>
  <p><a href="http://www.tutorial-webdesign.com/membuat-animasi-awan-berjalan-dengan-css-css3">Back to tutorial</a></p>
 </div>
Disitu terlihat kalau kita membuat membuat ID #langit yang akan digunakan sebagai area mondar-mandir si awan, dan CLASS .main untuk konten website. ID #langit akan berisi 5 awan yang masing-masing diberi class dengan nomor nya.
Untuk bentuk layout bisa disesuaikan dengan keinginan dan kebutuhan anda.
Styling with CSS
Selanjutnya kita akan percantik dengan css agar semua bisa berfungsi sesuai yang diharapkan.

Tips Mudah Mendesain Website dan Blog untuk Pemula

Banyak anggapan bahwa pekerjaan mendesain website adalah pekerjaan rumit yang harus dilakukan oleh seorang desainer dalam waktu yang tidak sebentar. Pernyataan  ini tidak salah, namun anda juga dapat menjadi desainer untuk website atau blog pribadi anda. Tentu saja bukan design website dari awal yang saya maksud, namun design website atau blog dengan cara memadu-padankan komponen-komponen blog agar didapat sebuah blog dengan desain yang cantik.
Good vs Bad Design
Good vs Bad Design

1. Theme

Theme yang disediakan di dalam layanan blog biasanya adalah theme terpilih dari sekian banyak theme yang ada di internet. Anda bisa saja menggunakan theme dari luar untuk blog anda di blogspot, namun theme yang bisa anda pilih dari dalam blogspotnya sendiri sebenarnya sudah cukup baik untuk anda. Baik dari sisi kompabilitas, responsif, dan mendukung SEO. Sementara jika anda adalah penguna wordpress, theme yang diambil dari katalog resmi wordpress akan secara rutin mendapat update. Jika theme yang anda gunakan adalah theme dari luar layanan blog, anda belum tentu mendapat keuntungan ini.
Beberapa hal yang bisa dipertimbangkan :
  • Trend theme (trend 2014 adalah theme blog design flat)
  • Responsivitas theme
  • Jenis blog (text blog, photo blog, magazine blog)
  • Tema blog (yang bisa berpengaruh pada warna blog, jenis font, dll)

2. Widget

Sama seperti theme, banyak sekali widget yang bisa anda gunakan untuk mempercantik blog anda. Namun mengisi blog dengan banyak widget akan memperlambat proses loading website anda, apalagi jika widget tersebut diambil dari luar layanan blognya.
Beberapa hal yang bisa dipertimbangan :
  • Semakin sedikit widget, semakin cepat loading blog
  • Fungsi widget (widget jam misalnya, tidak perlu ada karena semua orang yang membuka blog anda jelas sudah memiliki jam di komputer atau smartphone nya)
  • Music widget (semua orang memiliki lagu favoritnya sendiri, tidak udah paksa pengunjung blog anda untuk mendengarkan lagu favorit anda)

3. Font

Sejak meluncurkan interface baru untuk dashboardnya, anda yang menggunakan platform blog blogspot dapat mengganti semua font yang ada dalam blog anda dengan font yang anda pilih. Mulai dari font standar seperti Arial, Tahoma, dan Verdana, sampai font yang rumit sedemikian rupa. Tidak salah anda menggunakan font apapun untuk blog anda, namun belum tentu pembaca anda akan menyukai juga font tersebut. Jika anda ingin mengganti font bawaan theme, pastikan agar font penggantinya lebih mudah untuk dibaca daripada font sebelumnya.
Beberapa hal yang bisa dipertimbangkan :
  • Target blog (Gunakan font standar untuk website info dan berita, font comic sans untuk blog curhat misalnya)
  • Perbandingan besar kecil antara font yang satu dengan font yang lain
  • Semakin sedikit font yang digunakan dalam suatu blog, semakin cepat loadingnya

4. Flash

HTML5 dikabarkan akan menjadi pengganti kuat dari flash yang berat dan membutuhkan waktu loading yang tidak sedikit. Namun saat ini masih banyak website yang didalamnya memiliki komponen flash. Mungkin widgetnya, mungkin iklannya, atau mungkin keseluruhan website itu sendiri adalah flash.
Saran : Minimalisasi semua widget yang merupakan widget flash. Jika keseluruhan blog adalah flash, ganti layanan blog anda, karena saat ini Google belum bisa meng-index flash.

5. Iklan

Semakin banyak website yang memiliki target untuk mendapatkan uang dari internet, maka dipasangkan banyak script iklan diwebsitenya. Sayangnya, banyak sekali yang dalam menempatkan iklan tersebut tidak memperhatikan design blognya sendiri. Mulai dari iklan pop up, hingga jebakan klik. Menggunakan iklan dengan cara semacam ini bisa membuat anda di banned dari layanan iklan yang anda ikuti, juga dapat merusak design cantik blog anda yang mengakibatkan larinya pengunjung.
Berikut beberapa hal yang bisa dipertimbangkan :
  • Ikuti aturan Google Adsense (maksimal 3 iklan dalam satu halaman)
  • Jangan gunakan iklan pop up atau mengambang
  • Letakkan iklan pada spot yang mudah dilihat dan diakses pengunjung

Kelima poin diatas dapat menjadi arahan untuk semua pemilik blog atau website dalam men-design blog nya dengan mudah. Yang harus diingat, tampilan blog tidak harus penuh dengan segala pernak-pernik kesukaan pribadi, karena belum tentu pengunjung yang datang membutuhkan segala pernak-pernik tersebut :)

Thursday, October 20, 2016

Langkah-langkah Membuat Desain Website

Desain suatu halaman web adalah salah satu elemen penting untuk menarik perhatian pengunjung pada dunia web design, seperti misalnya pada dunia web design Surabaya. Desain website yang bagus akan menarik perhatian pengunjung untuk memasuki web tersebut. Berikut ini adalah langkah langkah untuk membuat web design yang cukup menarik.

1. Membuat Sketsa Desain
Buatlah sketsa homepage pada kertas, sehingga terdapat gambaran mengenai homepage yang sudah selesai dan bagaimana cara mengatur letaknya. Pembuatan sketsa ini akan sangat membantu untuk membuat desain web yang mempunyai daya saing pada dunia web design Surabaya.

2. Membuat Layout Desain
Pergunakanlah software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks dan Macromedia Freehand untuk memperhalus sketsa desain yang telah selesai. Selain itu file gambar dengan ukuran yang cukup besar juga perlu dipecah sehingga halaman web bisa dibuka dengan cepat. Waktu loading website yang cepat juga merupakan kelebihan pada dunia web design Surabaya.

3. Membuat Animasi
Pembuatan animasi dengan menggunakan Macromedia Flash dan Gif Construction bisa menjadi salah satu nilai tambah website yang dibuat sehingga dapat menarik pengunjung dan menjadi daya saing dari web dibuat  pada dunia web design Surabaya.

4. Membuat HTML
Pembuatan HTML meliputi melakukan proses edit pada script HTML dan membuat layout form ke dalam fomat HTML . Pembuatan ke dalam format HTML ini menggunakan HTML editor seperti Macromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite. Penempatan tombol dan gambar pada website sehingga mempunyai kualitas yang cukup menarik pada dunia web design Surabaya juga dilakukan pada pembuatan format HTML.

5. Programming dan Script
ASP, Borland Delphy, CGI, PHP, Visual Basic, dan Java Script digunakan untuk programming dan script pada web yang dibuat. Programming dan script ini bisa digunakan untuk pembuatan animasi background, animasi text dan lain – lain, sehingga halaman web yang ditampilkan menjadi lebih menarik. Hal ini juga bisa dijadikan sebagai daya saing web yang dibuat pada dunia web design Surabaya.

6. Upload HTML
Agar semua orang bisa mengakses website yang telah selesai dibuat, maka diperlukan tempat yang disebut hosting. Software seperti Macromedia Dreamweaver dan Microsoft Frontpage telah menyediakan fasilitas upload ini.

7. memilih hosting
Pemilihan hosting yang akan dijadikan sebagai tempat untuk mengupload website yang telah dibuat juga harus diperhatikan, sebab terdapat kelebihan dan kekurangan dari penggunaan hosting gratis maupun hosting yang berbayar dan mempunyai pengaruh cukup besar bagi daya saing website pada dunia  web design Surabaya.
Selain langkah – langkah tersebut, terdapat juga tips – tips yang sangat berguna dalam pembuatan desain suatu website untuk dapat bersaing pada dunia web design Surabaya. Tips – tips tersebut adalah :
  1. Website yang dibuat mempunyai navigasi yang mudah sehingga tidak menyulitkan pengunjung yang mengunjungi website sehingga memberikan nilai tambah bagi web yang dibuat di dalam dunia web design Surabaya.
  2. Pergunakanlah font dan perpaduan warna yang tepat sehingga website yang telah dibuat terlihat ringan di mata, dan menjadi nilai tambah bagi web yang dibuat di dalam dunia web design Surabaya.
  3. Konten dan materi yang dimuat di web site haruslah jelas dan bertujuan untuk memberikan informasi bagi pengunjung website.
  4. Definisikan judul halaman dengan baik dan tempatkan judul tersebut pada bagian atas. Selain itu masukkan juga kata kunci utama ke dalam judul dan juga deskripsi.

Cara Memposting Artikel di Blog

Cara Memposting Artikel di Blog - saya akan memberikan tutorial cara memposting artikel di blog, mudah-mudahan membantu kalian semua yang masih kesulitan dalam memposting artikel di blog, ok, setelah sebelumnya saya memberikan artikel yaitu alamat website yang menyediakan template blog, kali ini saya memberikan artikel tentang cara memposting artikel di blog.
Cara Memposting Artikel di Blog  Sebenarnya tidak sulit, jika Anda sudah familiar dengan microsoft word. Karena ketika anda sudah paham dengan ms.word, saya yakin sekali bahwa Anda tidak kesulita dalam memposting artikel di blog. Hal ini dikarenakan toolbar yang ada di ms.word juga terdapat pada form postingan blogger. Namun jika anda belum memahaminya, anda tidak perlu kawatir, karna saya akan membahasnya sekarang.
Sebelum anda mengetahui cara memposting artikel di blog, anda harus mengenal toolbar yang ada pada form postingan blogger seperti gambar dibawah ini :
cara memposting artikel di blog
Perhatikan angka-angka pada gambar di atas dan lihatlah keterangannya di bawah ini.

Keterangan Gambar :
  1. Kotak untuk mengisi judul postingan.
  2. Undo dan redo, yaitu untuk mengembalikan keasal semula jika terjadi kesalahan dalam menulis.
  3. Tombol untuk menghapus beberapa kata sekaligus.
  4. Tombol untuk memeriksa keakuratan beberapa kata.
  5. Tombol untuk merubah jenis font atau huruf.
  6. Tombol untuk merubah ukuran besar/kecil huruf.
  7. Tombol yang berfungsi untuk merefleksikan huruf.
  8. Tombol untuk merubah huruf  misalanya :B = tebal huruf  I= huruf miring U= huruf bergaris bawah dan ABC untuk mencoret huruf
  9. Tombol yang berfungsi untuk memberi warna huruf dan memblock huruf sepeti ini. (terlebih dahulu Anda harus memblock huruf yang akan diberi warna)
  10. Tombol untuk menambahkan link, gambar dan video kedalam artikel yang akan dipostingan (terlebih dahulu anda harus menyiapkan linknya)
  11. Untuk membuat artikel dalam kode HTML
  12. Untuk membuat artikel dalam mode Compose (biasa)
  13. Untuk menyesuaikan rata tulisan dan memberikan sub angka serta sub bullet
  14. Untuk membuat atau menambahkan label blog
  15. Untuk menerbitkan artikel yang sudah siap di ketik
  16. Untuk melihat artikel sebelum diterbitkan.
Langkah-langkah dalam memposting suatu artikel:
  • Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.
  • Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).
  • Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.
  • Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
  • Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.
Saya rasa sudah cukup jelas cara memposting artikel di blog, Kalau belum mengerti coba-coba aja sendiri, ntar Anda juga ngerti sendiri kok.
Ok, saya akhiri artikel kali ini yang berjudul cara memposting artikel di blog. Bila ada pertanyaan silahkan berkomentar di bawah. Oya  satu lagi bila anda suka dengan artikel ini, atau suka dengan blog ini, saya akan sangat senang sekali jika anda bersedia menekan tombol like yang ada di bawah judul. Terima kasih yang sudah like, semoga anda sukses slalu di dunia blogger.

Monday, October 17, 2016

Cara Termudah dan Terlengkap Dapat Duit dari Infolinks

Apa Itu Infolinks?

Infolinks adalah salah satu penyedia layanan In-text advertising yang berdiri sejak tahun 2007, yang memungkinkan pemilik Konten Web atau yang biasa disebut Penerbit Web, untuk memperoleh manfaat dari In-text advertising dalam bentuk pendapatan iklan tanpa adanya risiko.

Infolinks juga memberikan pembagian hasil yang kompetitif kepada Penerbit Web atau blog seperti halnya yang dilakukan oleh Google Adsense, Adbrite, Kontera dan situs earning lainnya.

Infolinks termasuk kedalam jenis periklanan Text Pay per Click yang mentargetkan iklan teks berupa link sesuai dengan keyword pada artikel, halaman web, atau blog posting Anda.

Untuk mendapatkan penghasilan dari blog secara pasif dengan program CPM, tentu saja Infolinks bukan cara yang terbaik. Tapi Infolinks tetap menjadi alternatif yang bagus khusunya untuk pemula. Rasio iklan Infolinks diklik oleh pengunjung jauh lebih besar daripada Google Adsense. Itu karena iklan yang ditayangkan berbaur dengan konten atau artikel.


Syarat Mendaftar Infolinks

Walau pada dasarnya Infolinks mendukung seluruh jenis bahasa, tapi tetap saja ada syarat mutlak yang harus dipenuhi saat pertama kali mendaftar. Berikut beberapa hal yang harus diperhatikan sebelum mendaftar ke Infolinks adalah;

  • Punya blog atau website sendiri dengan bahasa utama Inggris, Jerman atau Spanyol. *)
  • Jumlah postingan dalam blog minimal sudah mencapai lima biji. 
  • Blog yang didaftarkan setidaknya telah memiliki uniqe visitor setiap harinya, soal jumlah bukan hal yang utama. 
Soal syarat bahasa Inggris, Jerman dan Spanyol di atas, hanya diperlukan saat pertama kali mendaftar di Infolinks. Setelah diterima, Anda bisa menaruh script di blog berbahasa Indonesia. Tapi bloGoooblok ~ tengah mencoba mendaftar langsung menggunakan blog berbahasa Indonesia. (Dicoba...)

Cara Mendaftar Infolinks

Jika Anda tertarik mendaftar di Infolinks dan merasa telah memenuhi syarat diatas, selanjutnya ikuti langkah-langkah berikut ini:
  • Buka laman Infolinks
  • Pada halaman homepage, klik Get It Now
  • Akan muncul form, isi data yang diminta. Dibagian atas masukkan URL blog Anda dan dibagian bawah, isi data tentang Anda, nama, email dan pasword. Anda juga bisa dengan mudah mendaftar dengan akun Facebook. Lalu klik Join. 
  • Selanjutnya Anda akan diminta untuk menautkan script Infolinks dengan blog Anda. Bisa memilih Javascript yang berlaku untuk semua platform CMS atau langsung memilih WordPress atau Blogspot. Jika sudah memasangnya di blog klik Done. Anda juga bisa memasang ini dilain waktu. 
  • Cara memasang script tersebut bisa ditaruh dibagian mana saja dalam </body>. Sebagai contoh, dibawah ini bloGoooblok ~ menaruhnya di atas tag </body> di pengaturan HTML. 
  • Jika telah maka akan muncul tampilan selamat datang di Infolinks. Ini belum berarti Anda diterima oleh Infolinks. Mereka akan melakukan review atas aplikasi Anda. Butuh waktu 2 hari atau 48 jam hingga surat balasan di terima. 

Dari pengalaman mendaftarkan blog berbahasa Inggris, biasanya, ketika diterima jadi publiser Infolinks, iklan akan langsung tayang di blog. Mereka akan menandai kata kunci keyword yang sasar. Anda juga sudah bisa mengakses dasboard publiser Anda dan melakukan pengaturan lebih lanjut.


Jenis Iklan Infolinks

Selain iklan teks yang terpaut langsung dengan kata kunci tertentu dalam postingan blog, Infolinks juga menyediakan jenis iklan lain. Berikut jenis yang disediakan.
InFold 
Iklan jenis ini akan tampil dibagian bawah blog. Bentuknya biasanya melayang ketika seseorang mengunjungi blog.  

InText 
Inilah jenis iklan yang paling banyak digunakan oleh publiser Infolinks. Iklan ini akan tampil dalam postingan blog dengan menyasar kata kunci tertentu.  

InTag 
Jenis ini sama dengan iklan kontekstual milik Google Adsense. Akan ada sederet kata-kata atau tag yang bisa memunculkan iklan.  

InFrame 
Jenis ini akan muncul dibagain luar template Anda. Kadang penampakannya secara popup di kanan dan kiri blog.  

 Bagaimana Infolinks Melakukan Pembayaran?

Pertanyaan ini biasanya yang selalu menjadi yang paling penting bagi publiser. Soal jumlah bayaran yang akan diberikan Infolinks tidak ada batasannya sama sekali. Semakin banyak penghasilan Anda maka akan semakin baik.

Namun Infolinks baru akan membayar Anda ketika penghasilan Anda mencapat batas minimum payout yaitu $50 jika menggunakan akun Paypal atau $100 jika menggunakan Bank Wire (Transfer Bank) dan Western Union. Pencairan baru terlaksana 45 hari setelah hari terakhir tercapainya minimum pembayaran.

Untuk dapat memilih metode pembayaran, Anda bisa melakukannya pada Payment Settings di dasbor akun Infolinks Anda. Jika telah berhasil diterima sebagai penayang Infolinks. Dan satu hal lagi yang paling penting, menjalankan pengiklanan Infolinks bisa dilakukan bersamaan dengan Google Adsense.
Powered by Blogger.