,Share,

,Share,

Lagi-lagi tentang logo nieh..kwkwk sekedar informasi aja bagi cyber mania yang sedang ingin membuat logo untuk blog, ato hal yang lainnya. Cyber man tidak akan membahas langkah-langkah
membuat logo karena cyberman bukan seorang ahli desain grafis. Tapi cyber man merekomendasikan site yang menawarkan jasa untuk mendesain logo seperti ini..



gak usah repot2 pake photoshop ato corel draw...cukup bikin aja di http://www.logoease.com. Di sana banyak contoh dari berbagai tema..so langsung aja cyber mania coba dech..gud luck




baca juga tutorial lainnya :

• Cara Menambah 2 atau 3 kolom dibawah header
• Cara Menambah 3 kolom pada footer
• Cara Membuat Teks Animasi dan Logo Pada Blog
• Menambahkan Translator
• Menambahkan Shoutmix pada blog
• Cara Membuat Teks Area
• Meta Tag Sumber Trafic Pengunjung
• Cara Membuat blog terkenal dengan pagerank
• Memasang Domain co.cc di blogger
• Mengganti Domain Dasar dengan Domain gratis co.cc
• Custom domain blogger dengan Subdomain
• Membuat Sidebar Dua Kolom
• Cara Membuat Blog di Blogspot
• Tema Untuk Xp
• Membuat Read More Pada Template Baru
• Read More Icon - Cara Mengganti Read More Dengan Icon
• Menu Berjalan MarQue
• Cara Membuat Form Kontak Email Di Blogger
• Cara Membuat Menu dropdown
• Cara Menambahkan Status YM di Blog
• Menambahkan Widget Reader
• Verifikasi rekening Paypal dengan rekening bank
• Tutorial Daftar Paypal
• Custom domain blogger dengan Subdomain
• Membuat Tukar Link Menjadi Lebih Hidup
• Menambahkan Widget Reader
• Mendaftar RSS Feed di FeedBurner
• Mengenal Layanan Feed
• Membuat Halaman Berlangganan Artikel pada FeedBurner
• Warna banyak gunanya, apalah artinya hidup tanpa warna
• Cara menuliskan html di postingan
• Cara Membuat Baner BLog

,Share,

Pada Pembahasan sebelumnya, cyber man pernah menuliskan tutorial tentang Cara Menambah 2 atau 3 kolom dibawah header. Nah kalau yang satu ini mungkin bisa dibilang adiknya gitu dech..hehe jadi nglantur, ya secara kali ini cyber man akan share tentang bagaimana menambahkan 3 kolom tetapi pada footer atau kaki blog. Hmmm biar blog kita terlihat rapi dan sedap dipandang perlu tempat ekstra apabila blog kita hanya memiliki 2 kolom saja. Oke langsung aja nieh..

• Pertama-tama yang harus cyber mania lakukan adalah langsung menuju edit html.

• Jangan lupa mendownload lengkap template dahulu jaga-jaga kalau ada masalah yang tidak diinginkan.
• Lalu centang expand template widget agar semua perubahan tidak ada yang tertinggal
• mencari code
<div id='footer-wrapper'>       <b:section class='footer' id='footer'/>     </div>

Gunakak Ctrl + F agar lebih mudah 

• Setelah itu copy code berikut tepat dibawah </div>
 

 <div id='footer'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Nanti hasilnya seperti ini:
<div id='footer-wrapper'>
bla...bla..bla..
</div>
<div id='footer'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>
</div>

Apabila sudah langsung aja di save dan liat di pengaturan elemen halaman

Baca Juga Tutorial Berikut 

 
• Cara Menambah 2 atau 3 kolom dibawah header
• Cara Membuat Teks Animasi dan Logo Pada Blog
• Menambahkan Translator
• Menambahkan Shoutmix pada blog
• Cara Membuat Teks Area
• Meta Tag Sumber Trafic Pengunjung
• Cara Membuat blog terkenal dengan pagerank
• Memasang Domain co.cc di blogger
• Mengganti Domain Dasar dengan Domain gratis co.cc
• Custom domain blogger dengan Subdomain
• Membuat Sidebar Dua Kolom
• Cara Membuat Blog di Blogspot
• Tema Untuk Xp
• Membuat Read More Pada Template Baru
• Read More Icon - Cara Mengganti Read More Dengan Icon
• Menu Berjalan MarQue
• Cara Membuat Form Kontak Email Di Blogger
• Cara Membuat Menu dropdown
• Cara Menambahkan Status YM di Blog
• Menambahkan Widget Reader
• Verifikasi rekening Paypal dengan rekening bank
• Tutorial Daftar Paypal
• Custom domain blogger dengan Subdomain
• Membuat Tukar Link Menjadi Lebih Hidup
• Menambahkan Widget Reader
• Mendaftar RSS Feed di FeedBurner
• Mengenal Layanan Feed
• Membuat Halaman Berlangganan Artikel pada FeedBurner
• Warna banyak gunanya, apalah artinya hidup tanpa warna
• Cara menuliskan html di postingan
• Cara Membuat Baner BLog

,Share,

Hmmm tentunya cyber mania uda paham kan ma yang namanya teks animasi dan buton..kalau belum maksud sama yang cyber man bicarakan, cyber man kasih contoh dech..yang kaya gini nieh



ato bisa juga kaya gini

• Cara Menambah 2 atau 3 kolom dibawah header
• Menambahkan Translator
• Menambahkan Shoutmix pada blog
• Cara Membuat Teks Area
• Meta Tag Sumber Trafic Pengunjung
• Cara Membuat blog terkenal dengan pagerank
• Memasang Domain co.cc di blogger
• Mengganti Domain Dasar dengan Domain gratis co.cc
• Custom domain blogger dengan Subdomain
• Membuat Sidebar Dua Kolom
• Cara Membuat Blog di Blogspot
• Tema Untuk Xp
• Membuat Read More Pada Template Baru
• Read More Icon - Cara Mengganti Read More Dengan Icon
• Menu Berjalan MarQue
• Cara Membuat Form Kontak Email Di Blogger
• Cara Membuat Menu dropdown
• Cara Menambahkan Status YM di Blog
• Menambahkan Widget Reader
• Verifikasi rekening Paypal dengan rekening bank
• Tutorial Daftar Paypal
• Custom domain blogger dengan Subdomain
• Membuat Tukar Link Menjadi Lebih Hidup
• Menambahkan Widget Reader
• Mendaftar RSS Feed di FeedBurner
• Mengenal Layanan Feed
• Membuat Halaman Berlangganan Artikel pada FeedBurner
• Warna banyak gunanya, apalah artinya hidup tanpa warna
• Cara menuliskan html di postingan
• Cara Membuat Baner BLog
  
  
  
  
• 
  
  
  
  
• 
  
  
  
  
  

,Share,

Apa sie text area..?hmmm mungkin diantara cyber mania masih belum mengerti maksud dari kata2 itu ya..huhu..mungkin secara bahasa sederhananya suatu cara untuk menghemat tempat pada halaman web kita dengan membuat satu area dengan ukuran yang kita kehendaki...aah bahasanya sulit dimengerti ya?yauda langsung capcus aja dech.. ada dua jenis teks area, jenis pertama teks
area yang dapat menampilkan script html didalamnya dan isinya tidak bisa diedit langsung di compose tetapi harus melalui edit html. Dan jenis yang kedua adalah teks area yang hanya dapat menampilkan hasil dari teks html dan bisa di edit langsung di compose. ini nieh contoh bentuk teks area Jenis Pertama





<a href="http://www.manusiacyber.co.cc" target="_blank">CyberMan</a>

Tertarik untuk membuatnya..?mudah saja untuk membuatnya hanya dibutuhkan serangkaian code seperti

<center><textarea cols="15" name="code" rows="4"><a href="http://www.manusiacyber.co.cc" target="_blank">CyberMan</a></textarea></center>

teks berwarna biru adalah ukuran, tinggal diganti sesuai keinginan dan ganti teks berwarna merah dengan yang cyber mania punya.

nah jenis yang satu lagi ini biasanya dipake buat menampilkan link yang berisi di postingan kita. contohnya :

• Cara Menambah 2 atau 3 kolom dibawah header
• Menambahkan   Translator
• Menambahkan   Shoutmix pada blog
• Meta   Tag Sumber Trafic Pengunjung
• Cara   Membuat blog terkenal dengan pagerank
• Memasang   Domain co.cc di blogger
• Mengganti   Domain Dasar dengan Domain gratis co.cc
• Custom   domain blogger dengan Subdomain
• Membuat   Sidebar Dua Kolom
• Cara   Membuat Blog di Blogspot
• Tema   Untuk Xp
• Membuat  Read More Pada Template Baru
• Read   More Icon - Cara Mengganti Read More Dengan Icon 
• Menu   Berjalan MarQue
• Cara   Membuat Form Kontak Email Di Blogger
• Cara   Membuat Menu dropdown
• Cara   Menambahkan Status YM di Blog
• Menambahkan   Widget Reader
• Verifikasi   rekening Paypal dengan rekening bank
• Tutorial   Daftar Paypal
• Custom   domain blogger dengan Subdomain
• Membuat  Tukar Link Menjadi Lebih Hidup
• Menambahkan   Widget Reader
• Mendaftar   RSS Feed di FeedBurner
• Mengenal   Layanan Feed
• Membuat   Halaman Berlangganan Artikel pada FeedBurner
• Warna   banyak gunanya, apalah artinya hidup tanpa warna
• Cara menuliskan html di postingan
• Cara  Membuat Baner BLog
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

untuk yang jenis ini dapat secara langsung diedit tanpa harus melalui edit html. Kode yang harus dibuat adalah


<div style="border: 1px solid rgb(130, 230, 170); height: 200px; overflow: auto; width: 280px;"><ul class="posts">
<li><span class="headline"></span><a href="http://www.manusiacyber.co.cc/2010/07/cara-menambah-2-atau-3-kolom-dibawah.html" target="_blank">Cara Menambah 2 atau 3 kolom dibawah header</a></li><li><a href="http://www.manusiacyber.co.cc/2010/06/menambahkan-translator.html">Menambahkan   Translator</a> </li><li><a href="http://www.manusiacyber.co.cc/2010/06/menambahkan-shoutmix-pada-blog.html">Menambahkan   Shoutmix pada blog</a> </li><li><a href="http://www.manusiacyber.co.cc/2010/06/tips-seo-kali-ini-membahas-mengenai.html">Meta   Tag Sumber Trafic Pengunjung</a> </li><


<table class="itemtable" id="item-43"><tbody><tr><td align="left">
</td></tr>
</tbody></table>
<table class="itemtable" id="item-43"><tbody></tbody></table></li></ul></div>

 teks warna biru menunjukan ukuran dan warna merah menunjukan link, tinggal diganti sesuai keinginan cyber mania! selamat mencoba
baca juga tutorial berikut

• Cara Menambah 2 atau 3 kolom dibawah header
• Menambahkan Translator
• Menambahkan Shoutmix pada blog
• Meta Tag Sumber Trafic Pengunjung
• Cara Membuat blog terkenal dengan pagerank
• Memasang Domain co.cc di blogger
• Mengganti Domain Dasar dengan Domain gratis co.cc
• Custom domain blogger dengan Subdomain
• Membuat Sidebar Dua Kolom
• Cara Membuat Blog di Blogspot
• Tema Untuk Xp
• Membuat Read More Pada Template Baru
• Read More Icon - Cara Mengganti Read More Dengan Icon
• Menu Berjalan MarQue
• Cara Membuat Form Kontak Email Di Blogger
• Cara Membuat Menu dropdown
• Cara Menambahkan Status YM di Blog
• Menambahkan Widget Reader
• Verifikasi rekening Paypal dengan rekening bank
• Tutorial Daftar Paypal
• Custom domain blogger dengan Subdomain
• Membuat Tukar Link Menjadi Lebih Hidup
• Menambahkan Widget Reader
• Mendaftar RSS Feed di FeedBurner
• Mengenal Layanan Feed
• Membuat Halaman Berlangganan Artikel pada FeedBurner
• Warna banyak gunanya, apalah artinya hidup tanpa warna
• Cara menuliskan html di postingan
• Cara Membuat Baner BLog

,Share,

Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa. Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.

bagi cyber mania yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa. Untuk cara pemasangan silahkan anda baca postingan terdahulu bagaimana cara memasukan kode HTML kedalam blog.



Contoh banner animasi :



selamat mencoba. 

Baca Juga tutorial lainnya disini

• Cara Menambah 2 atau 3 kolom dibawah header
• Menambahkan Translator
• Menambahkan Shoutmix pada blog
• Meta Tag Sumber Trafic Pengunjung
• Cara Membuat blog terkenal dengan pagerank
• Memasang Domain co.cc di blogger
• Mengganti Domain Dasar dengan Domain gratis co.cc
• Custom domain blogger dengan Subdomain
• Membuat Sidebar Dua Kolom
• Cara Membuat Blog di Blogspot
• Tema Untuk Xp
• Membuat Read More Pada Template Baru
• Read More Icon - Cara Mengganti Read More Dengan Icon
• Menu Berjalan MarQue
• Cara Membuat Form Kontak Email Di Blogger
• Cara Membuat Menu dropdown
• Cara Menambahkan Status YM di Blog
• Menambahkan Widget Reader
• Verifikasi rekening Paypal dengan rekening bank
• Tutorial Daftar Paypal
• Custom domain blogger dengan Subdomain
• Membuat Tukar Link Menjadi Lebih Hidup
• Menambahkan Widget Reader
• Mendaftar RSS Feed di FeedBurner
• Mengenal Layanan Feed
• Membuat Halaman Berlangganan Artikel pada FeedBurner
• Warna banyak gunanya, apalah artinya hidup tanpa warna
• Cara menuliskan html di postingan

,Share,

Bagi para Cyber Mania yang menggunakan template baru tentu saja akan mengalami kebingungan ketika membaca tutorial terdahulu yang membahas tentang membuat menu Read more.. atau menu Baca selengkapnya.., karena tutorial tersebut memang di peruntukan bagi para sobat yang menggunakan template klasik. Nah bagi sobat yang menggunakan template baru dan ingin menggunakan menu Read more.. juga silahkan ikuti langkah-langkah berikut :


* Sign in seperti biasa di blogger dengan id milik Cyber Mania


* Klik Setting



* Klik Formatting


* Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :

<div class="fullpost">


</div>






* Klik tombol yang bertuliskan Save Settings


Pemasangan kode ini di maksudkan agar pada saat posting artikel, kode tersebut langsung muncul tanpa harus menuliskan terlebih dahulu, jadi membantu kita agar tidak harus selalu mengingat kode tersebut.



Langkah selanjutnya yaitu menambahkan kode pada template, silahkan ikuti langkah berikut :

* Klik menu Dasboard


* Klik menu Layout


* Klik menu Edit HTML


* Klik tulisan Download Full Template


* Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula


* Beri tanda centang pada kotak di samping tulisan Expand Widget Template, sekali lagi jangan lupa beri tanda centang dulu yah, sebab kalau tidak, nanti akan tidak sesuai dengan langkah selanjutnya


* Tunggu beberapa saat ketika proses sedang berlangsung


* Silahkan Cyber Mania cari kode berikut pada kode template milik sobat :


<div class='post-body'>