Tutorial: Cara Memasang Chatbox Pada Blog

Lewat blog, kita juga dapat berkomunikasi dengan pengunjung blog. Yaitu dengan chattingan tentunya. Cara pemasangan chatbox pada blog memang cukup mudah!

Cara:

1. Bukalah cbox.ws/
2. Di menu navigasi, klik tulisan Sign Up
3. Isi formulirnya dengan lengkap (Untuk Cbox Name, jangan pakai spasi ya^^)
4. Jika sudah, klik tulisan Create My Cbox
5. Lalu bukalah email kalian yang tadi dipakai di formulir Cbox
6. Ikuti perintah Cbox lewat email kalian
7. Lalu kalian akan mendapatkan kode (Copy kode tersebut)

Cara pemasangan:

1. Masuklah ke Dasbor Blogger
2. Pilih Menu Lainnya/Other Option
3. Klik tulisan Tata Letak/Layout
4. Klik tulisan Tambahkan Gadget/Add Gadget
5. Pastekan kode tadi ke dalam kotak Konten/Content (Untuk bagian judul, lewatkan)
6. Klik tulisan Simpan/Save

Lihatlah blog kalian? Sudah terpasang? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)

Tutorial: Cara Mengubah Gambar Favicon Pada Blog

Oke, pada kali ini saya akan menjelaskan caranya menubah gambar favicon. Apa sih favicon itu? Favicon adalah gambar yang terdapat di atas URL blog. Ooh jadi itu, toh. Contohnya adalah gambar fafivon di atas URL blog saya, disitu terdapat gambar yang bertuliskan "GG"

Cara:

1. Masuklah ke Dasbor Blogger
2. Pilih Opsi Lainnya/Other Option
3. Klik tulisan Template
4. Klik tulisan Edit HTML
5. Carilah kode: <title><data:blog.pageTitle/></title> (Agar lebih mudah tekan Ctrl+F)
6. Pastekan kode di bawah ini tepat di bawah kode tersebut:

<link href='CODE HTML' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Attention!
-Tulisan CODE HTML diganti dengan kode foto yang telah kalian pilih di Google. Lalu klik kanan (mouse), lalu klik tulisan Copy Image Location/Copy Image URL
- Pastekanlah ke tulisan CODE HTML

Bukalah blog kalian! Apakah sudah berubah? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)

Tutorial: Cara Merubah/Mengedit Blog

Mungkin saat ini kalian ingin mengubah lebar blog, latar belakang blog, font/jenis tulisan blog, dll. Caranya cukup mudah untuk para pemula^^.

Cara:

1. Masuklah ke Dasbor Blogger
2. Pilih Opsi Lainnya/Other Option
3. Klik tulisan Template
4. Klik tulisan Sesuaikan/Adjust
5. Kalian tinggal menyesuaikan keinginan kalian

Bagaimana? Mudah? Ketika kalian telah selesai mengubahnya/mengeditnya, jangan lupa klik Terapkan Ke Blog/Apply To Blog. Jika kalian masih bingung, beritahu saya lewat Komentar ya :)

Tutorial: Cara Memasang Media Sosial Pada Blog

Kalian ingin banyak orang yang follow/men-add akun media sosial kalian melewati blog? Caranya cukup mudah, tentunya untuk para pemula blog^^

Cara:

1. Masuklah ke Dasbor Blogger
2. Pilih Opsi Lainnya/Other Option
3. Klik tulisan Tata Letak/Layout
4. Klik tulisan Tambahkan Gadget/Add Gadget
5. Klik tulisan HTML/JavaScript
6. Pastekan kode di bawah ini di kotak Konten/Content (Untuk kotak judul, lewatkan)

/*--------Social Sharing Widget ------*/

<style type="text/css">

.socialsharing {

display: block;

margin: 2em auto;

width: 200px;

height:40px;

}

.socialsharing span {

float: left;

display: inline;

margin-right: 8px;

}

.socialsharing span a {

display: block;

width: 32px;

height: 32px;

text-indent: -9999px;

background-color: none;

background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQV0Hi7dhXwFl1uwMFwvsJnEZ7svtoGehEyjF3Z8tvCgNx3laJZSXutgnUXPVTkM2L7AMMBbsMDXJuE1Q-cYYvMtLvRjQVewMbQMlpP0uF6t74l1ucXXGY3fJJuZ8zBiI6R1hYqrYOVt47/s1600/social+icon.png") 0 0 no-repeat;

}

#iconTwitter {background-position: -33px -33px;}

#iconFacebook {background-position: -66px -33px;}

#iconRSS {background-position: 0 -33px;}

#iconYouTube {background-position: -99px -33px;}

#iconGooglePlus {background-position: -132px -33px;}

#iconTwitter:hover {background-position: -33px 0;}

#iconFacebook:hover{background-position:-66px 0}

#iconRSS:hover{background-position:0 0}

#iconYouTube:hover{background-position:-99px 0}

#iconGooglePlus:hover{background-position:-132px 0}

</style>

<div class="socialsharing">

<a href="http://www.twitter.com/Username" id="iconTwitter" target="_blank" title="Follow us on Twitter">Twitter</a>

<a href="http://www.facebook.com/Username" id="iconFacebook" target="_blank" title="Join us at Facebook">Facebook</a>

<a href="http://feeds.feedburner.com/GhiyatsBlogs" id="iconRSS" target="_blank" title="Subscribe our RSS Feed">RSS</a>

<a href="http://www.blogger.com/youtube.com/username" id="iconYouTube" target="_blank" title="Follow our YouTube Channel">YouTube</a>

<a href="https://plus.google.com/ID Google+ anda" id="iconGooglePlus" target="_blank" title="Follow us at Google+">Google</a></div>

Attention!
-Untuk tulisan berwarna, gantilah sesuai akun kalian

7. Klik tulisan Simpan/Save

Lihatlah blog kalian! Bagaimana? Keren bukan? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)

Tutorial: Cara Memasukkan Posting Ke Menu Navigasi

Oke, mungkin kalian bingung saat melihat blog-blog lain yang di dalam menu navigasinya terdapat isi posting. Caranya sangat mudah untuk para pemula. Kalian hanya tinggal memasukkan label pada entri yang kalian ingin publikasikan. Jika entri kalian telah terlanjur tidak terdapat label, kalian dapat menge-klik tulisan Pos pada menu Opsi Lainnya/Other Option.

Jika kalian masih bingung, beritahu saya lewat Komentar ya :)

Profile

Nama: Alysa Zebina Aguw
TTL: 04 November 2003, Cirendeu
Asal: Indonesia
Idol: Artist Kpop
F/M: Female

Tutorial: Cara Membuat Menu Navigasi Horizontal Pada Blog

Hm, mungkin kalian ingin memisahkan posting kalian? Caranya mudah, kalian bisa membuat menu navigasinya.

Cara:

1. Masuklah ke Dasbor Blogger
2. Pilih Opsi Lainnya/Other Option
3. Klik tulisan Tata Letak/Layout
4. Klik tulsian Tambahkan Gadget/Add Gadget (Lebih baik menaruhnya di bawah header)
5. Klik tulisan HTML/JavaScript
6. Pastekan kode di bawah ini di kotak Konten/Content (Untuk kotak judul, lewatkan)

<style type="text/css">
/*----------------------------------*/
.Nav a { width: auto; height: auto; text-decoration: none; }
.Nav a { text-align: center; text-decoration:none;color:#ffffcc; padding:1px 20px 1px 15px;font-weight:bold; font-size:12px; }
.Nav a:hover {padding:3px 20px 3px; 20px; text-align:center; text-decoration:none; color:#000033; font-weight:bold; border:3px; background-color: #000000;}
</style>
<div style="border: 3px solid #ffcc99; height:px;background-color:#4445d4;">
<div style="width: auto; padding: 10px;" class="Nav" align="left">
<a href="http://zebianblog.blogspot.com/search/label/"><span style="font-weight:bold; color:#FFFF00; ">HOME</span></a>
<a href="#"<span style="font-weight:bold;color:#FFff00;">MENU 1</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 2</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 3</span></a>
<a href="#"<span style="font-weight:bold; color:#FFff00;">MENU 4</span></a>
</div></div>

Attention!
- Untuk tanda warna biru tua, digunakan sebagai link menu navigasi kalian nanti
- Untuk tulisan MENU berwarna biru muda, digunakan sebagai nama menu navigasi kalian nanti
- Untuk lebar dan warna menu navigasinya bisa kalian ubah sendiri

7. Klik tulisan Simpan/Save

Lihatlah blog kalian! Bagaimana? Sudah terdapat menu navigasinya? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)

Tutorial: Cara Mengubah Warna Link Blog

Pada Tutorial Blog saya kali ini, saya akan membahas tentang cara mengubah warna link blog menjadi pelangi. Ini adalah tutorial yang mungkin akan membuat para pengunjung blog tertarik dengan blog kalian^-^

Cara:

1. Masuklah ke Dasbor Blogger
2. Pilih Opsi Lainnya/Other Option
3. Klik tulisan Template
4. Pilih tulisan Edit HTML
5. Carilah kode <head> (Agar lebih mudah klik Ctrl+F)
6. Jika sudah ketemu, letakkan kode di bawah ini tepat di bawah tulisan <head>

 <script src='http://achmad46.googlepages.com/rainbow.js'>
</script>

7. Klik Simpan Template/Save Template

Lalu, lihatlah blog kalian^^ Arahkan kursor ke salah satu link blog. Apakah sudah berwarna? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)

Tutorial: Cara Mengubah Gambar/Bentuk Kursor Pada Blog

Hai semuanya^^. Mungkin ini adalah posting pertama saya tentang Tutorial Blog.
Pada postingan saya ini, saya akan membahas tentang cara mengubah gambar/bentuk kursor pada blog. Sebenarnya cara ini sangat mudah untuk para pemula blog :).

Cara:

1. Bukalah: cursors-4u.com
2. Carilah gambar kursor kesukaanmu
3. Jika sudah ketemu, kliklah gambar kursor tersebut
4. Copy-lah kode yang muncul dibawahnya
5. Masuklah ke Dasbor Blogger
6. Pilih menu Opsi Lainnya/Other Option
7. Klik tulisan "Tata Letak" atau "Layout"
6. Klik tulisan "Tambahkan Gadget" atau "Add Gadget
7. Pastekan kode tadi ke dalam kotak tersebut (Untuk bagian judul, lewatkan)
8. Klik Simpan

Lalu lihatlah blog kalian? Bagaimana? Mudah? Jika kalian masih bingung, beritahu saya lewat Komentar ya :)