Cara bikin Tag Cloud pada Blogger

Sesuai dengan janji Tia dipostingan kemarin tentang cara membuat readmore, kali ini Tia ingin sharing cara membuat Tag Cloud pada Blogger, yang hasilnya bisa kakak lihat sendiri pada Label di bawah Friends Link Tia.

Ternyata eh ternyata untuk memasangnya nga pake susah loh kak tinggal edit dikit trus kopas jadi deh, nga pake lama gitu deh n kalo menurut Tia sangat bagus hasilnya tertarik nga kak bikin tag cloud juga kayak Tia? untuk lebih jelasnnya yuk kak ikutin pembahasan Tia berikut

1. Login kedalam www.blogger.com masukin dengan username dan password kakak

2. Trus kakak klik Layout>>Edit HTML dan klik pada Expand Template Widget

3. Oiya kak jangan lupa untuk selalu mem-backup templatenya sebelum dimodifikasi, klik di Download Full Template, buat jaga-jaga ajah sih kak kali aja nti ada kekacauan editan

4. Kakak cari kode yang kayak gini :

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

5. Trus kakak tinggal kopas kode ini tepat di bawahnya.
<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>
<center><div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "200", "150", "7", "#F4A2EC");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000000");
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='14'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div></center>
</b:includable>
</b:widget>

Yang diedit ada pada bagian ini kak, supaya bisa disesuaikan dengan bentuk template blog kakak

Warna Merah : untuk lebar dari Tag Cloud
Warna Biru : adalah tinggi dari Tag Cloud
Warna Kuning : adalah background dari Tag Cloud, kalo yang ini pink kak.
Tapi kalo kakak mau backgroundnya jadi Transparant, tinggal kakak hapus tanda "//" di depan kode: //so.addParam("wmode", "transparent") uhmmm tapi waktu Tia coba di template ini nga berhasil sih kak, silakan kakak coba deh kali aja di template kakak sukses :
Warna Hijau : adalah Warna Text dari Tag Cloud, yang ini warnanya hitam, kalo susah milih warnanya, kakak bisa minta bantuan Online tools yang pernah Tia bahas dipostingan sebelumnya
Warna Putih : adalah ukuran huruf dari Tag Cloud yang Tia pakai 14px
Warna Orange : adalah kecepatan rotasi dari tag cloud, makin besar nilainya, makin keceng Tag Clodnya bergerak kak ihihihi jadi inget maenin globe

6. Pindahkan letaknya sesuai dengan keinginan kakak, jangan lupa klik Save Template. Misi selesai

Gampang kan kak? iya donk Kalo udah disave, coba reload website kakak deh, Tag Cloud Cumulus ini bakal tampil secara otomatis pada tempat yang kakak ingin kan, oiya Tia suka pake Tag Cloud ini, tanya kenapa ? coz ukurannya jadi lebih minimalis n nga ngambil banyak tempat di sidebar kayak Label yang dulu Tia pakai trus keren aja bisa bergerak muter-muter sendiri

Pake Tag Cloud yuk kak,biar labelnya lebih ringkas

Cara membuat Readmore di postingan

Postingan Tia kali ini adalah bagaimana Cara membuat Readmore pada postingan, supaya tampilan blog jadi lebih simple n menarik.

Alhamdulillah setelah bolak balik salah n abis 2 bungkus Oreo akhirnya Blog Tia ini resmi menggunakan Readmore, walo bukan yang otomatis coz dengan banyak pertimbangan Tia lebih memilih pake Readmore manual

Thanks buat Kak Lafa dan kak Bagir yang udah banyak sumbang ilmu ke Tia tentang cara pasang Readmore di postingan. Juga buat bang Jagur atas kritiknya dan yang selalu kasi semangat ke Tia supaya jangan menyerah coz ternyata pasang Readmore tuh susah *pucink mode ON*

Read more yang Tia pake udah dimodifikasi sedemikan rupa supaya kakak nga ikutan pucink juga, buat kakak yang udah pasang Readmore di postingan, anggap aja ini selingan sambil minum teh but buat kakak yang minat pasang Readmore kayak Tia, yuk mari kita lanjutkan kak

1. Login ke www.blogger.com, masukin username dan password

2. Klik Layout >> Edit HTML trus klik di Expand Widget Templates

3. Kakak cari kode </head> trus kopas kode berikut tepat di atasnya
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

4. Misi belum selesai kak, berikutnya cari kode ini<data:post.body/> trus kakak kopas juga script yang berikut ini tepat di bawahnya

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<span style='font-weight:bold;'><a expr:href='data:post.url' target='_blank'>
<div style='float:right'><br>Yuk mari lanjut kak...</br>
</div>
</a>
</span>
</b:if>

Yang bisa kakak rubah adalah :
Warna Biru : fungsinya buat buka postingan kakak dalam tab baru, bisa dihilangkan kalo kakak nga suka
Warna Merah : fungsinya agar Readmore kakak rata ke kanan, kalo kakak mo bisa diganti dengan right atau center
Warna Kuning : Tulisan Readmore yang bisa diganti sesuai keinginan kakak

5. Dikit lagi kak, yang terakhir yaitu motong postingan kakak sebagian supaya tampil di blog sesuai keinginan kakak, yaitu dengan menambahkan kode <span class="fullpost"> di batas postingan yang ingin kakak tampilkan dan menambahkan code </span>di paling akhir postingan kakak, nga pucink kan kak

6. Misi selesai kak. Gampang kan

Ada tambahan dikit nih kak, kode <span class="fullpost"> dan </span> bisa di masukan secara otomatis di setiap postingan baru kakak, yaitu dengan klik di Setting >>Formating >> trus kakak kopas kodenya di Post Template n jangan lupa klik Save Setting

Trus kalo untuk postingan-postingan lama kakak, musti agak kerja keras nih, coz motong tampilan supaya menggunakan Readmore sesuai keinginan kakak musti bener-bener manual, mudah-mudahan sih nga terlalu repot ya kak, musti edit satu persatu. Tapi kalo udah jadi, hasilnya sebanding kok dengan capenya kak

uhmm.. masih ada lagi sih kak tambahannya, yang satu ini agak lebih rumit coz untuk kakak yang udah terlanjur bikin postingan menggunakan Compose dan bukan Edit HTML *kayak Tia juga*, masang kode<span class="fullpost"> dan </span> agak lebih beribet coz musti bener-bener diperhatiin naronya n tetep harus pake Edit Html. Misal buat naro <span class="fullpost"> musti di depan kode <div> kalo nga ada ya musti dibikin sendiri kak dan di akhir postingan naro kode </span> harus didepan kode </div> yang paling akhir supaya hasilnya bener kak dan kalo emang nga ada ya musti bikin juga kak, hasil jadinya kurang lebih begini

Batas isi postingan kakak yang mau dipotong<span class="fullpost"><div> sisa postingan nya kakak sampai habis. </span></div>

Hihihihi.. dibaca pelan2 deh kak sambil minum teh pas buka puasa nanti, mudah-mudahan paham maksud Tia ini

Sebenernya ada cara yang lebih mudah masang Readmore di postingan, yaitu dengan pakai Readmore otomatis but karena keterbatasan Tia dalam mengolah script HTML, Tia minta sharing nya aja deh dari kakak-kakak senior

Selama beberapa hari ini Tia nga bikin postingan, coz banyak kesibukan offline yang musti Tia kerjakan, insya Allah setelah ini dengan sedikit merubah penampilan blog * Tia ganti background loh kak* Tia bisa lebih sering lagi sharing ke kakak tentang mempercantik tampilan blog ini. Postingan Tia berikutnya tentang Cara bikin Label Bergerak atau bahasa kerennya Tag Cloud


Pake Readmore tampilan blog jadi lebih cantik, Bener nga sih kak :)

Permohonan maaf yang tulus dari Cyntia

Mudah-mudahan kakak nga bosen mampir di blog ini, dan di postingan kali ini, khusus untuk membahas Permohonan maaf yang tulus dari Cyntia untuk beberapa hal yang terjadi akibat perubahan-perubahan yang Tia lakukan di blog ini.

Yang pertama, tentang Do Follow dipostingan Tia kemarin tentang U comment I follow emang udah Tia bikin blog ini jadi Do Follow. Tapi bedasarkan pada diskusi dengan kakak-kakak senior dan referansi yang Tia baca, akhirnya blog ini Tia rubah jadi No Follow so Tia minta maaf sama kakak-kakak semua yang mungkin kecewa dengan keputusan yang Tia bikin ini coz dengan pertimbangan yang panjang n diskusi yang alot, pengunaan Do follow di blog ini di hapuskan untuk sementara Iya kak cuman untuk sementara aja kok, nga selamanya Nti kalo udah sampe Ranking 3 atau lebih, blog Tia ini akan dirubah blog ini jadi Do Follow lagi. Sebenernya ini jadi lebih menguntungkan sih kak, coz dengan ranking yang lebih tinggi itu kualitas link yang ada di blog Tia ini jadi lebih baik dari pada yang sekarang dengan Ranking yang masi 0. Mudah-mudahan ini juga menjawab pertanyaan beberapa kakak yang tanya ke Tia lewat Shoutbox tentang ilangnya logo Do Follow di bawah postingan ini. Tia juga mengharapkan nga ada yang berubah dari sikap kakak pada Tia, nga ada sakit hati apa lagi marah coz Tia akan tetap mengunjungi semua kakak yang udah susah payah kasi komentar di setiap postingan Tia. I love You full

Yang kedua, soal Award uuhhfff susah ngejelasinnya kak, Tia makasih banyak atas penghargaan yang udah diberikan ma kakak-kakak semua ke Tia dalam bentuk Award dan kayaknya Tia masi lom pantes terima Award itu coz Tia masi anak bawang yang belum punya pengalaman jika dibandingkan ama kakak-kakak senior yang lain makasih buat kak eNeS, kak Puguh, kak Omega, kak tuCk , kak Shin-kun, kak Bizril, kak Viva La yang udah kasi Tia penghargaan berupa Award, sekali lagi makasih.


Yang ketiga soal Friends link dan Banner Favorite Tia juga mo minta maaf ama kakak-kakak yang udah taro link LinkBox dan Banner di Plugme, coz kedua fasilitas itu udah Tia hapus dengan berbagai pertimbangan :) dan sebagai gantinya, Tia akan pasang link secara manual di Friends Link dan Banner Favorite. Bagi kakak yang udah pasang link or banner Tia di blog nya tapi lom Tia pasang link nya disini tolong kabarin Tia yah, insya Allah secepatnya akan Tia pasang link kakak juga blog ini

Oiya Tia juga mo kasi penghargaan nih berupa banner sederhana sengaja Tia bikin untuk dikasi ke SEMUA kakak yang selalu support dan mendukung Tia di dunia perbloggeran ini, terima kasih atas dukungannya, komentar, saran dan kritiknya, perhatiannya dan kasih sayangnya juga atas kesempatan yang diberikan hingga Tia bisa jadi kayak sekarang, silakan kakak ambil, nga juga nga papa-papa kok coz buat Tia nga ada yang lebih indah dari pada nilai persahabatan itu sendiri

<a href="http://cyntiasari.blogspot.com/" title="Cyntiasari | Sharing | Tips | Newbie | Berbagi | Cerita |" target="_blank"><img src="http://i27.tinypic.com/302s4s9.jpg" border="0" alt="Cyntiasari" /></a>

Special Thanks buat :
Sijagur : makasih ya bang atas care dan sarannya selama ini
Lafa : maaf ya kak kalo Tia dah banyak ngerepotin.
Bhakti : Tia suka semangatnya kak, keep posting ya kak
Yoyok : Makasih udah banyak bantu Tia lewat postingannya
Zona4Health : untuk Tips2 nya juga supportnya
Bizril : makasih ya kak atas pelajarannya
Ramuni : buat komentar kakak yang selalu jadi inspirasi Tia
Kang Jaiman : mas yang selalu mampir dan support Tia disini
NewBie : makasih ya kak Vicky udah jadi kakaknya Tia
Wiryo : makasih ya kak dah jadi best supportnya Tia
BudiX : Tia selalu tunggu kunjungan kakak berikutnya
6enial : Maap udah ngerepotin dengan logo-logonya
Zha : Makasi ya kak udah sharing ma Tia
Funny Makasih kak Adit untuk gambar-gambar lucunya

Juga buat kakak-kakak semua yang udah berkunjung dan nga bisa Tia tulis satu persatu silakan diambil perhargaan Tia n ditunggu komennya dipostingan ini. Sekali lagi *asikk * Tia mo ngucapin banyak terima kasih, udah berkunjung dan support Tia di sini



Blog ini kurang berkesan tanpa kehadiran dan komentar dari kakak-kakak semua * kok mirip undangan Ultah yah *