FUN N SMART COURSE

LANGKAH-LANGKAH MEMASANG KALENDER PADA BLOG:

Kunjungi http://mycalendar.org. Di sana ada banyak pilihan kalender. Anda pilih kalender seperti apa yang Anda inginkan untuk dipasang di blog Anda lalu copy kode HTML nya dan paste di layout > page elements > add widget > HTML / JaveScript.

Kalender Anda secara otomatis akan terpasang pada blog Anda. Jika Anda menginginkan kalender yang lain, Anda dapat mengunjungi situs-situs berikut:
* http://www.free-blog-content.com/
* http://www.localendar.com/elsie

Selamat mencoba!

LANGKAH-LANGKAH MEMASANG JAM PADA BLOG:

Kunjungi situs penyedia jam gratis www.clocklink.com dan klik want a clock on your website. Pilih jam yang Anda sukai dari kategori yang disediakan. Jika sudah menemukan yang Anda sukai klik view html tag dan klik accept.

Akan muncul tampilan seperti di bawah ini:


Pilih opsi warna yang Anda inginkan kemudian pilih JOG: Jogjakarta Indonesia Time (GMT + 7) pada time zone. Copy paste kode html nya pada sidebar Anda. Caranya: masuk ke halaman dashboard > tata letak > tambah gadget > HTML / Javascript. Paste kode yang telah Anda copy.

Widget ini sangat berguna untuk mengetahui berapa banyak visitor yang mengunjungi blog Anda sejak widget ini dipasang. Selain itu, Anda juga dapat mengetahui negara asal visitor Anda.

Cara memasangnya --> kunjungi http://s06.flagcounter.com/more/ttR atau klik Flag Counter pada bagian bawah blog ini.

Kemudian klik 'get your own flag counter' dan copy paste kode HTML for website nya pada bagian layout > page elements > Add HTML/JavaScript.

Anda sudah memiliki Flag Counter sekarang ;). Selamat mencoba

LANGKAH-LANGKAH MEMBUAT GUEST BOOK:

Kunjungi http://www.cbox.ws/ atau klik get CBox di buku tamu blog ini. Kemudian klik sign up. Masukkan username, email address, password, dan nama blog Anda.

Klik look & feel > style gallery untuk memilih tampilan CBox yang sesuai dengan background blog Anda. Selain itu, Anda dapat juga mengubah warna dari CBox Anda pada look & feel > edit style.

Langkah berikutnya adalah klik publish. Copy paste kode HTML yang muncul pada layout > Page elements > Add HTML / JavaScript. CBox Anda siap digunakan ;)

LANGKAH-LANGKAH MEMBUAT NAVIGASI BAR:

Apa itu navigasi bar? Itu lho yang ada di bawah judul blog agar pengunjung dapat melihat apa saja content blog kita. Perhatikan navigasi bar blog ini!

Ya, benar! Navigasi bar pada blog ini  FUN N SMART, Tutorial Blog,……., Info Beasiswa. Bagaimana cara membuatnya?

Langkah pertama adalah copy kode berikut dan letakkan pada layout > edit html > di bawah kode CDATA[

<script src='http://stubb.fanatic.googlepages.com/chrome.js' type='text/javascript'/>
.chromestyle{
width: 99%;
font-weight: bold;
}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://photos1.blogger.com/x/blogger2/2604/6063341998323/320/823865/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{
display: inline;
}
.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}
.chromestyle ul li a:hover{
background: url(http://photos1.blogger.com/x/blogger2/2604/6063341998323/320/578414/chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}
.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " ";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

Kemudian masuk ke layout > page elements > add HTML / JavaScript dan copy paste kode berikut:

<div id="chromemenu" class="chromestyle"><ul>
<li><a href="#" title="**">$$$</a></li>
<li><a href="#" title="**">$$$</a></li>
<li><a href="#" title="**">$$$</a></li>
<li><a href="#" title="**">$$$</a></li>
<li><a href="#" title="**">$$$</a></li>
</ul>
</div>

Ganti tanda # dengan alamat posting Anda dengan cara copy paste URL link ketika posting Anda muncul. Ganti tanda ** dengan judul navigasi Anda (tidak nampak di blog). Ganti $$$ dengan judul yang akan Anda tampilkan di blog. Contoh untuk FUN N SMART di atas, penulisannya demikian:

<li><a href="http://funnsmart.blogspot.com/2010/01/fun-n-smart.html" title="Fun N Smart">FUN N SMART</a></li>

LANGKAH-LANGKAH MENAMBAH WIDGET PADA SIDEBAR:

Masuk ke layout > page elements > add a gadget  ada 21 pilihan dasar antara lain:
1. Pages : menampilkan halaman yang ditambahkan.
2. Followers : menampilkan followers dari blog Anda.
3. Search Box: menampilkan kotak search.
4. HTML / JavaScript : menampilkan kode HTML / JavaScript.
5. Text : menampilkan kalimat yang akan Anda tampilkan.
6. Adsense : menampilkan kode iklan dari Google untuk menghasilkan uang.
7. Picture : menampilkan gambar.
8. Slideshow : menampilkan slide show.
9. Video Bar : menampilkan video
10. Poll : membuat polling sendiri.
11. Blog List : menampilkan blog anda yang lain atau blog sobat Anda.
12. Link List : menampilkan link-link sobat Anda.
13. List : menampilkan daftar favorit Anda.
14. Feed : menampilkan recent comments, menambahkan content dari RSS.
15. News Reel : menampilkan berita dari Google.
16. Label : menampilkan daftar posting yang telah Anda buat.
17. Subcription Link : menampilkan kotak isian untuk yang ingin berlangganan posting Anda.
18. Logo : membuat logo sederhana.
19. Profile : menampilkan profil Anda.
20. Blog Archive : menampilkan link ke posting-posting terakhir.
21. Page Header : menampilkan judul dan deskripsi blog Anda.

Selain itu, Anda juga dapat menambahkan gadget-gadget yang lain. Bahkan Anda juga dapat menambahkan game, jam, kalender, dan lain-lain. Yang perlu Anda lakukan hanya search di Google dengan keyword gadget for blogspot.

LANGKAH-LANGKAH MEMULAI POSTING PERTAMA:

Kunjungi URL www.blogger.com untuk sign in kemudian masukkan user name dan password Anda. Pada dashboard account Anda, klik tombol new post seperti tampilan berikut:


Masukkan judul posting Anda pada title dan isi posting Anda pada text area di bawahnya. Anda dapat juga mengatur apakah tulisan Anda tampil cetak tebal atau italic pada tombol-tombol di atas text area. Selain itu, Anda dapat juga mengupload link, gambar dan video. Berikut tampilan ketika Anda mengklik upload gambar:


Klik browse untuk memilih gambar yang Anda inginkan. Pilih layoutnya, mau diletakkan di kiri, tengah, atau kanan kemudian klik upload image. Setelah selesai, klik tombol done dan Anda kembali ke halaman posting.

Anda dapat mengklik publish now jika posting yang Anda buat telah siap untuk ditampilkan. Jika Anda belum selesai membuat posting tersebut, Anda dapat menyimpannya lebih dulu dengan mengklik tombol save now. Ketika Anda mengklik tombol publish now, akan keluar tempilan sebagai berikut:


Untuk melihat hasil posting Anda, klik view post. Posting Anda akan tampil dan jika Anda kurang puas, Anda dapat mengedit kembali posting tersebut dengan mengklik edit post. Selamat mencoba!

LANGKAH-LANGKAH MENGGANTI TEMPLATE BLOGSPOT:

Anda dapat mencari template-template yang bermacam-macam melalui search engine. Bahkan template yang sesuai dengan tema blog Anda juga bisa diperoleh, tinggal ketik saja apa yang Anda inginkan di search engine (google, yahoo, dll). Templates yang saya gunakan, saya peroleh dari http://www.ipietoon.com/, http://www.bloggerthemes.net/, dan http://www.deluxetemplates.net/.

Setelah Anda mengunduh (download) template yang Anda inginkan, masuk ke layout, edit html. Kemudian klik Download full template seperti gambar di bawah ini:


Tujuannya adalah untuk backup template Anda yang lama supaya jika ada kesalahan dalam mengupload template yang baru, settingan Anda masih bias diselamatkan. Ingat, jangan lupa tempat di mana Anda menyimpan template tersebut. Kemudian klik browse untuk memasang template yang baru dan klik upload.

Akan muncul tampilan seperti di bawah ini:


Anda dapat mengklik Keep widgets jika ingin menyimpan semua tools yang sudah Anda pasang di template yang lama atau Anda dapat klik Delete widgets jika ingin menghapus semua tools Anda yang lama. Setelah selesai, Anda dapat klik view blog dan melihat tampilan baru blog Anda ;). Selamat mencoba!

Anda dapat juga download langkah-langkah di atas dalam bentuk word document dengan klik di sini

"Sangat menyenangkan melakukan hal-hal yang tidak mungkin" (Walt Disney)