Jumat, 27 Juli 2012
Logo merupakan simbol yang dapat menunjukan identitas baik dalam perusahaan, instansi dan yang lainnya. Itu dalam dunia nyata, bagaimana dengan dunia maya/cyber? Jawabannya tak jauh beda! Baik dalam dunia maya maupun dunia nyata, logo merupakan simbol identitas perusahaan, instansi atau pun website.
Anda tentu sudah pada akrab dengan logo-logo berikut ini:
Bagaimana dengan yang ini? Hehe... klo ini embah kita sob...;D
Sebagai orang yang berkecimpung di dunia blog, tentu kita juga ingin mempunyai logo yang menarik dan enak dilihat, sapa tahu blog/web kita bisa menyaingi popularitas mereka ^_^
Untuk membuat logo yang menarik, orang biasanya menggunakan software photoshop, correlDraw dan sebagainya. Namun bagi yang belum menguasai ilmunya, ada yang lebih praktis, mudah dan hasilnya tak kalah keren. Anda bisa mandapatkan dengan logo generator secara online. Lihat logo di bawah:
P
ertama kali orang melihat blog, mayoritas mereka melihat header blog tersebut.. Kesan pertama terhadap blog yang mereka kunjungi adalah bagaimana header blog tersebut mencerminkan isi atau konten dari keseluruhan blog. Untuk blogspot blog, tampilan header (pakai gambar atau hanya tulisan saja) biasanya tergantung dari template yang kita gunakan. Ada kalanya, format keseluruhan template blogspot sudah sesuai dengan keinginan kita, namun gambar headernya tidak cocok dengan isi blog kita. Jika demikian kasusnya, kita perlu mengganti header blog agar sesuai dengan konten.
Bagaimana mengganti header blog blogspot? Untuk mengganti header blogspot, ada beberapa cara yang bisa kita lakukan. Cara termudah adalah dengan melalui pengaturan add and arrange page element (tergantung template yang digunakan. sebagian besar template blogspot mendukung penambahan gambar di header lewat menu ini). Untuk mengganti header blogspot dengan cara ini, login ke dashboard blogger.
Bagaimana mengganti header blog blogspot? Untuk mengganti header blogspot, ada beberapa cara yang bisa kita lakukan. Cara termudah adalah dengan melalui pengaturan add and arrange page element (tergantung template yang digunakan. sebagian besar template blogspot mendukung penambahan gambar di header lewat menu ini). Untuk mengganti header blogspot dengan cara ini, login ke dashboard blogger.
Masuk ke tab Layout. Pada kotak Header (sesuai judul blog anda) klik Edit.
Pada jendela baru yang muncul, klik Browse untuk mencari gambar yang akan digunakan sebagai header. Sebaiknya sebelum melakukan ini, kita harus menyediakan image yang akan kita pakai sebagai header, dengan ukuran sesuai ukuran header (jika tidak tahu ukuran headernya, beri tanda centang pada Shrink to fit dimana ukuran gambar akan disesuaikan dengan ukuran header). Pilih behind title and description jika gambar yang anda masukkan tidak mengandung teks judul, karena ini berarti judul dan deskripsi blog akan ditampilkan. Sebaliknya, jika anda membuat gambar header komplit dengan tulisan judul dan deskripsinya, pilih instead of title and description yang mana pilihan ini akan menyembunyikan judul dan deskripsi. Klik Save. Kini blog anda sudah mempunyai header yang sesuai dengan keinginan anda (tentunya disesuaikan dengan tema blog).
Cara lain untuk mengganti header blogspot adalah melalui pengaturan kode CSS. Caranya, dari dashboar blogger, masuk ke blog yang akan kita ganti headernya. Masuk ke tab Layout > Edit HTML. Pastikan anda selalu membackup template sebelum mengubahnya (caranya dengan klik Download full template) agar sewaktu-waktu ada kejadian yang tidak kita harapkan, kita bisa kembalikan lagi template seperti semula.
Pada menu Edit HTML, beri centang Expand Widget Template. Tekan tombol Ctrl + F bersamaan untuk memanggil fungsi pencarian. Ketikkan header pada kolom Find untuk mencari kode css header. Anda juga bisa menscroll mouse untuk melakukan pencarian ini, tapi tidak praktis.Cara kedua ini tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaatkan website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.
Pada menu Edit HTML, beri centang Expand Widget Template. Tekan tombol Ctrl + F bersamaan untuk memanggil fungsi pencarian. Ketikkan header pada kolom Find untuk mencari kode css header. Anda juga bisa menscroll mouse untuk melakukan pencarian ini, tapi tidak praktis.Cara kedua ini tidaklah sulit, namun jika Anda tidak ingin pusing-pusing membuat gambar sendiri, Anda bisa memanfaatkan website penyedia gambar yang gratis, seperti: freewebpageheaders.com, smashingmagazine.com dan lain.
Adapun cara download gambar di freewebpageheaders.com adalah sebagai berikut:
- Klik Daftar Sekarang untuk membuka halaman situsnya;
- Klik Register untuk mendaftar.
- Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info. Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini.
- Klik Submit Registration Form, lalu Anda akan mendapat pesan supaya membuka email untuk mengaktifkan account Anda.
- Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.
- Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.
- Klik Return to the front page of free Web Page Headers.
- Lalu klik Login untuk mendowload gambar header.
- Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.
- Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.
- Selesai. Sekarang gambar sudah tersimpan di komputer Anda.
Langkah selanjutnya Cara Mengganti Header Blog pada Blogger, yang pertama dilakukan yaitu mencari tahu berapa ukuran header pada template Anda, caranya:
- Klik Rancangan->Edit HTML.
- Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketikkan #header-wrapper lalu tekan Next.
- Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya seperti ini:Keterangan:
#header-wrapper {
width:975px;
height:130px;
margin:0px;
padding:0px;
text-align:left;
background:#FFF url("http://i977.photobucket.com/albums/ae258/SPN_photo/HeaderMaskolis-New.jpg") no-repeat right ;
}
width:975px; adalah panjang header
height:130px;adalah lebar header.
Agar gambar Anda sesuai dengan ukuran header template, maka gambar Anda harus diresize menjadi 975x130 pixel. Untuk merizenya Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, Photoshop atau lainnya. - Setelah selesai. Masuk ke Dashboard Blogger Anda lagi, pilih Rancangan => Page Elements.
- Klik Edit pada bagian Header.
- Kemudian akan muncul halaman baru, pilih Browse from your computer, jika gambarnya disimpan dikomputer atau Browse from the web, jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket atau Geocities.
- Pada bagian Placement. Pilih Behind title and description, jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description, jika Anda ingin menyembunyikan judul dan deskripsi blog.
- Lalu klik Save, selesai.
- Tidak semua template bisa dipasang gambar, karena ada yang hanya menggunakan teks saja oleh karena itu pilihlah template yang sesuai kebutuhan.
- Jika cara di atas sulit diterapkan pada blog Anda, isi kotak komentar yang ada di bawah siapa tau saya bisa bantu.
Pernahkah terbayang oleh teman-teman blogger semua kita punya domain nama dot com? Itu yang sangat diharapkan oleh semua orang yang bergelut di dunia blogger dan internet umumnya. Maklum selama ini kita masih pakai domain dengan embel-embel blogspot, atau co.cc, yang kelihatan nggak mentereng. Pada malam hari ini walaupun hujan saya akan pergi juga ke warnet untuk memberikan sedikit penjelasan kepada teman-teman semua tentang bagaimana kita dapat merubah nama domaian kita menjadi nama dot com. Disamping itu mempunyai domain sendiri lebih menguntungkan dari segi bisnis online dibandingkan memakai domain kedua atau blogspot. Kenapa saya bilang begitu, karena memang banyak broker dari situs bisnis online yang menghedaki para blogger dengan domain pertama, seperti dot com, dot info, dot org, dot net, atau dot yang lainnya.
Malam hari ini saya akan mencoba memberikan penjelasan sekaligus masukkan untuk teman-teman blogger yang ingin beralih domain dari http://www.contohdomain.blogspot.com ke http://www.contoh domain.com. Dan hosting yang akan kita gunakan adalah blogger, karena sangat mudah dan effisien (gratis) sampai kapasitas yang tidak terbatas, kecepatan loading dari blogger pun tidak bisa dipungkiri lagi. Jadi buat apa beli yang mahal tapi belum tentu bagus, lebih baik gunakan saja yang gratisan dan sudah terbukti bagus.
Tentunya untuk mengganti domain, temen-temen harus mengeluarkan sedikit uang tabungan yang anda miliki. Untuk membeli domain, saya sarankan membelinya di GoDaddy, selain murah GoDaddy juga memberikan fasilitas setting dns gratis. Tidak seperti beberapa situs jualan domain yang ada di Indonesia, kebannyakkan ada tambahan biaya untuk setting dns-nya. Untuk lebih jelasnya perhatikan langkah-langkahnya di bawah ini::
- Masuk ke GoDaddy dan account dulu di GoDaddy, isikan data-data anda dengan lengkap.
- Kemudian login menggunakan username yang tadi anda daftarkan.
- Untuk membeli domain, temen-temen harus masukkan nama domain yang di inginkan pada kotak search domain yang tersedia.
- Kemudian anda akan dibawa ke halaman yang menjelaskan apakah domain yang ingin anda beli tersedia atau tidak, misalnya :
- Jika sudah oke, silahkan anda centang salah satu pilihan yang ada, lalu klik tombol Continue to Registration. (Sekedar informasi, domain dengan akhiran dot info adalah yang termurah, bahkan terbilang sangat murah)
- JIka ada tawaran seperti dibawah ini, klik saja No Thanks
- Kemudian akan muncul halaman yang agak membuat pusing kepala, tidak usah diperhatikan, langsung saja lihat pada bagian paling bawah, kemudian klik radio button No Thanks, I’m ready to checkout, setelah itu klik Continue
- Halaman berikutnya yang akan muncul adalah isian mengenai lama sewa domain dan cara pembayarannya.
Pilih saja 1 Year saja dulu, dan pilih cara pembayaran yang anda inginkan, apakah akan memakai kartu kredit, paypal, melalui cek, atau dengan gift card
Jangan lupa contreng 2 kotak radio button yang ada dibawah, lalu klik Continue with Checkout. - Setelah selesai melakukan pembayaran, tunggu konfirmasi selanjutnya dari pihak GoDaddy, biasanya tidak sampai memakan waktu 1 hari anda akan menerima email yang berisikan bahwa domain sudah teregistrasi dan siap untuk digunakan. Jika sudah ada email pemberitahuan tersebut, silahkan andalogin ke GoDaddy dengan username anda.
- Kemudian pada bagian dashboard, klik domain yang sudah anda registrasi.
- Setelah itu anda akan dibawa ke halaman dasboard, lalu klik Manage pada Total DNS/MX
- Selanjutnya adalah mengganti settingan dns-nya, pada panel Cname yang ada dibagian atas, anda contreng yang ada tulisan @ dan www-nya, lalu klik gambar pensil yang ada disebelah kanan. Isikan pada enter alias name dengan “www” dan points to host name diganti dengan “ghs.google.com”
- Kemudian cari tulisan Forward, isikan domain yang sudah di daftarkan tadi lengkap denganwww, misalnya http://www.contohdomain.com
Sampai disini selesai setting domain di GoDaddy.
- Login ke Blogger dengan account anda.
- Buat blog baru dengan nama sembarang, misal sembarang.blogspot.com
- Kemudian tuju halaman Pengaturan (Setting)
- Klik tab Publikasikan
- Kemudian klik Domain Ubahsesuaian (Custom Domain)
- Klik Beralih ke Pengaturan Lanjut.
- Isi domain anda lengkap dengan www
- Selesai
Membuat teks atau tulisan berjalan pada title tab browser dan Membuat Pesan-pesan Berjalan di Title Tab Browser merupakan salah satu usaha untuk mempercantik tampilan blog agar terlihat menarik di mata pengunjung. Isi dari tulisan tersebut dapat berupa pesan-pesan untuk ditujukan atau untuk dibaca bagi para pengunjung blog. Dengan memasang widget atau gadget ini dapat membuat blog kita terlihat berbeda dengan blog orang lain.
Tulisan atau pesan-pesan berjalan ini tidak hanya muncul di title tab browser, namun widget ini juga dapat terlihat di judul window atau jendela sistem operasi. Selain itu, gadget ini juga ada di tab jendela sistem operasi. Pesan-pesan berjalan ini nantinya akan menggantikan judul blog atau judul artikel yang biasa menempati ketiga lokasi tersebut. Namun, untuk beberapa saat judul blog atau judul artikel masih dapat muncul sebelum digantikan oleh teks berjalan tersebut.
Saat widget ini bekerja, gerakannya terlihat seperti tampilan huruf-huruf yang sedang diketik pada layar monitor. Gerakannya akan terlihat rapi dan teratur. Gerakannya berbeda dengan marquee yang biasa. Nah, bila Anda berminat utnuk memasang gadget ini, silakan simak dan ikuti langkah-langkahnya di bawah ini.
1. Masuk ke akun Blogger Anda
2. Klik Rancangan > Elemen Laman > Tambah Gadget.
3. Pada Dasar-dasar, pilih HTML/JavaScript.
4. Copy kode di bawah ini dan paste di Konten.
<script type="text/javascript">
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "Blog Yudha Febriananta";
tb8_messages[1] = "Selamat Datang";
tb8_messages[2] = "Semoga blog ini bermanfaat";
tb8_messages[3] = "Terima kasih atas kunjungan Anda";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
function tb8_makeArray(n){
this.length = n;
return this.length;
}
tb8_messages = new tb8_makeArray(4);
tb8_messages[0] = "Blog Yudha Febriananta";
tb8_messages[1] = "Selamat Datang";
tb8_messages[2] = "Semoga blog ini bermanfaat";
tb8_messages[3] = "Terima kasih atas kunjungan Anda";
tb8_rptType = 'infinite';
tb8_rptNbr = 5;
tb8_speed = 100;
tb8_delay = 2000;
var tb8_counter=1;
var tb8_currMsg=0;
var tb8_tekst ="";
var tb8_i=0;
var tb8_TID = null;
function tb8_pisi(){
tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
document.title = tb8_tekst;
tb8_sp=tb8_speed;
tb8_i++;
if (tb8_i==tb8_messages[tb8_currMsg].length){
tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
}
if (tb8_currMsg == tb8_messages.length){
if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
clearTimeout(tb8_TID);
return;
}
tb8_counter++;
tb8_currMsg = 0;
}
tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
}
tb8_pisi()
</script>
Silakan diganti tulisan yang berwarna merah dengan pesan-pesan Anda.
5. Klik tombol SIMPAN.
6. Taruh elemen di posisi terbawah dari susunan gadget Anda.
7. Klik tombol SIMPAN.
8. Selesai.
Langganan:
Postingan (Atom)
