Tagcloud Berputar

Mungkin ada diantara teman yang masih pemula yang senang menghias blog denganmembuat label berputar atau menambah tag berputar ketika pointer mouse diarahkan ke tag atau label tersebut maka tag akan berputar, jika mengklik salahsatu tag akan membuka sebuah halaman sesuai tag bersangkutan. . Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template blogger untuk  menampilkan tag (label) cloud tersebut di sidebar.

Untuk membuat tag cloud berputar
Contohnya bisa dilihat di bawah ini

Untuk memasang tag cloud ke sidebar blog, lakukan prosedur berikut
1. Login ke dashboard
Pilih Tata Letak -> Edit Html


2. Cari kode berikut

<b:section class='sidebar' id='sidebar' preferred='yes'>

Jika menggunakan template blogger designer coba cari kode seperti di bawah ini :

<b:section-contents id='sidebar-right-1'>

Setelah kode di atas masukkan kode berikut

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

3. Simpan template

Jika sukses maka hasilnya akan terlihat seperti berikut label berputar

Catatan,
Jika di blog tempat memasang tag cloud dan tag daftar/text, biasanya tag cloudnya belum muncul.Jika tag cloudnya belum muncul coba di setting manual widget label yang ada di sidebar blog. Pilih option Cloud




Jika ingin mengubah warnanya anda bisa coba ganti beberapa variabelnya
tagcloud", "240", "300", "7", "#ffffff" ->
a. 240 adalah lebar widget , 300 tinggi widget (angka 240 dan 300 bisa anda ganti sesuai lebar widget anda agar lebih rapi),
b. #ffffff adalah warna background, warna backgroundnya bisa anda ganti dengan warna lain , bisa dilihat disini daftar warna html
3. so.addVariable("tcolor", "0x333333"); dimana , 0x333333 warna teks hitam. warna teks lain yang bisa anda gunakan:

0xffffff : warna putih
0xFF0000FFF : warna merah
0x00FF00: Warna Hijau
0x0FFFF0: warna Kuning
0x00FF0000 : warna biru
0xFFF000 : warna biru muda
0xFFFFFFF : Warna Hitam
0x0FF0FF0 : warna pink

Contoh di bawah ini adalah blog yang menggunakan script tag berputar :

Contoh tag berputar bisa dilihat disini tag cloud berputar

Beberapa posting lain terkait panduan membuat blog di blogspot bisa dilihat disini cara menggunakan blogger

Membuat Artikel Terkait dengan Disertai Thumbnails

Salam blogger  Sebelumnya kita sudah pernah membuat artkel terkait, yaitu menampilkan postingan-postingan yang berkaitan dengan berdasarkan label yang sama. Jika yang kita pelajari dulu adalah related articel yang hanya menampilkan judul-judul terkait di bawah postingan yang kita buka/lihat. Maka berbeda dengan sekarang. yaitu Artikel terkait (Related Post) kita tampilkan beserta dengan thumbnail (Mini Gambar) yang ada di postingan kita.

Menambah Dua Kolom Dibawah Postingan

Pada postingan sebelumnya, saya sudah menjelaskan cara menambah kolom di bawah postingan. Perbedaannya pada postingan yang terdahulu adalah letak kolom berada di bawah kotak komentar atau diatas footer. Dan pada tutorial kali ini letak kolom persis di bawah postingan dan mempunyai dua buah kolom yaitu kolom kotak berlangganan artikel dan related post (artikel terkait) seperti terlihat pada gambar di bawah ini.

Cara Hapus Ruang kosong di bawah komentar

Sedikit tips nih gan, biasanya dibawah kotak komentar ada ruang kosong yang tidak terlalu berfungsi, gimana agar ruang tersebut menjadi sedikit jarak antara kotak komentar, mudah saja :D agar ruang tersebut menjadi sedikit jaraknya atau merapatkannya dengan kotak

Menghilangkan page header blogspot dan mengganti dengan widget lain

Seperti yang kita tahu, page header merupakan bagian dari blog yang berisi judul, dan deskripsi blog. Pada blogger, page header biasanya terletak pada bagian paling atas pada template yang digunakan. Pada page header juga kita bisa menempelkan atau menyisipkan gambar sebagai pengganti. Kita bisa mengaksesnya melalui dasbor >> rancangan, lalu edit header.

Kadang kala, kita butuh menghilangkan (menghapus) page header untuk alasankostumasi dengan berbagai macam tujuan. Ada yang mungkin hanya ingin menghilangkannya, atau ingin memasang iklan PPC sebagai penggantinya, atau mungkin alasan-alasan lain.Untuk menghilangkan header blogspot, kita tidak bisa melakukannya secara langsung pada pengaturan. Diperlukan sedikit modifikasi kode html pada templateblog kita.Silakan ikuti petunjuk berikut untuk menghapus page header.

• Silakan log in ke akun blogger Anda
• Setelah berhasil log in dan berada pada halaman dasbor, klik menuDesign/Rancangan lalu pilih Edit HTML
• Seperti biasa beri centang pada kotak di pojok kanan atas yang tulisannya “Tampilkan Widget” atau sejenisnya (saya lupa tulisannya). Kalau versi inggrisnya “Expand  Widget Templates”. Seperti di bawah ini.
• Cari kode

• ….showaddelement=’no‘/>
  <b:widget id=’header’ locked=’true‘….
• Untuk mempermudah, gunakan “CTRL”+”F” pada keyboard.
• Hapus dan ganti tulisan no dengan yes dan tulisan true dengan false. Lalu simpanlah perubahannya.
• Setelah itu kembalilah ke halaman Design/Rancangan, atau bisa dari dasbor klikRancangan. Kemudian klik edit pada widget page header (yang berisi judul blog).

• Setelah itu pilih Hapus atau Remove

• Jika sudah, maka widget header sudah hilang, dan berganti menjadi tulisan Tambah Gadget atau Add Gadget.

Proses menghilangkan header selesai. Kalau ingin memasang iklan PPC pada lokasiheader, klik saja tulisan Tambah Gadget tadi, pilih Javascript/html. Letakkan kode iklan pada kotak yang ditampilkan, kemudian klik simpan. Lihat hasil akhirnya, iklan akan terpasang tepat pada lokasi header. Semoga bermanfaat.

Artikel Lainnya yang Mungkin Anda Cari:

• Mengatasi Judul Blog = Header
• Menghilangkan garis bawah pada link
• Membuat dynamic meta tag pada blogger
• Mengganti warna background posting
• Membuat navbar blogger agar auto hidden
• Menghilangkan Navbar Blogger
• Mohon maaf tampilan blog ini sedang kacau

Kata kunci pencarian:

cara menghapus header blog (65), menghilangkan header blog (40), cara menghilangkan header blog (34), cara menghapus header (33), cara menghilangkan header (33),Menghilangkan header blogger (24), Menghapus header blogspot (24), cara menghilangkan header pada blog (22), menghapus header pada blogger (22), cara menghapus header blogspot (22), cara hapus header (22), menghapus header blog (21),menghilangkan header blogspot (21), menghilangkan dasbor di blog (19), menghapus header (18), menghilangkan header (16), cara hapus header blog (16), cara menghapus header di blog (15), menghapus header pada blog (15), cara menghilangkan header blogspot (13), MAMASANG iklan HEADER BERJALAN DI BLOGGER (12), menghapus header blogger (11), hapus header blog (10), cara menghapus header blogger (10),menghilangkan header pada blog (10), mengganti tulisan header di blog (8), abeart aj (8),hapus header (8), cara menghapus header pada blog (8), hapus hearder (8)