Mempercantik Blog

16

12. 13. 14. 15.

<style>#fullpost {display:none;}

<span id='showlink'>

[+/-] Selengkapnya...

<span id='hidelink' style='display:none'>

[+/-] Ringkasan...

<script type='text/javascript'>checkFull("post-" + "") Tulisan 'Selengkapnya' dan 'Ringkasan' bisa diganti dengan apa aja kata yang kamu suka. Lalu simpan template. Pilih menu Setting -->> Formatting Di bagian bawah ada kotak yang disampingnya ada tulisan "Post Template", dan isikan kode dibawah ini ke dalamnya lalu simpan setting. <span id="fullpost">

selesai.... Ohya, kalo memposting, letakkan abstraksi posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span id="fullpost"> dan Gimana? Sudah bisa belum? Pinter.... anak siapa siiihhh??? duh lutunya

17

Cara Membuat Kotak Link Exchange Kamu belum bisa masang banner link exchange? masa' sih? hari gini belum bisa masang banner, capeee'' deeh . Nha trus gimana cara buat kotak tersebut? Begini lho, pertama Login ke blogger trus pilih Setting --> Template trus klik Add Page Element lalup pilih HTML/Java Script trus kopi kode berikut ini di tempat yang disediakan. <a href="http://ihsan-elektro.blogspot.com.com" rel="nofollow"><img src="http://www.geocities.com/kendhin_x/banner/ka01.gif" width="90" height="17" border="0" /></a> text yang berwarna hijau menunjukkan labar kotak, text warna biru adalah link, ganti text tersebut dengan alamat blogmu sedangkan text warna merah adalah alamat gambar beserta ukurannya, ganti text tsb dengan alamat gambar km. Terus simpan templatenya. Hasilnya ya bisa diliat di blog anda masing-masing, trus gambarnya mana? gini didalam kotak tersebut kan ada textnya tuh, nha kalo textnya itu dicopy terus di paste di blog, maka hasilnya akan menjadi gambar dan juga ada linknya. piye? wes mudeng rung? Guampang tho?

Membuat kotak Blogroll Pasti dah pada tahu khan apa itu kotak blogroll?! Kotak blogroll itu maksudya kotak yang berisi link-link teman kita atau siapa saja yang ingin kita link. Nha sekarang kita akan mempelajari bagaimana cara membuatnya. Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu: 1. Kotak Blogroll Model Textarea Nha begini cara membuatnya : Pasang code berikut ini di kedalam element kamu (Page Element --> Add Page Element --> HTML /Javascript)

18

keterangan: - Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka. - Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link. - Jika kamu pingin daftar link-linknya berjajar, maka hilangkan kode


2. Kotak Blogroll Model Marquee Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya: Pasang code berikut ini di kedalam element kamu (Page Element --> Add Page Element --> HTML /Javascript) <MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" > #link1
#link2
#link3
#link...
Keterangan

: 19

- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya). - Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
. - Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Membuat Label pada blog Apa kamu punya masalah dengan berantakannya artikel-artikel di dalam blogmu ? dan bingung bagaimana cara mengatasinya. Nah mungkin masalah ini bisa diatasi dengan cara membuat label pada blog kita. Lho,emang fungsi label itu apa? Begini, jadi dengan adanya label itu kita bisa lebih mudah mengkategorikan atau mengelompokan artikel yang sudah diposting. Dan juga dengan adanya label dapat mempermudah para pengunjung di blog kita untuk memilih artikel mana yang ingin dibaca. Yups langsung ke prakteknya aja. Jadi pada kali ini saya akan mencoba membahas mengenai bagaimana cara untuk membuat kategori atau label. Pertama-tama yang harus kamu lakukan yaitu membaca "Bismillah" he..he.. Klik Posting --> Edit Post.

Login ke blogger lalu



Membuat Kategori / Label Pilih atau beri tanda centang pada artikel yang ingin diberi label/dikategorikan. Lalu pada Combo box (yang ada tulisannya "label action") pilih "New Label" lalu beri nama label tersebut.



Menghapus Kategori / Label Beri tanda centang pada postingan yang ingin dihapus labelnya, trus klik combo box trus klik label dibawah tulisan "Remove label".



Mengganti Kategori / Label Hapus dulu label yang ada, kemudian beri label baru. 20

Kemudian cara memasang/menampilkannya di blog bisa dilihat di bawah ini : 1. Klik Template --> Page Elements 2. Tambahkan page elements kemudian pilih Label trus disitu atur sendiri. Ngerti khan ?? Selamat mencoba !!!

Menampilkan Status Off/Online Yahoo Messenger Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsungdenganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu. Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :

trus jika kamu online maka iconya akan berubah seperti ini:

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add page elements --> HTML/Javascript". Ganti text yang warna merah (kendhin_x) dengan id YM kamu. perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda. Piye? gampang to?

21

Cara Menghilangkan Navbar (Navigation Bar) Navbar adalah fasilitas standar yang dimiliki oleh Blogger.com yang letaknya berada di bagian paling atas dari blog yang fungsinya antara lain untuk mulai melakukan Sign In atau bisa juga membuat Blog baru. Navigation Bar juga bisa digunakan untuk melaporkan kecurangan atau tindak kejahatan weblog yang dilakukan oleh seorang blogger, misalnya kontent blognya yang melanggar TOS Blogger.com atau hal lain yang dapat dianggap merugikan dunia internet. Namun ada beberapa blogger yang merasa akan lebih enak jika melihat tampilan blognya dalam keadaan bersih tanpa harus ada bagian mencolok di bagian atas blognya sendiri (NavBar). Karena itu, kadang para blogger menghapus NavBar tersebut. Pertanyaannya adalah: Apa tidak melanggar Term of Service (TOS) dari Blogger.com? Sejauh ini, banyak blogger yang telah menghilangkan Navbar mereka dan tidak juga mendapat teguran dari blogger. Artinya, bisa dilakukan. Toh di TOS Blogger sendiri juga tidak ada aturan yang cukup detail tentang hal ini. Nah, bagaimana menghilangkan Navigation Bar? Ada beberapa penyedia template (beta dan classic) yang memang sudah tidak ada NavBar-nya. Namun bagi kamu yang memakai template yang masih ada NavBarnya dan ingin menghilangkannya maka inilah caranya. 1. Kamu harus Login dulu di Blogger.com. 2. Didalam pengaturan pilih menu Setting kemudian pilih Edit HTML 3. Copy script berikut ke dalam tag head #navbar-iframe { display: none !important; } contohnya sebagai berikut : ----------------------------------------------Blogger Template Style Name: Son of Moto (Mean Green Blogging Machine variation) Designer: Jeffrey Zeldman URL: www.zeldman.com Date: 23 Feb 2004 Updated by: Blogger Team ----------------------------------------------- */ #navbar-iframe { display: none !important; } 22

/* Variable definitions ==================== 4. Kemudian simpan.

Menampilkan judul posting tanpa isi posting Ketika melakukan pencarian atau membuka isi label (kategory) di blog saya pasti akan melihat hasil tampilan berupa link judul posting beserta tanggal tanpa menampilkan isi posting sama sekali, tentu saja dengan cara ini sangat menguntungkan dan mempermudah mengunjung ketika berselancar di blog kita, coba bayangkan ketika pengunjung membuka label atau kategory yang isinya ada 100 posting, tentu hal ini menjadi masalah nantinya dan membutuhkan waktu yang lama sampai halaman benar-benar terbuka sempurna. Untuk mengatasi masalah diatas ada baiknya kita hanya menampilkan judul posting beserta tanggal posting saja, selain mempermudah, tentu saja loading page kita akan 50x lebih cepat dari biasanya ketika membuka halaman label. Pengen tau cara buatnya ikuti langkah dibawah ini: Pertama : Buka Template -> Edit HTML -> Jangan lupa lakukan backup template :) -> kemudian beri tanda cek pada 'Expand Widget Templates' Kedua : Lihat kode dibawah ini: Kemudian cari kode warna merah diatas, jika sudah ketemu ganti kode warna merah diatas dengan kode dibawah ini :

23



Ketiga : Jangan lupa disimpan dan lihat hasilnya. selamat mencoba :)

Cara menampilkan halaman lain di blog Bingung gimana caranya buat halaman situs lain di blog kita. Nah ni saya dapet jawabannya di situs www.o-om.com. Semoga bisa membantu.. "oya om gimana cara bikin "preview page" web lain di blog kita?"

Pertanyaan diatas disampaikan salah satu sahabat blogger di shoutbox, yaitu bagaimana menampilkan halaman lain di blog kita, biasanya ini dinamakan Document Viewer. Gunanya buat apa om? *sambil garuk-garuk kepala* buat apa ya? mungkin buat aksesoris tambahan aja. Menurut om kayaknya aksesoris ini gak terlalu berguna selain itu juga bikin lambat loading page. Namum tidak ada salahnya kita mencoba membuat Document Viewer ini sekalian aja buat nambah ilmu untuk belajar koding :) Agar gak bingung kita lihat gambar dibawah:

Contoh tampilan tab document viewer.

24

Halaman yang kita buat nantinya merupakan Tab Dokumen Viewer, setiap tab akan mempunyai link tersendiri yang bisa kita modifikasi. Ikuti langkah dibawah ini: LANGKAH I. Buka Template -> Edit HTML -> masukan kode CSS dibawah diantara kode CSS yang ada pada coding blogger kita, biasanya di antara code .... /*Eric Meyer's based CSS tab*/ #tablist{ padding: 3px 0; margin-left: 0; margin-bottom: 0; margin-top: 0.1em; font: bold 12px Verdana; } #tablist li{ list-style: none; display: inline; margin: 0; } #tablist li a{ text-decoration: none; padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: white; } #tablist li a:link, #tablist li a:visited{ color: navy; 25

} #tablist li a:hover{ color: #000000; background: #C1C1FF; border-color: #227; } #tablist li a.current{ background: lightyellow; } LANGKAH II Kemudian masukan lagi kode javacript dibawah ini diantara code .... <script type="text/javascript"> /*********************************************** * Tabbed Document Viewer script- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var selectedtablink="" var tcischecked=false function handlelink(aobject){ selectedtablink=aobject.href tcischecked=(document.tabcontrol && document.tabcontrol.tabcheck.checked)? true : false if (document.getElementById && !tcischecked){ var tabobj=document.getElementById("tablist") var tabobjlinks=tabobj.getElementsByTagName("A") for (i=0; i
function handleview(){ tcischecked=document.tabcontrol.tabcheck.checked if (document.getElementById && tcischecked){ if (selectedtablink!="") window.location=selectedtablink } } Jika sudah jangan lupa di simpan. LANGKAH III Buka Template -> Element Halaman -> Tambahkan sebuah Elemen Halaman -> Lakukan Copy-Paste Kode dibawah ini -> kemudian simpan dan lihat hasilnya.

• Oom's Blog
• Google
• Yahoo
• MSN
• News.com
• Dynamic Drive

<iframe id="tabiframe" src="http://www.o-om.com" width="98%" height="350px">

Open tab links in browser window instead.

URL yang berwarna biru bisa kita ganti sesuai dengan keinginan. URL yang berwarna pink merupakan alamat yang akan ditampilkan pertama kali Cara menambahkan Alamat: Untuk menambahkan halaman kita tinggal menambahkan kode dibawah ini dibawah code warna merah diatas :) 27

Nama URL

Sumber : http://www.dynamicdrive.com/dynamicindex3/tabdocviewer.htm

Membuat tips of the day Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta, Tips cakepin muka atau apalah terserah. Sebenarnya Tips of the day disini cuman istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload pada halaman blog. Memangnya Tips of the day ini berguna? Ya itu siy tergantung selera masing-masing orang, kalau saya siy ga pake soalnya bingung mau ngasih tips apa (saya siy lebih cocoknya dikasih tips…). Selain berguna menampilkan informasi singkat, coba bayangkan ketika kamu hanya ingin memposting artikel yang pendek misalkan hanya 250 karakter..masa mau dipaksa dipanjang-panjangin khan malah terlihat aneh, disinilah untungnya memasang Tips of the day. Pengen tau cara buatnya... Niy contohnya..

Untuk kodenya bisa kamu pelajari script dibawah ini: Did You Know... <script language="JavaScript"> //store the quotations in arrays tips = new Array(5); tips[0] = "tips bla bla bla 1"; tips[1] = "tips bla bla bla 2"; tips[2] = "tips bla bla bla 3"; tips[3] = "tips bla bla bla 4"; 28

tips[4] = "tips bla bla bla 5"; //calculate a random index index = Math.floor(Math.random() * tips.length); //display the quotation document.write("\n"); document.write(tips[index]); //done »»
Sedikit penjelasan kode : Kode warna hijau merupakan text tips yang akan ditampilkan nantinya. Kode warna pink merupakan icon/logo dari tips, kamu bisa mengganti sesuai keinginan (caranya tinggal arahkan saja alamat url dimana logo/icon kamu disimpan) Kode warna merah merupakan kode singkat untuk melakukan refresh atau reload halaman, ketika kode ini di klik maka setiap halaman di refresh tips tersebut akan berganti secara otomatis (kode ini jangan di modifikasi ya) Bagaimana Menambah Tips nya biar banyak? Lihat contoh kode diawah, ini berarti kamu hanya menampilkan 5 tips. tips = new Array(5); tips[0] = "tips bla bla bla 1"; tips[1] = "tips bla bla bla 2"; tips[2] = "tips bla bla bla 3"; tips[3] = "tips bla bla bla 4"; tips[4] = "tips bla bla bla 5"; Kalau pengen nambah 10 atau 100 tips tinggal tambahin aja script kodenya. tips = new Array(10); tips[0] = "tips bla bla bla 1"; tips[1] = "tips bla bla bla 2"; tips[2] = "tips bla bla bla 3"; tips[3] = "tips bla bla bla 4"; tips[4] = "tips bla bla bla 5"; 29

tips[5] = "tips bla bla bla 1"; tips[6] = "tips bla bla bla 2"; tips[7] = "tips bla bla bla 3"; tips[8] = "tips bla bla bla 4"; tips[9] = "tips bla bla bla 5"; Yang harus diingat jumlah tips dihitung dari 0 (nol) bukan dari angka 1. Cara memasang pada blogger: Pilih Tempalate -> Elemen Halaman -> Tambahkan sebuah Elemen Halaman -> Copy-Paste kode script nya -> simpan dan lihat hasilnya.

Membuat blog lebih expressive Selanjutnya kita akan mencoba membahas tentang "Bagaimana Cara Membuat Postingan/Content Blog Agar Lebih Expressive. Maksudnya apa niy? Begini lho, jika di layanan Blog lain semisal Wordpress, setiap kita mengetikkan tanda ini :) maka yang muncul adalah gambar ini

, kalo

tanda ini :p maka yang muncul gambar ini dan lain-lain . Nha dengan adanya gambar-gambar itu akan membuat blog kita menjadi lebih expressive. Sayangnya bagi kita yang memakai layanan di Blogger tidak mendapat fasilitas tersebut. Tapi tenang saja, dalam artikel kali ini kita akan mencoba membahas bagaimana supaya bagi kita yang memakai layanan Blogger bisa seperti yang ada di Wordpress. Langkahnya cukup mudah, yuppsss….. 1. 2. 3. 4.

Login ke blogger trus pilih Template -->> Edit HTML Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates Cari kode ini ]]> (letaknya kira2 di bagian tengah posisi kiri) Masukkan script di bawah ini persis dibawah kode ]]> <script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>

Jangan lupa disimpan, next kalau kita ingin mencobanya kita bisa memulainya lewat postingan yang baru dengan memasukkan kode-kode yang sudah disediakan. Kalo gagal dicoba lagi, kalo masih gagal ya coba sekali lagi, kalo masih gagal lagi ya mengkin servernya lagi down atau itu emang karena kamu kurang beruntung, kalo masih gagal gagal lagi, udah ah bosen ngomong gagal mulu

.

30

Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) -->

:D -->

:$ -->

:z -->

:p -->

;) -->

:k -->

:@ -->

:# -->

:x -->

:o -->

:L -->

:O -->

:r -->

:y -->

:t -->

:d -->

:c -->

:s -->

:~ -->

:v -->

:f -->

:( -->

O ya sebagai catatan, sebelum mengetikkan kodenya, harus di spasi dulu.

Trik Memproteksi Blog dari Penjiplakan Mungkin bagi sebagian para pemilik blog sering kali jengkel jika melihat artikel-artikel yang dibuatnya dengan memeras otak (emangnya cucian) tiba-tiba sudah ada di tempat blog milik orang lain, apalagi kalo disitu tidak disebutkan sumber asli dari artikel tersebut, pasti orang tersebut akan bilang "BRENGSEK” dan sumpah serapah yang lain (apa aja ya kata sumpah serapah? aku taunya cuma itu doang, aku kan selalu ngomong yg baik2 jadi nggak tahu kata-kata kotor..hooooeeeekkkkk..). Tapi mungkin bagi sebagian orang lagi sih nggak mempermasalahkannya, entah artikelnya diambil kek, di copy kek, di cekek kek "No Problem". Nha, kamu termasuk golongan yang mana nih? yang Protectif atau yang Cuekif (bahasa mana tuh "Cuekif"). Kalo kamu termasuk yang yang Protectif alias golongan orang yang artikelnya nggak mau dicuri orang, sini ikut saya , tak tunjukin jalan menuju sorga, eeh, maksudnya cara melakukannya. Udah berdebar-debar ya? nggak sabar nunggu ya? ya udah deh ini dia Tips dan Trik untuk memproteksi artikel dari pencurian... Pertama-tama kita panjatkan puja dan puji sukur kita kepada Tuhan YME. Walah malah pidato. Langsung aja deh. Pertama-tama kita panjatkan, walah kok itu lagi sih. Pertama-tama kita analisa dulu, biasanya kalo mau nyuri artikel kan ada beberapa cara nih, mulai dari menyeleksi tulisan yang mau dicuri kemudian di copy-paste. Atau melihat "Source Code"nya dengan meng-klik kanan dan lain-lain. Ada beberapa cara untuk mengatasi masalah tersebut, mulai dari cara yang mudah sampai cara yang sulit. Nha untuk Tips dan Trik kali ini kita akan mencoba menggunakan cara yang mudah saja, tapi ingat, cara ini hanya efektif untuk menghadapi maling kelas teri, jadi nggak akan mempan menghadapi para penjahat kelas kakap yang sudah banyak makan asam garam dunia internet (emangnya enak makan asam ama garam?). Tapi lumayan kan untuk berjaga jaga dari maling-maling kelas teri. Nha berikut adalah triknya... Copy script dibawah ini kedalam body kamu (lho? kok kedalam body sih?), maksudnya kedalam tag Edit HTML cari kode ini letaknya kira-kira di tengah bagian kiri, dan biasanya setelah kode . perlu diperhatikan bahwa di dalam kode html terdapat banyak tulisan "body", jangan salah memilih body 31

kalo sudah ketemu letakkkan script ini didalamnya onmousedown="return false" oncontextmenu="return false" onselectstart="return false" contohnya kayak gini nih Nha, script diatas untuk memproteksi agar text yang ada tidak bisa di seleksi untuk dicopy, dan juga tidak bisa di klik kanan. Trus bagaimana kalo kalo pencurinya lihat source code kita lewat menu-menu yang ada di web browser? misalnya yang pake Mozilla dengan cara Klik View -->> Page Source atau dengan menekan Ctrl+u. Nha untuk menakali masalah ini kita kita pakai cara licik aja, yaitu dengan menurunkan script html kebawah, caranya gimana tuh? Begini, taruh kursor/pointer ke atas tag (letaknya dibagian atas), trus tekan enter sampai kira-kira 70 kali. Nha kalo pencurinya melihat source code kita, dia hanya akan melihat kode kepala dari html kita, sedangkan isi dari blog kita kan udah turun ke bawah, tul ga? Tapi ingat sekali lagi, ini hanya untuk pencuri kelas teri, walaupun diproteksi secanggih apapun, NOTHING IS SECURED, pasti tetap aja ada orang yang akan bisa membongkarnya, tapi kan setidaknya kita berjaga-jaga, ya tho? Monggo di jajal..(halah pake bahasa jawa, padahal ra’ mudeng)

32

BAB III Bab ini berisi tentang hal-hal seputar blog misalnya seperti mempersingkat nama domain blog, bagaimana memback-up blog kita, dan yang ga kalah pentingnya bagaimana cara agar tampilan blog kita itu terlihat profesional..hehehe. Gimana?! Dah ga sabar lagi khan?! Yukks langsung dibaca aja tuh artikel-artikel di bawah ini.

Blogger Backup and Restore with BlogBackupOnline. Proses backup data blogger anda tetap menjadi hal yang harus diperhatikan. Nha, disini saya akan menjelaskan backup data blog menggunakan layanan BlogBackupOnline. BBO merupakan proses backup online terbaik menurut saya selama ini, Layanan ini memberikan kita space 50 MB secara cumacuma. Terlalu kecil? Tentu saja tidak, karena kebanyakan blog space-nya tidak sampai 1 MB, gratis lagi ! layanan ini juga support pada beberapa layanan blog diantaranya Blogger, Wordpress, Life Jurnal, Windows Life Space 3 langkah mudah melakukan backup pada layanan BlogBackupOnline 1.Sign Up Lakukan pendaftaran atau registrasi dengan memasukan nama user, password dan email anda. Jika sudah buka alamat email anda untuk proses confirmasi. Kemudian lakukan proses login seperti biasa. Daftar sekarang juga disini 2. Register blog yang akan di backup Cara melakukan register cukup klik "add new blog to backup" masukan URL alamat blog anda kemudian klik "Register blog". 3. Klik "Manage" untuk proses setting backup     

Tab Info : Merupakan tab informasi status blog anda, pada tab ini anda bisa melakukan proses hapus blog, melakukan setting pada media file atau anda dapat memasukan alamar url rss feed blog yang akan dibackup Tab Content : Merupakan informasi dimana anda dapat melihat informasi data posting dan komentar yang dibackup Tab Backup : Disini anda bisa melakukan configurasi, ada dua pilihan yang bisa digunakan yatiu full backup dan daily backup (Backup Harian) Tab Restore : Restore merupakn proses mengembalikan data. anda tinggal memasukan alamat blog anda kemudian ikuti intruksi yang anda. Tab blog : Merupakan informasi atau catatan dari proses backup blog anda 33

 

Tab Export : Pada tab ini anda bisa menyiman data yang telah di backup pada komputer anda. caranya tinggal klik "Download Export File" simpan ditempat yang aman. Tab Dasboard : infomasi dari alamat blog anda yang akan di backup

Sekarang blog anda telah siap dibackup secara full atau daily (harian) tergantung setting yang anda gunakan pada layanan tersebut. Semoga artikel ini cukup membantu.thanks

Mendaftarkan blog ke Search Engine Banyak cara agar blog/situs kita dikenali search engine, cara yang paling praktis adalah dengan menggunakan auto web submit. Ada banyak layanan gratis yang menyediakan layanan untuk pendaftaran, kamu bisa mencarinya sendiri di search engine atau tanyakan aja ke om google. Untuk memudahkan dalam mendaftar ke Search engine, saya sarankan pada ente semmuanya untuk menggunakan layanan mypagerank. Layanan dari mypagerank ini akan memudahkan kita mendaftarkan blog/situs ke search engine seperti dibawah:                           

www.google.com www.searchengine.com www.infotiger.com www.scrubtheweb.com www.searchuk.com www.entireweb.com www.maxpromo.com www.aesop.com www.whatuseek.com www.splatsearch.com www.walhello.com www.acoon.de www.szukacz.pl www.daypop.com www.fybersearch.com www.biveroo.de www.infoseek.co.jp www.yandex.ru www.amfibi.com www.bigfinder.com www.metawebsearch.com www.jayde.com www.cipinet.com www.infotiger.com www.websquash.com www.Search-o-rama.com www.unasked.com 34

 www.uk.abacho.com  www.mixcat.com Untuk mendaftarkan blog/situs ente klik disini. Saya tidak menjamin dalam waktu cepat situs anda akan terdaftar, semua ini tergantung dari bagaimana semua search engine diatas meng-index halaman blog/situs anda

Mempersingkat Nama Domain Blog Jika kita membuat blog secara gratis, baik di blogger atau di wordpress kita akan memperoleh nama/domain blog kita seperti ini http://blabla.blogspot.com atau http://blabla.wordpress.com. Bagi yang punya banyak uang mungkin bisa langsung membayar dan bisa memiliki nama domain dot.com. Namun bagi kita yang miskin ini pasti malas jika harus merogoh uang jajan kita demi mendapatkan domain yang lebih simple yaitu http://blabla.com. Tapi jangan khawatir bos, saya punya tips menarik supaya nama web/blog kita menjadi lebih pendek, dan juga tidak perlu bayar. mau tahu caranya? Ada beberapa layanan di internet yang yang bisa mempersingkat nama domain blog kita. Disini akan saya sebutkan tiga saja yang menjadi favorit saya, karena selain gratis, cara daftarnya juga gampang, dan tidak ada iklannya. Berikut ini adalah layanannya: 1. co.cc nama blog kita akan menjadi http://nama.co.cc 2. co.nr nama blog kita akan menjadi http://nama.co.nr 3. uni.cc nama blog kita akan menjadi http://nama.uni.cc Nha jadi lumayan pendek kan? mau tahu caranya? gampang kok, tinggal kunjungi situs tersebut terus daftarkan web/blog kita. Pengen dijelasin caranya? OK deh kali ini saya akan menjelaskan satu aja yang menjadi paling favorit saya dari ketiga layanan tersebut yaitu co.cc 1. Buka website ini http://co.cc maka tampilannnya akan seperti ini

35

2. Isikan nama domain untuk blog/web kamu sesuai yang kamu inginkan di kotak yang disediakan, terus klik tombol cek 3. Jika domain yang kamu minta ternyata sudah dimiliki orang lain maka kamu akan diminta memasukkan kembali nama dimain yang lain, namun jika belum ada yang punya maka kamu isa langsung mendaftarkannya denagn meng-klik tombol Register Now lalu kil tombol Sign Up 4. Setelah itu akan muncul form pendaftaran, isilah form tersebut trus klik tombol Submit 5. Jika berhasil maka akan muncul halaman baru lagi, lalu klik tombol Set up Domain, trus muncul lagi halaman baru dan klik pada tombol Please Set up 6. Kemudian isikan alamat blog kamu, misalnya http://ihsan-elektro.blogspot.com pada kotak Target URL dan isikan title dari blog kamu pada kotak Title 7. Jika kamu pingin nama asli blog kamu tidak kelihatan di addressbar maka klik pada link URL Hiding 8. Jika sudah lalu klik tombol Setup Domain 9. Web/blog kamu akan diperiksa dulu oleh tim dari co.cc. masa tunggunya paling lama 24 jam, jika sudah di approve atau disetujui maka kamu akan langsu bisa memakai nama domain kamu yang baru. Oh ya, domain yang lama masih tetep bisa di akses. Trus, catatan lagi nih, disini tidak menerima website yang mengandung unsur pornografi, spam, dan sesuatu yang ilegal. Selamat Mencoba

Pasang Meta Tags di Blogger Meta tags merupakan cara menyampaikan infomasi penting ke search engine (Mesin Pencari) mengenai informasi suatu halaman, Ada banyak meta tag sesuai dengan standar HTML 4.0 dari World Wide Web Consortion, tapi sebenarnya yang betul-betul dipakai oleh search engine hanya 3, description, keyword, dan robots. Mengenai penjelasan meta tags karena sudah terlalu banyak yang menulis hal ini jadi saya pilih aja salah satu situs terbaik yang bisa dipercaya, informasi yang saya ambil berasal dari alamat ini http://www.promosi-web.com/ (semua penjelasan tidak ada pengeditan sebagaimana aslinya)

Meta Tag Description Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman web Anda. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan. Contoh penulisan meta tag description adalah sebagai berikut : <meta name="description" content="Promosi-web.com is a search engine tutorial that explain 36

how to get top rangking in all major search engine and get high traffic for your web site. Available in Bahasa Indonesia."> Beberapa search engine seperti Nothern Light dan Google tidak memakai meta tags sebagai deskripsi hasil pencariannya. Yang mereka gunakan adalah kalimat-kalimat awal yang ada pada halaman tersebut. Itulah sebabnya kenapa saya sarankan agar Anda menggunakan isi dari meta tag description sebagai kalimat pembuka. Dan jika bagian paling awal dari web Anda berupa sebuah menu, maka deskripsi yang ditampilkan pada hasil pencarian Northern Light adalah seperti ini : Home | Products and Service | Contact Us | About Us ...welcome to our online store, the best place on the web to... Meta Tag Keyword Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman web tersebut pada search engine. Sintak dasar dari meta tag keyword adalah sebagai berikut : <meta name="keywords" content="keyword1 keyword2 keyword3 ..."> atau ada juga yang menulis dengan pemisah tanda koma : <meta name="keywords" content="keyword1, keyword2, keyword3, ...> Keduanya berfungsi sama dan tidak ada pengaruhnya pada search engine. Tujuan pemakaian tanda koma agar keyword-keyword tersebut lebih mudah dibaca. Yang perlu diperhatikan disini adalah jangan mengulang sebuah kata lebih dari 3 kali, karena akan dianggap spamming. Contoh pemakaian meta tag keyword yang salah adalah : <meta name="keywords" content="bali, bali hotels, travel in bali, bali island, bali weather> Disini terlihat sekali bahwa kata "bali", diulang lebih dari 3 kali. Contoh berikut ini tidak akan dianggap spamming oleh search engine : <meta name="keywords" content="bali hotels travel bali island bali weather"> Yang tak kalah pentingnya mengenai keyword adalah jangan membuat keyword yang tidak ada hubungannya dengan isi halaman web Anda. Hal ini juga akan dianggap spamming. Misalkan web Anda memuat informasi mengenai pariwisata di Bali, jangan sekali-kali menambahkan "MP3" atau "Britney Spears" sebagai keyword hanya karena keyword-keyword ini merupakan keyword favorit di internet dan banyak dicari orang.

37

Meta Tag Robots Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman web yang mana bisa diindex oleh spider dan halaman web mana yang tidak. Tag ini sangat berguna sekali terutama jika seuatu website memakai frame untuk navigasinya. Tentunya kita tidak ingin menampilkan menu-menu dalam frame untuk dibaca oleh search engine. Format dasar dari meta tag robots adalah sebagai berikut : <meta name="robots" content="index | noindex | follow | nofollow"> Sebagai contoh, jika Anda ingin agar spider membaca main page, dan menelusuri semua link yang ada maka tambahkan perintah berikut ini : <meta name="robots" content="index follow"> Dengan perintah ini spider akan meng-index main page Anda dan menjadwalkan untuk mengindex halaman-halaman lain yang bisa dicari melalui hyperlink (). Perintah berikut ini akan menginstruksikan agar spider tidak meng-index maupun menelusuri link yang ada pada suatu halaman web. <meta name="robots" content="noindex nofollow"> Lalu bagaimana memasang Meta Tags di Blogger : Untuk memasang Meta tag diBlogger caranya cukup mudah, pertama masuk ke Edit HTML kemudian copy paste kode dibawah ini, biasanya kode meta tags diletakan dibawah kode dan jangan lupa merubah kode warna merah di bawah sesuai dengan deskripsi blog kamu. <meta content=' Tulis deskirpsi disini' name='description'/> <meta content='keyword1 keyword2 keyword3 ...' name='keywords'/> <meta content='INDEX, FOLLOW' name='ROBOTS'/> Selama Mencoba, Happy Blogging :)

17 Tips agar halaman blog tampil Profesional Artikel ini langsung saya copy dari situs bang o-om tanpa ada yang dirubah sama sekali. Then, silahkan simak uraiannya yukk..

Penambahan widgets dan aksesoris pada halaman blog memang menyenangkan dan membuat halaman blog akan terlihat sangat cantik. Tapi tahukah anda ada beberapa hal yang harus dihindari pada halaman blog anda agar terlihat lebih profesional. Kenapa tampilan halaman harus Profesional? untuk menjawab hal ini sangatlah bervariatif yang jelas jawaban abstrak dari saya 38

adalah masalah tampilan, anda tahu kan penampilan halaman dengan user interface yang baik adalah hal yang utama, apapun didunia ini pertama kali yang dilihat adalah penampilan jika kesan pertama sudah tidak baik jelas akan berpengaruh buruk terhadap pengunjung blog anda. secara realita memang penilaian setiap orang bervariasi dan relatif tetapi tidak salah kan kita mencoba menuju ke kearah kesempurnaan. Masih ingat beberapa bulan yang lalu ketika saya baru pertama kali membuat blog. Banyak sekali widget dan aksesoris yang saya pasang pada halaman blog saya, setelah saya pikir-pikir untuk apa semua itu jika tidak ada hubungan sama sekali dengan blog saya dan jangan pernah berpikir bahwa tampilan blog saya Profesional karena mencapai tujuan tersebut sangatlah tidak mudah dan butuh waktu. untuk menjawab semua hal diatas saya akan berbagi tips bagaimana menjadikan halaman blog anda terlihat lebih berisi dan terlihat profesional dan apa saja yang harus dihindari pada halaman blog anda . 17 tips agar halaman blog terlihat lebih Profesional : 1. Lakukan pengecekan halaman pada beberapa web browser yang berbeda: Tampilan halaman anda begitu cantik di browser firefox tetapi belum tentu bagus di browser IE atau Opera atau browser yang lain. Ingat pengunjung blog anda tidak hanya menggunakan satu browser saja. untuk itu anda coba lakukan pengecekan dengan browser yang berbeda, misalkan : Firefox, Flock, Mozilla, IE, Opera, Safari. 2. Pilihan warna pada blog : Pemilihan warna memang susah-susah gampang semuanya tergantung selera pemilik blog. Jangan terlalu egois, pilih warna sesuai dengan tema blog anda. coba anda pikir jika blog anda tentang agama dengan pilihan warna hitam, terlihat janggal bukan! kebanyakan warna hitam lebih cenderung ke situs yang bertemakan underground. 3. Hindari Memasang Jam : Tanyakan pada diri anda sendiri apa gunanya memasang jam di blog anda, jika hanya sebagai pengingat waktu atau untuk mempercantik halaman sebaiknya tidak usah digunakan, apa gunanya jam pada taksbar windows. yang jelas bakal bikin load page anda semakin berat. 4. Hindari pasang kalender : Apa gunanya kalender windows? orang butuh informasi dari blog anda bukan ingin melihat kalender. sekedar informasi kalender yang saya maksud adalah kalender umum, beda dengan kalender yang menampilkan sebuah posting (biasanya banyak digunakan pengguna wordpress) 5. Hindari pasang jumlah pengunjung tetap: jika blog anda baru jangan gunakan jumlah pengunjung (counter), ini akan berakibat penilaian yang buruk terhadap blog anda. walaupun untuk beberapa penyedia layanan counter menyediakan fasilitas untuk memanipulasi dan menambah jumlah pengunjung secara manual, coba anda pikir blog yang baru dibuat sudah mencapai 100.000 pengunjung apa itu mungkin?. 6. Jangan memelas untuk meminta mengklik iklan : hindari kata "klik iklan dibawah ini" atau bahasa apapun yang meminta pengunjung anda untuk mengklik iklan. sampai saat ini ada beberapa blog yang melakukan hal tersebut (maaf jika blog anda termasuk dalam hal ini) siapa 39

sih didunia ini yang suka diperintah, Tanpa anda menyuruhpun pengunjung bakal mengklik iklan tersebut jika dirasa berguna gai mereka. 7. Jangan memasang iklan yang berserakan : Iklan yang banyak memang sangat menguntungkan, namun jangan sampai isi halaman anda hanya iklan dan iklan. Pasang iklan sewajarnya saja dan tahukah anda pengunjung sangat risih dengan adanya iklan yang telihat melebihi kapasitas dari isi halaman blog anda. 8. Hindari memasang lagu pada blog : Selain bikin halaman berat blog yang menampilkan lagu agak terkesan tidak profesional dan maaf agak terkesan jaman dulu (jadul). Tidak masalah jika blog anda tentang musik atau blog personal tapi untuk blok bisnis kayanya kurang cocok. 9. Menampilkan status IP pengunjung : Blog anda bukan program spy khan?, jadi lebih baik tidak usah dipasang agar pengunjung tidak merasa dimata-matai. 10. Memasang widgets yang tidak ada hubunganganya dengan blog : Menambahkan widgets memang menyenangkan tapi jika tidak ada hubungannya malah blog anda terkesan aneh. pasanglah widget sesuai dengan kebutuhan saja. 11. Jangan hanya Copy-Paste : Saya tidak melarang anda untuk melakukan Copy-Paste, jika memang dilakukan sebaiknya perbaiki juga code scriptnya, hargai jerih payah penulis sebenarnya karna jika hanya copy-paste tulisannya tidak bakal terlihat rapi dan kemungkinan gambar yang diikutsertakan tidak bakal muncul. 12. Perhatikan tanda baca : Perhatikan tulisan anda apakah sudah benar tanda bacanya. Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda. 13. Jangan gunakan gambar yang besar : Gambar memang mempercantik halaman anda, gambar yang besar justru jadi bumerang buat loading page anda. yang jelas blog anda pasti akan diabaikan untuk sementara waktu ketika loading page sedang berjalan. 14. Periksa Dead link : Link yang telah mati bakal tidak disukai pembaca, jangan kan pembaca search engine pun tidak menyukai hal ini. Lakukan pengecekan dead link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini. 15. Jangan terlalu banyak memposting artikel orang lain : Ini akan mendapat respon buruk dari pembaca, karna pembaca akan lebih berpikir lebih baik membaca kesumbernya secara langsung. 16. Selalu pasang nama sumber artikel : Blog yang profesional selalu menghargai jerih payah orang lain, yang jelas memasang nama sumber tidak merugikan anda sedikitpun sebaliknya penghargaan atas jerih payah orang lain itulah yang membuat anda terlihat lebih profesional. 17. Cara merespon komentar yang baik : Jangan pernah bersikap menggurui, hargai semua komentar dengan bijak walau pun ada beberapa komentar yang menyebalkan. Ingat! blog tempat

40

orang menuangkan semua ide dan pemikiran jadi semua orang pasti mempunyai pendapat yang berbeda. Sebagian tulisan diatas saya dapatkan dari beberapa sumber terpercaya dan sebagian lagi adalah pemikiran saya pribadi berdasarkan pengalaman saya. Terima kasih pada Cosa Aranda tentang sebagian tips terbaiknya. Jika tidak sependapat dengan saya dan anda mempunyai pemikiran yang berbeda dapat menuangkannya pada halaman komentar. Terima Kasih (oom) Selesai..Gimana? Apakah blog kita seperti yang disebutkan di atas?? Akhir kata, Gut bye….

41

PENUTUP Akhirnya sampai juga di bab yang paling terakhir yaitu penutup. Di sini saya ga bakal banyak bacot lagi. Intinya saya berharap dengan adanya e-book ini bisa menumbuhkan semangat pada yang membacanya untuk juga ikut serta dalam dunia per-blog-ingan dan juga diharapkan dengan adanya beberapa tutorial tentang blog di e-book ini bisa menghilangkan prasangka kita akan rumitnya ber-bloging di dunia maya ini. Sekian dan terima kasih…

42

DAFTAR PUSTAKA http://www.o-om.com http://trik-tips.blogspot.com http://www.promosi-web.com/ http://www.dynamicdrive.com/dynamicindex3/tabdocviewer.htm

43

BIOGRAFI Muhammad Ikhsan Anshori (L2F007053) Lahir di Samarinda, 26 Desember 1989. Telah menempuh pendidikan mulai dari TK Cendrawasih Samarinda, kemudian melanjutkan ke SDN 018 Samarinda, SMPN 1 Samarinda, serta SMUN 10 “Melati” Samarinda. Saat ini sedang melanjutkan pendidikan S1 Teknik Elektro Universitas Diponegoro. Motto hidup “Santai Aja” (dari kemarin bingung motto hidupnya apa, jadi ya pake ini aja..hehehe). Hobi saya bermain bola, gitar, ama ngeband (walaupun ga bisa maen). Cita-cita (sebenarnya) ingin menjadi dokter tetapi karna ini dah mustahil, jadi sekarang ane berkonsentrasi untuk menjadi seorang engineer yang baik dan benar. Doain ya moga cepet lulus..Amin… O iye sekalian doain moga cepat dapet istri (ga muluk-muluk, ku mintanya yang cakep & baik aja, hehehehe…)

Untuk kritik dan saran bisa dikirimkan ke Email : [email protected] Blog : http://www.anshori.uni.cc

NGE-BLOG `````YUKKKK !!!!! (tulisannya apa hayo??)

44