Copy kode HTML di bawah ini kemudian paste di bawah kode diatas
kebagian
bawah
sehingga
terlihat
kode
Copy kode HTML di bawah ini kemudian paste di bawah kode diatas Read More......
12
Jika ingin menampilkan Read More beserta judul postingan seperti contoh screenshoot website dibawah ini:
silahkan ganti kode diatas dengan kode dibawah ini: <strong>
klik tombol bertuliskan Save Template
Cara Posting Artikel nya Klik menu Posting->Edit HTML Secara otomatis akan timbul kode seperti ini:
Tuliskan artikel yang ingin tampak pada blog anda sebelum kode dibawah ini
13
Tulis keseluruhan sisa artikel sesudah kode di atas dan sebelum kode dibawah ini :
Tulis keseluruhan sisa artikel sesudah kode di atas dan sebelum kode dibawah ini :
Klik tombol PUBLISH POSTÆSilakan lihat blog anda,,
¾ Menghilangkan (Quick Edit)
tanda
obeng
dan
Tang
Dimana kita menemukan tanda Obeng dan Tang? mungkin ini pertanyaan pertama anda saat baca halaman ini,tanda obeng dan tang kita temukan saat kita mengedit blog kita dan melihatnya maka akan muncul tanda-tanda ini di setiap halaman gadget kita maksudnya supaya kita bisa langsung edit gadget kita,,untuk menghilangkan tanda tersebut silakan ikuti langkah-langkah dibawah ini: Login ke bloggerÆLayoutÆEdit HTMLÆklik Expand Widget Template Silakan temukan kode dibawah ini ]]>
Copy paste kode berikut persis di atas kode yang tadi :
.quickedit{ display:none; }
Klik tombol Simpan templateÆSelesai!!
14
¾ Memasukan kode HTML dipostingan Apabila kita akan poting sebuah artikel dimana artikel tersebut terdapat kode-kode HTML nya maka cara postingan tidak bisa langsung memasukkan kode-kode tersebut karena tidak akan muncul kode yang sama dengan kode yang kita posting,maka diperlukan kode-kode pengganti yang kita gunakan saat posting kode-kode HTMLnya. Dibawah ini merupakan tabel kode-kode penggantinya Karakter <
<
Notasi
>
>
& " ± Spasi ©
& " ± ©
®
®
Keterangan Kurung runcing terbuka Kurung runcing tutup Tanda Dan Tanda petik ganda Tanda plus minus Tanda Spasi Tanda hak cipta (copyright) Tanda terdaftar (Registered)
Contoh cara posting artikel yang terdapat kode-kode HTML Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : <meta http-equiv="refresh" content="10"> Maka saat posting artikel berubah menjadi seperti dibawah ini Untuk membuatnya cukup dengan hanya membubuhkan program di bawah ini : <br/>
<meta http-equiv="refresh" content="10">
15¾ Cara Membuat Kotak Blogroll Dalam Suatu blog atau website terdapat halaman-halaman postingan yang ingin kita tampilkan sebagai fungsi scrool ataupun bisa juga untuk memasang link-link blogger atau link friend, untuk membuatnya anda hanya menambahkan kode HTML nya. untuk membuat kotak blogroll ada 2 macam yaitu:
Kotak Blogroll Text Area Kotak Blogroll Marquee
Contoh kotak Blogroll Text Area
Kotak Blogroll Text area biasanya digunakan untuk pasang link frind anda atau link postingan anda Kotak Blogroll Marquee biasanya dipasang untuk link2 iklan, related link
Untuk lebih jelas silahkan ikuti langkah-langkah dibawah ini:
1. Login ke BloggerÆLayoutÆAdd Gadget 2. Silakan masukkan kode dibawah ini
16
#link1
#link2
#link3
#link...
#link2
#link3
#link...
Silakan ganti Link dengan URL yang akan anda masukkan
17
¾ Cara Mengganti Blog Adress Dalam suatu blog terkadang kita ingin mengganti alamat blog kita dengan alamat yang lebih kita sukai, anda tidak perlu membuat blog baru nah untuk menggantinya ikuti langkah dibawah ini: Login ke blog anda dan masuk halaman Dashboard anda Klik Setting Klik tombol Publishing Disebelah Blog*Spot Address ada alamat blog anda Silakan ganti dgn alamat baru Masukkan kode di word Verification form Kemudian Save setting jika alamat blog anda sudah ada yang menggunakan akan ada tulisan muncul “Sorry,this blog address is not available” silakan isi kembali alamat blog anda yang dgn yang lain sampai muncul tulisan “Subject to availability”. 10.Kemudian klik kembali tombol Save Setting 11.Selesai
18
¾ Membuat Link Exchange (Banner Blog) Link Exchange adalah media untuk tukaran link website atau blog anda dengan memasang banner yang kita design sendiri dan meletakkan pada blog kita beserta kode scriptnya supaya bisa dicopy oleh pengunjung yang ingin tukeran link dgn anda sebagai contoh banner blog seperti ini
Cara untuk membuat link exchange sebagai berikut: Silakan buat banner anda secara free dengan mengunjungi http://cooltext.com Silakan pilih logo anda atau banner anda dan silakan edit logo anda sesuai keinginan anda kemudian klik render logoÆGet HTML code Silakan register jika anda belum mempunyai account dan login jika anda sudah mempunyai account Silakan copy kode anda ke halaman lain dahulu Sign ini ke blog anda Layout->Add GadgedÆHTML/Javascript-->Copy kode dibawah ini Silakan ganti angka yang berwarna merah yaitu ukuran lebar dari kolom text exchange anda Ganti alamat yang berwarna biru dengan alamat blog anda Ganti kode yang berwarna hijau dgn kode2 yang ada di kode yang anda dapat dari cooltext.com tadi Save setting
19
Hasilnya akan seperti kotak dan jika anda ingin menambahkan gambarnya silakan copy kode2 yang ada dalam kotak tersebut dan letakkan di tempat yang anda inginkan atau bisa juga dicopy diatas kotak text areanya.
¾ Membuat Text Berjalan Fungsi text berjalan untuk membuat pengunjung blog atau website lebih fokus pada apa yang ingin kita sampaikan, penggunaan text berjalan biasanya berisikan informasiinformasi terbaru atau sejenis pengumuman-pengumuman Cara membuat text berjalan adalah sebagai berikut: Login ke Blogger andaÆLayoutÆAdd masukkan kode dibawah ini
gadgetÆsilakan
<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate"> marquee menurut perilaku Kode yang berwarna merah adalah text yang akan anda pasang Save Setting
20
¾ Text Box Area Text box area biasanya digunakan untuk memasang kode-kode HTML yang dimaksudkan supaya bisa dicopy oleh pengunjung. Untuk membuat text box area anda hanya membuat kode dibawah ini lalu silahkan pasang di gadget yang anda ingin kan
Sedangkan untuk membuat text box area dengan menampilkan kotak highlight nya silakan copy kode dibawah ini
¾ Membuat window baru di link postingan Apabila kita memasukkan sebuah link di postingan kita maka halaman blog kita akan tertutup dan akan digantikan dengan halaman link yang anda buka, untuk menghindari halaman posting kita tertutup makan perlu window baru sehinggan halaman website kita tetap muncul, untuk membuatnya silakan tambahkan kode ini setelah alamat url link target="new" jika link yang anda masukkan sebelumnya seperti ini http://tutorialbikinblog.blogspot.com/
21
maka setelah ditambah kode akan menjadi seperti ini http://tutorialbikinblog.blogspot.com/ target="new"
¾ Membuat Dropdown Menu Untuk membuat menu dropdown silakan ikuti langkah-langkah dibawah ini: Login di blogger->LayoutÆAdd gadget Silakan copy kode dibawah ini: <select onchange="javascript:window.open(this.options[this.selected Index].value);"> Kode FRIEND’S LINK akan muncul di kotak Dropdown dan silakan ganti kode warna merah dengan link yang akan anda tampilkan dan code yang berwarna biru dengan judul link yang akan tampil di menu DropDown
Dibawah ini silahkan lihat contoh screenshoot menu DropDown yang ditunjukkan dengan anak panah warna merah
22
¾ Highlight pada Script/Kode di Postingan Memberikan Highlight untuk script atau kode pada postingan akan lebih memperjelas pembaca. Setiap kali ada script/kode maka akan selalu ada highlight (kotak) yg akan membedakan dengan tulisan yg lain. Cara membuat Higlight Script / Kode pada postingan:
Login ke blogger lalu pilih Layout-->Edit HTML Kemudian copy kode dibawah ini lalu pasang di Script CSS kamu atau pasang sebelum kode ]]> 23
.alert { background: #DDE4FF; text-align: left; padding: 5px 5px 5px 5px; border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344;}
Kode yang berwarna merah (#DDE4FF) adalah warna background kotak highlight, kamu bisa menggantinya dengan kode warna yang lain yang cocok dengan background blog kamu. Untuk kode-kode warna bisa kunjungi link dibawah ini http://trik-tips.blogspot.com/2008/05/kode-kode-warna.html Simpan Cara Posting Supaya kode/scriptnya nanti bisa ada kotak highlight-nya maka untuk memposting harus pake cara2 tersendiri. Yaitu dengan menambahkan kode ini
sebelum kode/script yg akan diberi highlight. kemudian ditambahkan kode
diakhir script/Kode.¾ Cara Daftar feedburner Feedburner adalah jasa layanan publikasi suatu web dengan cara menyebarluaskan suatu content dan rss feed suatu blog / web,sehingga layanan feedburner ini membantu mempromosikan isi suatu blog atau web sehingga bisa traffic suatu blog atau website Untuk mendaftar www.feedburner.com Setelah anda dibawah ini
di
mengunjungi
feedburner
akan
muncul
silakan
halaman
kunjungi
seperti
24
Silakan isi kotak yang dilingkari merah dengan alamat blog atau web anda kemudian langsung klik next dan tidak perlu klik kotak I am podcaster
setelah itu akan muncul halaman berikut:
25
Isi kolom tersebut sesuai data blog anda kemudian klik Active Feed, jika ada kesalahan biasanya karena feed address silakan isi dengan nama yang lain sampai muncul window dibawah ini
Setelah alamat feed blog anda jadi, anda langsung saja menuju ke blogger untuk mengubah settingan feed blogger. Caranya masuk ke menu pengaturanÆfeed situs. Lalu masukan alamat feed anda yang tadi di buat ke kotak isian posting URL pengubahan arah feed Æsave. Kembali ke feedburner. Langsung klik aja skip directly to feed management tidak perlu klik next, Selanjutnya anda setting feedburner anda
26
¾ Cara Setting Feedburner Setting feedburner ini dimaksudkan untuk mengoptimalkan feed blog kita yang udah di daftarin di feedburner Untuk cara setting feedburner, langkah pertama yang harus di lakukan adalah login dulu di feedburner. Silakan kunjungi http://www.feedburner.com/ kemudian sign in
Kemudian akan muncul suatu halaman. Disana silahkan masukan username dan password anda, yang di buat sewaktu pertama kali daftar di feedburner. Selanjutnya klik sign in. Setelah itu anda akan feedburner. Silahkan setting. Pada halaman feedburner (Analyze, Troubleshootize).
dibawa ke suatu halaman feed anda di klik pada feed blog yang mau di tersebut, terdapat 5 menu yang ada di Optimize, Publicize, Monetize, dan
klik menu optimizeÆ smartfeed kemudian klik dan aktifkan. klik menu publicize kemudian aktifkan service email subscription, Ping shot dan Feedcount. Fungsi service email subsciption tersebut adalah untuk mengaktifkan form berlangganan yang bisa anda pasang di blog anda. Untuk ping shot, berfungsi untuk memberitahu feedburner secara langsung jika blog kita sudah di update. Sehingga jika anda melakukan ping dari situs ping service, dapat langsung terdetek dengan cepat oleh feedburner.
27
¾ Cara pasang Feedburner
form
berlangganan
Salah satu layanan yang disediakan oleh feedburner yaitu form berlangganan email Layanan feedburner ini akan memudahkan para pengunjung blog untuk mendapatkan posting terbaru dari suatu blog melalui email sehingga pengunjung langsung dapat artikel diemail mereka setiap ada postingan terbaru t dari suatu blog caranya cukup dengan mendaftarkan email-nya di form berlangganan email yang dipasang pada suatu blog yang mereka ingin langganan
cara membuat form berlangganan email di feedburner.
Sign ini di http://www.feedburner.com username dan password anda.
lalu
masukan
Klik pada blog yang akan di pasang layanan berlangganan email. Di
bagian
menu
atas,
klik
publicize.
28
Selanjutnya, subscription
pada
halaman
publicize
klik
Jika email subscription anda belum active, silahkan klik dulu activate untuk menggunakan layanan ini. Setelah itu, akan muncul suatu halaman seperti dibawah ini. Untuk memasang form berlangganan email di blog ada 2 cara pertama Copy seluruh kode html nya lalu paste di sidebar blog anda dan cara kedua langusung dengan memanfaatkan import elemen blogger.
29
Untuk cara pasangnya seperti biasa login ke bloggerÆLayoutÆAdd GadgetÆCopy HTML diatas
Selesai
30
¾ Edit Tampilan Feedburner
Form
Berlanggana
Jika sebelumnya form berlangganan seperti ini kode HTML dibawah ini
feedburner
anda
Akan dimodifikasi maka kode dengan kode dibawah ini:
yang
berwarna
merah
diganti
31
Maka hasilnya menjadi seperti ini:
32