Di internet banyak penyedia program pembuat chicklet dan banner online secara gratis dan instan. Cara membuat logo dan banner pun cukup mudah, hanya menambah tulisan yang kita inginkan, simpan gambarnya dan upload di situs online dan selesai.
Berikut langkah-langkah membuat logo dan banner
Cara Membuat Chicklet
Silahkan Kunjungi http://button.blogflux.com/
Di LEFT-BLOCK (bagian kiri atas) ada menu “Text”, ganti tulisan “w3c” sesuai dg yg Anda inginkan.
Di RIGHT-BLOCK (bagian kanan atas) ada menu “Text”, ganti tulisan “xhtml” dg yg sesuai dg keinginan Anda.
Di GENERATE-BUTTON (bagian kanan bawah) klik tulisan Generate Button. Maka akan muncul chicklet yang kamu buat.
Arahkan mouse ke gambar, klik kanan –> save picture as –> kasih nama file –> save di komputer Anda.
Setelah di saving di komputer, masukkan / upload gambar chicklet tsb di situs online seperti googlepages.com.
Setelah tersimpan secara online, Anda bisa gunakan sesuai kebutuhan Anda seperti untuk link button tukar link dg teman-teman blogger lain, atau sekedar buat pajangan di sidebar.
Tip: bentuk font dan background warna dapat dirubah sesuai selera. Tinggal klik menu “color” dan “background” di situs di atas.
Cara Buat Banner Online
Kunjungi situs http://cooltext.com/
Klik menu DESIGN A LOGO (bagian atas).
Di menu CHOOSE A LOGO DESIGN pilih gambar yg Anda suka, contoh, klik EMBOSSED.
Di menu LOGO TEXT
Klik menu RENDER LOGO DESIGN (bagian paling bawah).
Save ke komputer (caranya, klik kanan gambar tersebut –>save picture as –>kasih nama file )
Setelah itu upload ke googlepages.com milik Anda.
Catatan: Mengupload image / gambar logo atau banner tentu saja tidak harus di googlepages.com, bagi pengguna wordpress.com Anda bisa juga menguploadnya di wordpress.com, di blogger.com bagi pengguna blogspot, atau di mana saja hosting online gratis........ok
SUMBER
http://www.poetra-anoegrah.co.cc
Minggu, 05 Desember 2010
Cara Pasang Meta Tag Alexa
Apakah kamu sudah memasang meta tag alexa ? jika belum, coba deh lihat cara memasang meta tag alexa dan segera pasang ya .. agar blog kita dapat peringkat di alexa. Ini saya posting sebagai pelengkap postingan sebelumnya yaitu Cara Memasang widget Alexa . kelihatannya kurang lengkap jika sudah memasang widget alexa tapi belum verifikasi meta tag alexa.
Berikut caranya :
Silahkan Login ke alexa.
Jika kamu belum mendaftar ada baiknya mendaftar dulu, silahkan menuju Form Pendaftaran Alexa
Silahkan Isi form yang sudah di sediakan, jika sudah di isi klik register
Cek email kamu, untuk mendapatkan password dan informasi login.
Jika sudah login ke alexa silahkan klik For Site Owners
Kemudian klik Claim your site
Nanti akan muncul seperti gambar di atas
Masukkan Url Blog kamu dan klik claim your site
Nanti akan ada dua pilihan, silahkan pilih yang Add this meta tag ...
Copy kode meta tag tadi.
Kemudian masuk ke blogger kamu >> Edit Html
Masukkan kode meta tag di antara kode <head> dan </head>, atau di bawah <b:include data='blog' name='all-head-content'/>
Simpan template
Silahkan kembali ke alexa dan klik Verify My Meta Tag
Selesai deh ..
SUMBER
http://www.poetra-anoegrah.co.cc
Berikut caranya :
Silahkan Login ke alexa.
Jika kamu belum mendaftar ada baiknya mendaftar dulu, silahkan menuju Form Pendaftaran Alexa
Silahkan Isi form yang sudah di sediakan, jika sudah di isi klik register
Cek email kamu, untuk mendapatkan password dan informasi login.
Jika sudah login ke alexa silahkan klik For Site Owners
Kemudian klik Claim your site
Nanti akan muncul seperti gambar di atas
Masukkan Url Blog kamu dan klik claim your site
Nanti akan ada dua pilihan, silahkan pilih yang Add this meta tag ...
Copy kode meta tag tadi.
Kemudian masuk ke blogger kamu >> Edit Html
Masukkan kode meta tag di antara kode <head> dan </head>, atau di bawah <b:include data='blog' name='all-head-content'/>
Simpan template
Silahkan kembali ke alexa dan klik Verify My Meta Tag
Selesai deh ..
SUMBER
http://www.poetra-anoegrah.co.cc
Membuat Background Posting Dengan Gambar
Caranya sama seperti Membuat Background Posting Dengan Warna Hanya saja ini menggunakan background image di postingan.
gini caranya :
Awali postingan anda dengan kode seperti ini :
<div style="background:url(alamat gambar kamu) no-repeat;">
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
</div>
Mudah ya ....
SUMBER
http://www.poetra-anoegrah.co.cc
gini caranya :
Awali postingan anda dengan kode seperti ini :
<div style="background:url(alamat gambar kamu) no-repeat;">
Dan diakhir postingan, harus di tutup dengan kode seperti ini :
</div>
Mudah ya ....
SUMBER
http://www.poetra-anoegrah.co.cc
Cara Membuat Header Blog Menjadi 2 Kolom
Yah .. kali ini saya akan membagi pengalaman lagi deh, waktu itu template header blog saya hanya satu kolom, tapi neh saya bagi menjadi dua kolom !
Hasil dari bolak -balik blog nya Kang Rohman dan akhirnya dapet tutorialnya !
Lihat aja di blog ini di kolom itu saya isi dengan Search Enggine !
Pengen tahu caranya ... Berikut cara membuat header blog menjadi dua kolom
Pertama login ke blogger
Klik Layout
Klik tab elemen Halaman
Kemudian klik tab Edit HTM,
Lihat ke bagian kode CSS, lalu cari kode seperti ini :
/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}
#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}
Hapus kode di atas, lalu ganti dengan kode berikut ini :
/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}
#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}
#r_head{
width:300px;
float:left;
padding-top:10px;
}
Kemudian scroll ke bagian bawah, dan cari kode seperti ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
Hapus kode di atas, lalu ganti dengan kode di bawah ini :
<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>
Klik tombol Simpan Perubahan.
Selesai dah ...
SUMBER
http://www.poetra-anoegrah.co.cc
Hasil dari bolak -balik blog nya Kang Rohman dan akhirnya dapet tutorialnya !
Lihat aja di blog ini di kolom itu saya isi dengan Search Enggine !
Pengen tahu caranya ... Berikut cara membuat header blog menjadi dua kolom
Pertama login ke blogger
Klik Layout
Klik tab elemen Halaman
Kemudian klik tab Edit HTM,
Lihat ke bagian kode CSS, lalu cari kode seperti ini :
/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}
#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}
Hapus kode di atas, lalu ganti dengan kode berikut ini :
/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}
#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}
#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}
#r_head{
width:300px;
float:left;
padding-top:10px;
}
Kemudian scroll ke bagian bawah, dan cari kode seperti ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
Hapus kode di atas, lalu ganti dengan kode di bawah ini :
<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>
Klik tombol Simpan Perubahan.
Selesai dah ...
SUMBER
http://www.poetra-anoegrah.co.cc
Langganan:
Komentar (Atom)