31 August 2009

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 kaksengihnampakgigi tinggal edit dikit trus kopas jadi deh, nga pake lama gitu deh n kalo menurut Tia sangat bagus hasilnya ihikhik tertarik nga kak bikin tag cloud juga kayak Tia? untuk lebih jelasnnya yuk kak ikutin pembahasan Tia berikut minum


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 peace



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 :rindu
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 siul

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

Gampang kan kak? iya donkmenari 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 tepuktangan trus keren aja bisa bergerak muter-muter sendiri sembah



Pake Tag Cloud yuk kak,biar labelnya lebih ringkas


cyntia,sharing tips Cyntia Bookmark and Share

28 August 2009

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 peace

Thanks buat Kak Lafa ros dan kak Bagir ros yang udah banyak sumbang ilmu ke Tia tentang cara pasang Readmore di postingan. Juga buat bang Jagur ros 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 minum

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 blur

6. Misi selesai kak. Gampang kan tumbuk

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
sembah

uhmm.. masih ada lagi sih kak tambahannya, yang satu ini agak lebih rumit
blur 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
sengihnampakgigi

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
star

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
love


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



cyntia,sharing tips Cyntia Bookmark and Share

23 August 2009

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 senyumkenyit 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 ros dan referansi yang Tia baca, akhirnya blog ini Tia rubah jadi No Follow peace 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 angel Iya kak cuman untuk sementara aja kok, nga selamanya nerd 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 doa 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 love

Yang kedua, soal Award senyumkenyit uuhhfff susah ngejelasinnya kak, Tia makasih banyak atas penghargaan yang udah diberikan ma kakak-kakak semua ke Tia dalam bentuk Award peace 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 malu 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 menari 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 peace

Oiya Tia juga mo kasi penghargaan nih berupa banner sederhana malu sengaja Tia bikin untuk dikasi ke SEMUA kakak ros 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 love hingga Tia bisa jadi kayak sekarang, silakan kakak ambil, nga juga nga papa-papa kok sengihnampakgigi coz buat Tia nga ada yang lebih indah dari pada nilai persahabatan itu sendiri angel

Cyntiasari



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

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



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

cyntiasariBookmark and Share


 
Copyright 2010 Sharing Tips | Blogger Tips. Powered by Blogger Layout by Deluxe Templates