Cara Membuat Banner Logo di Blog

Cara Membuat Banner di Blog | Cara Membuat Logo - Banner adalah salah satu media untuk mempromosikan sebuah produk. Sedangkan logo adalah sebuah citra realitas yang mencerminkan nama atau  label yang dipublikasikan. Contoh dari penggunaannya adalah apabila kita melakukan tukar link, banyak sekali yang menggunakan banner blog sebagai lambang dan mempromosikan blog anda. Banner yang menarik akan lebih mudah disukai dan ditreima pengunjung.

Pada perkembangan saat ini, banner lebih sering dimanfaatkan untuk membuat iklan. Jangan heran apabila anda banyak melihat banner yang terpasang di bagian blog baik itu diatas, header, sidebar, footer, post dan sebagainya. Selain untuk beriklan, banner juga banyak dimanfaatkan untuk memperbanyak backlink. Para blogger langsung memburu jumlah lalu lintas link ke sebuah website terkenal dengan pagerank tinggi. Lalu, apakah dengan metode tersebut blog anda akan disukai oleh search engine?

Sebelum melangkah ke pembahasan yang lebih detail, kita harus mengetahui cara membuat banner yang mudah adalah dengan memanfaatkan sebuah website yang menyediakan tools pembuat banner.

Membuat Logo / Banner di cooltext :
1. Silahkan anda kunjungi www.cooltext.com
2. Pilih tipe tulisan atau logo yang ingin dibuat.

3. Ganti dan Tulis Nama Blog anda pada kolom text yang tersedia.
4. Pilih pengaturan dan ukuran karakter text dan lainnya.
5. Masukkan gambar background yang telah anda persiapkan di komputer anda.
6. Pilih Format File gambar yang nanti akan didownload. Pilih tipe PNG / JPEG agar hasilnya lebih bagus.
7. Klik Create Logo
8. Download Image.

Setelah anda mendownload, anda dapat langsung menguploadnya ke bagian header yaitu dengan cara masuk ke blogger.com lalu pilih Layout / Rancangan / Design. Klik Header. Kemudian masukkan gambar logo yang telah didownload tadi. Pilih opsi yang kedua pada penempatan judul dan description blog. Lalu Save.

Maka anda akan melihat banner yang menjadi karakter serta judul dari blog anda. Anda juga dapat memilih berbagai macam icon untuk menghiasi background banner tersebut dengan mendownloadnya di iconfinder.com Semoga dengan tips ini anda dapat menghiasi bagian atas blog dengan indah dan mudah.

Anda juga bisa mendapatkan kode script HTML banner yaitu dengan melakukan upload terlbih dahulu. Silahkan anda upload di www.photobucket.com . Untuk bisa upload anda harus login atau registrasi terlebih dahulu apabila belum mendaftar. Untuk membuat menu keren bootstrap css3 partner HostGator.

Cara Mempercantik Blog dengan Tampilan Menarik

Banyak cara mempercantik blog dengan tampilan menarik, unik, rapih, dan dinamis. Karena menurut pengamatan saya, apabila pengunjung mengunjungi sebuah halaman blog yang acak-acakan meskipun dari segi non interfacenya bagus maka secara otomatis mereka akan cepat pergi. Oleh karena itu, pada artikel ini saya akan membagikan tips seputar blogging.

Di sini saya akan berbagi trik bagaimana cara agar blog yang kita punya menjadi lebih cantik, keren, unik dan membuat nyaman para pembaca menelusuri setiap bagian halaman. Penasaran kan?

Oke langsung ke topik utama isi artikel. Ada beberapa fitur yang bisa kamu tambahkan untuk mempercantik blog kalian. Beberapa aspek yang penting dan harus anda perhatikan adalah :

Template, Widget, Warna Tulisan, Warna Background, Artikel, dan Navigasi.

6 elemen inilah yang harus anda optimalkan guna memberikan kenyamanan bagi para pembaca.
Mungkin secara detailnya tidak akan saya bahas secara lengkap hanya dalam satu buah artikel ini, tetapi saya akan bahas di kesempatan berikutnya dengan beberapa aspek. Mengoptimalkan Score Card di Google Adsense pada saat ini menjadi top hitz untuk mengoptimalkan design blog dan mempercantiknya.

Beberapa tips mengoptimalkan design dan mempercantik blog :

1. Gunakan template sesuai dengan isi dari blog.
2. Pasang Widget Fans Page Like Box Facebook.
3. Memasang Keterangan Waktu baik itu Jam, Tanggal, Hari, Kalender dan sebagainya.
4. Gunakan widget Shoutbox atau Buku Tamu agar pengunjung dapat berinteraksi.
5. Pakai Sharethis Button di setiap artikel.
6. Jangan gunakan warna Judul Posting atau warna Text Body halaman blog kamu dengan warna terang dan silau.
7. Jangan menggunakan animasi flash/ jQuery yang membuat beban loading blog kamu menjadi berat.
8. Berikan artikel yang berkualitas dan bermanfaat.
9. Jangan tidak menghiraukan Judul. Semakin menarik judul, semakin besar kemungkinan untuk dibaca oleh pengunjung.
10. Tambahkan navigasi mengenai status dimana pengunjung berada, dan kemudahan pengunjung untuk menemukan informasi yang dicari.

Dengan memperhatikan semua kriteria pengoptimalan tampilan blog seperti diatas, diharapkan mampu meningkatkan jumlah Pageviews anda per user. Fungsi Sitemap, Link Exchange, Cara Membuat Halaman Blog.

Pengunjung akan dengan mudah menyukai sebuah halam blog apabila memberikan informasi mengenai apa yang sedang dicarinya. Agar informasi dapat dilihat dan ditemukan dengan mudah tentu kualitas artikel, navigasi yang baik, dan design yang bagus sangat dibutuhkan.

Panduan Cara Edit HTML Template Blog Terbaru

Tampilan Blogger pada bulan April ini sedikit dilakukan pembaharuan. Apabila kita masuk ke menu Edit HTML di Template Blogger, maka anda akan melihat tampilan pengeditan kode HTML,CSS, dan Javascript terbaru. Di dalam edit html kita akan melihat beberapa tombol tools baru seperti Back, Save Template, Jump To Widget, Edit Template, Preview Template, Format Template, Revert Change, Revert widget tempate to default, seperti pada gambar berikut :

Penjelasan mengenai masing-masing tools tersebut, mungkin telah anda ketahui.

Back                : berfungsi untuk kembali dan menutup halaman edit html.

Save Template : untuk melakukan penyimpanan editan template.

Jump to Widget : berfungsi untuk melihat sebuah widget yang berada pada header,sidebar,footer,atau post body.

Edit template   : akan selalu aktif apabila kita melakukan pengeditan.

Preview Template : Berfungsi untuk melihat hasil dari pengeditan langsung ke interface blog. Apabila pengeditan yang kita lakukan benar maka pada saat klik Preview tidak akan muncul pemberitahuan error.

Revert Changes      : Untuk memulihkan / mengembalikan / membersihkan pengeditan yang error kembali ke semula.

Revert Widget Template to Widget : Mengembalikan pengeditan template ke bentuk umum dari widget atau gadget blogger.

Di dalam menu edit html kita tidak melihat kode CSS tetapi hanya melihat kode HTML. Untuk melihat dan melkuakan pengeditan CSS maka kita harus melakukan klik tanda play button di kata <b:skin>. Maka anda akan melihat semua kode CSS yang anda gunakan.

Untuk menemukan data post body, kita juga harus mengklik tombol warna hitam seperti contoh pada gambar diatas. Atau anda juga bisa mengklik semua tombol tersebut, agar semua kode baik itu CSS, HTML, JQuery, Javascript dapat terlihat dan muncul semua.

Anda dapat melakukan pencarian kode dengan menekan tombol CTRL+F

Untuk mencari teks berdasarkan yang pernah diedit sebelumnya dapat menekan CTRL+SHIFT+F

Atau untuk mengganti, menemukan, dan mengganti semua kejadian sekaligus dapat menekan tombol CTRL+R

Template Blog pada menu EDIT HTML adalah sumber kode yang mengontrol tampilan blog anda. Semoga informasi tadi dapat bermanfaat dan membantu kamu dalam mengolah, melakukan design, memodifikasi tampilan blog menjadi lebih mudah. Dengan adanya baris nomor pada setiap elemen kode pada HTML akan sangat membantu kita apabila terjadi kesalahan sehingga mudah ditemukan.

Peningkatan template editor HTML sekarang telah mendukung penomoran baris, sintaks, auto-indentation dan kode folding untuk membuat dan mengedit template Anda jauh lebih mudah dari sebelumnya.

Panduan Cara Membuat Halaman Blog

Pada artikel sebelumnya mengenai Cara Membuat Blog tentu anda sudah tau dan bisa. Sekarang, saya akan membahas Panduan Cara Membuat Halaman Blog dnegan Mudah. Pada saat anda membuat sebuah artikel di menu Post / Postingan, pada dasarnya anda sudah membuat sebuah halaman. Tetapi halaman tersebut berbeda dengan sebuah halaman yang nantinya akan dijadikan menu utama pada blog anda.

Apabila anda sering menulis artikl, tentu membuat halaman ini akan sangat mudah. Biasanya halaman ini dijadikan menu navigasi bagi pengunjung.

Contoh isi dari menu tersebut seperti HOME , ABOUT ME, TOS, FAQ'S, Jasa Blog, Panduan Blog, Download Template, ARSIP, SITEMAP

Anda bisa membuat isi dari menu tersebut sesuai dengan keinginan anda. Jika anda membangun toko online, maka menu tersebut dapat diisi dengan Home , About, Cara Pembayaran, Privacy Policy, Syarat dan Ketentuan, Metode Pengiriman, Hubungi Kami.

Berikut panduan cara membuat halaman blog :
1. Login ke blogger.com dengan menggunakan akun anda.
2. Klik Blog yang ingin anda edit.
3. Pilih menu Laman / Page yang ada di sebelah kiri halaman blog anda.

4. Pilih Jangan Tampilkan pada pemilihan opsi tampilkan laman sebagai.
    Kemudian Klik Laman Baru. Lalu pilih Halaman Kosong / Blank Page.
    Anda juga bisa memilih Web Address apabila ingin memasukkan link url saja.
5. Maka anda akan melihat Lembar kerja seperti berikut.

6. Di lembar kerja ini berfungsi untuk membuat artikel / ulasan mengenai isi yang sesuai dengan judul menu anda. Judul pada halaman akan menjadi salah satu judul pada menu anda. Hal ini terjadi karena kita menggunakan opsi Jangan Tampilkan pada langkah ke 4. Ada beberapa opsi lain seperti :

- Tab atas
Merupakan pengaturan standart dari blogger yang secara otomatis akan tampil setiap kali anda membuat halaman baru. Laman atau halaman blog akan berada di atas blog atau tepatnya dibagian bawah header atau judul blog anda dan tampilan yang umum digunakan. Contohnya adalah blog ini.

- Tautan samping
Merupakan pengaturan standart dari blogger yang secara otomatis akan tampil setiap kali anda membuat halaman baru. Laman atau halaman blog akan berada di samping blog atau tepatnya dibagian sidebar blog. Jarang digunakan.

- Jangan tampilkan
Laman atau halaman blog tidak akan ditampilkan alias tersembunyi dan untuk menampilkannya, anda hanya bisa menggunakan cara manual dengan membuat halaman blog sendiri.
Dari ketiga opsi diatas, saya sendiri biasanya dan selalu memilih opsi yang ketiga, Jangan tampilkan. Dengan memilih opsi ini kita akan lebih praktis dalam memanfaatkan ruang dan menaruh judul halaman tersebut pada navigasi menu kita.

7. Anda dapat tinggal mengisi Judul Halaman di kotak panjang pertama.
8. Dan berikan isi , keterangan, dan penjelasan mengenai judul halaman tersebut.
9. Pada gambar no. 5 terdapat option / pilihan.
10. Anda dapat mengikuti panduannya seperti gambar ini :

11. Ada 3 opsi pemilihan yang masing-masing sesuai dengan apa yang perlu dan tidak perlu anda lakukan.

Komentar pembaca
Izinkan : menampilkan kolom komentar untuk halaman blog anda. Dengan memilih Izinkan, berarti, isi halaman blog anda bisa dikomentari oleh pengunjung blog anda.
Jangan bolehkan : kebalikannya dari Izinkan.

Mode tulis
1. Tunjukkan HTML apa adanya
Contoh : <a href="http://impoint.blogspot.com">Panduan Cara Membuat Halaman Blog</a> akan ditampilkan tulisan Panduan Cara Membuat Halaman Blog saja tanpa ada kode html nya didalam artikel.
2. Tafsirkan HTML yang diketik
Contoh : <a href="http://impoint.blogspot.com">Media Blogger | Tutorial SEO Friendly</a> akan tetap ditampilkan seperti itu didalam artikel.

Baris baru
Ada 2 opsi yang akan berlaku pada artikel anda :
Gunakan tag <br> : setiap anda membuat baris baru dalam artikel maka diakhir artikel tersebut harus anda tuliskan tag <br>. Kalau tidak, maka tulisan atau artikel anda tidak akan memiliki garis baru atau paragraf.
Tekan "Enter" untuk baris baru : cukup tekan Enter di keyboard untuk baris baru dalam artikel blog anda. Hal ini sama dengan ketika anda mengetik artikel di Microsoft Word.

Jika anda sudah melakukan pengaturan pada menu Pilihan tersebut, jangan lupa klik Save / Selesai.
Silahkan anda ketik artikelnya, bisa juga dengan memasukkan gambar, HTML dan sebagainya. Sama seperti cara membuat artikel di blog. Semoga tutorial ini dapat bermanfaat untuk anda pengguna blogger.

Resleting Melorot "Ryan Nu Dimension X factor" saat manggung

NU Dimension, grup vokal bentukan Ahmad Dhani masih bertahan hingga Gala Show ke-7 X Factor Indonesia.

Grup vokal yang digawangi oleh Romy, Johanan, Bagus, dan Ryan ini dari minggu ke minggu semakin menampakkan progres yang menawan.

Terkikisnya anak-anak didiknya membuat mantan suami dari Maia Estianty tersebut mawas diri. Menyadari persaingan yang semakin ketat, Nu Dimension pun secara habis-habisan ia poles sedemikian rupa. Terbukti saat menyanyikan lagu "Toxic" milik Britney Spears, Nu Dimention sukses memukau

perhatian para juri.

Aksi panggung dan aransemen lagu yang mereka bawakan terlihat begitu matang. Terlihat sekali totalitas dari sentuhan Ahmad Dhani.
Penampilan mereka pun semakin sempurna ketika dipadukan dengan sosok penari-penari seksi yang melenggak-lenggok di samping masing-masing personil. Bahkan saking bersemangatnya Ryan tak menyadari jika resleting celananya melorot. 

Bebi Romeo yang mendapat kesempatan pertama berkomentar adalah orang pertama yang menyadari keadaan tersebut. Sontak Bebi pun meminta Ryan untuk segera membalikkan badannya dan lantas menyuruhnya untuk membenarkan letak resletingnya.

"Kamu coba menghadap belakang Ryan," teriak Bebi spontan yang mencoba mengingatkan pria berusia 17 tahun tersebut.

Ryan yang tersadar secara otomatis langsung membenarkan letak resletingnya. Kejadian tersebut sontak membuat penonton dan para juri terbahak-bahak.

"Untung kamu keren," lanjut Bebi yang diikuti oleh pujian dari Anggun dan Rossa yang menilai penampilan Nu Dimension malam ini sangat bagus.

"Ini keren!" puji Anggun.

sumber : tabloidbintang.com

Cara Menonaktifkan Link Aktif di Kotak Komentar

Di dalam jaringan blog, banyak sekali komentar spam yang menyertakan link aktif di situs kita. Baik itu di Wordpress, Blogger, website dan lainnya. Lalu bagaimana cara agar setiap komentar yang masuk dapat terbebas dari banyaknya spam? Perkembangan dunia internet memang sudah menjadi salah satu cara untuk mendapatkan uang dengan blog, website, toko online dan sebagainya. Pemilik dari usaha tersebut seringkali melakukan promosi di berbagai social network dan yang paling banyak adalah blog.

Cara yang tepat adalah dengan menambahkan moderasi pada komentar blogger atau wordpress sehingga setiap pengunjung akan diseleksi oleh kita terlebih dahulu untuk disetujui atau tidak. Kemudian, berikan peraturan dan syarat mengenai jenis komentar yang masuk sehingga setiap orang yang ingin melakukan teknik spam dapat tercegah. Biasanya orang yang ingin menaruh link aktif pada blog kita selalu menggunakan kode <a href . Untuk disable link aktif pada komentar blogger kita memiliki 2 cara, adalah menghapus dan menyembunyikan.

Untuk menyembunyikan link aktif pada blog atau wordpress kita hanya menambahkan kode CSS seperti berikut :

#comments p a {

display: none !important; }

Login ke Blogger, Masuk ke Template > Edit HTML > Expand Widget Templates >

Letakkan kode tersebut, diatas kode ]]></b:skin>

Cara Disable Link Komentar pada Wordpress :

- Cari file function.php

- masukkan code dibawah ini setelah <?php

remove_filter('comment_text', 'make_clickable', 9);

- Kalau sudah, silahkan save dan lihat hasilnya.

Cara Menghapus / Nonaktifkan Link pada Komentar Blogger dengan Kalimat :

1. Masuk ke bagian pengeditan template.

2. Cari kode </head>, dan letakkan kode berikut diatasnya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery(document).ready(function(){

 jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Dilarang Menampilkan Link Aktif</span>");

});

</script>

3. Save Template

Mendisable Link Aktif pada Kotak Komentar Blogger dengan link anda :

1. Login ke Blogger

2. Pilih Template lalu Edit HTML

3. Cari kode </head>, letakkan kode di bawah ini diatasnya.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

jQuery(document).ready(function(){

 jQuery("#comments p a").attr("href", "http://impoint.blogspot.com/");

});

</script>

4. Simpan Template Anda.

Dengan cara ini, kamu tidak perlu takut dengan mematikan link aktif pada komentar akan menghilangkan semua komentar kalian atau pengunjung tidak bisa melakukan komentar.

Blog yang memiliki kualitas bagus bukan yang memiliki banyak komentar, tetapi blog yang bagus adalah yang memiliki respon baik dari pengunjung karena membaca konten artikel yang bermanfaat untuknya sehingga komentarnya juga murni dari hati.

Untuk blog anda yang menggunakan metode dofollow, hati-hatilah terhadap para spammer. Mungkin cara ini dapat menjadi tips yang baik untuk digunakan. Semoga bermanfaat bagi para pembaca. Salam Media Blogger. Anda dapat mengikuti tutorial lain sepereti Cara Membuat Kotak Komentar Facebook di Blog.

Menyesuaikan Tampilan Website Pada Semua Browser

Sebagai seorang web developer, anda tentu ingin mengoptimalkan tampilan website / blognya di semua browser seperti Mozilla Firefox, Google Chrome, Opera Mini, Maxthon, Rockmelt, Safari, dan Internet Explorer dengan baik. Lalu bagaimana cara untuk menguji situs anda ke semua web browser tersebut ?

Caranya akan dibahas pada kesempatan tutorial kali ini. Seperti yang kita ketahui Internet Explorer yang merupakan jendela browser milik Microsoft, kurang memiliki teknologi yang digunakan oleh browser lain saat ini. Sebut saja CSS 3 dan HTML 5. Beberapa perintah script kode yang berkaitan dengan bahasa tersebut, terkadang tidak di support oleh Internet Explorer sehingga tampilan situs anda menjadi kurang menarik dan sering terlihat berantakan. Contohnya apabila anda memasang widget musik, kotak komentar facebook, atau membuat efek zoom pada gambar belum tentu semuanya akan tampil dan berjalan dengan baik di browser tersebut.

Memang keunggulan dari Internet Explorer mulai dari versi terbaru 9 dan yang lainnya memiliki Tingkat Security yang bagus. Tetapi di balik itu semua, Microsoft pun mungkin 'sadar' akan kekurangan ini, sampai-sampai membuat cara bagaimana membuat sebuah kondisi di mana halaman web dapat mendeteksi apakah browser yang digunakan itu IE atau bukan. Caranya adalah dengan menambahkan sebuah komentar HTML pada halaman web, maka dari itu dinamakan Conditional Comments.

Bagaimana cara menggunakan conditional comments tersebut? Caranya mudah, kita tinggal menambahkan kode :

<!--[if IE]>
    <p>Browser yang kamu gunakan adalah Internet Explorer, Bukan Google Chrome.</p>
<![endif]-->

Mungkin jika anda pengguna Blogger, pada saat mengedit template terkadang melihat kode seperti diatas. Kode tersebut akan bekerja hanya pada Internet Explorer. Sekarang coba refresh halaman web kamu. Jika kamu menggunakan IE versi apa saja, maka akan muncul paragraf tersebut. Cara ini juga digunakan untuk styling pada halaman web menggunakan CSS. Karena kode load CSS sebaiknya disimpan di head, maka conditional comment juga harus dsimpan di head. Cara menggunakannya adalah:

<!--[if IE]>
    <link rel="stylesheet" href="style_ie.css" type="text/css" />
<![endif]-->

Untuk menguji tampilan blog atau website anda di semua browser tentu anda harus melihatnya satu persatu dengan browser yang sebelumnya telah anda download. Untuk mempermudah dalam pengujian tampilan website, kita dapat menggunakan sebuah layanan yang disediakan oleh sebuah situs terkenal. Anda dapat mengetes dan melihat interface situs anda di www.browsercam.com

Dengan menggunakan beberapa tools layanan tersebut, anda dapat mengambil screenshoot sebuah URL menggunakan browser yang mereka miliki. Fungsi berikut fitur lainnya adalah pemotongan gambar, sistem operasi, email, dan juga dapat diakses melalui perangkat mobile (Android, Blackberry, IPhone,Windows Mobile).

Bagi anda para web developer, designer, web master, atau creator template dapat menggunakannya dengan sangat mudah. Anda hanya perlu melakukan registrasi terlebih dahulu. Semoga artikel yang khusus dengan durasi 5 menit ini dapat bermanfaat.

Tampilan situs merupakan hal yang paling diutamakan oleh seorang pengembang dan pembangun website. Interface yang bagus disertai navigasi yang tepat akan disenangi pengunjung dan mempermudah melakukan pencarian.

Cara Membuat Iklan Menjadi Optimal Sesuai dengan tampilan website dengan tombol close 1x (kali) click.