Site Map

Quest Box

Cara Membuat Label Cloud Berputar

Buat sobat yang pengen membuat tampilan labelnya seperti gambar disamping.

Label cloud berputar ini terlihat lebih menarik karena gerakannya yang dinamis sehingga dapat menarik perhatian para pengunjung blog kita dan label cloud ini gerakannya juga mengikuti cursor.

Sebenarnya untuk membuat label cloud berputar ini membutuhkan kode HTML yang lumayan agak panjang dan sobat harus menambahkannya pada template sobat, jadi saran ane saranin nanti sebelum mengedit template, ada baiknya backup terlebih dahulu template sobat.
I. Langkah Pertama

• Login ke Blogger dengan ID sobat.
• Klik Tata Letak
• Klik tab Edit HTML
• Download dahulu template sobat dengan mengklik Download Template Lengkap
• Kemudian klik button Expand Template Widget dan cari kode yg seperti ini :

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

• Copy kode berikut ini setelah kode diatas :

<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://vikrymadz.blogspot.com/'>vikrymadz</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

II. Langkah Kedua
* Mengubah lebar dan tinggi kolom serta warna background
Angka "240" adalah lebar kolom
Angka "300" adalah tinggi kolom
Sedangkan #ffffff adalah kode untuk backgroud

* Merubah warna font, untuk kode warna bisa sobat lihat disini
so.addVariable("tcolor", "0x333333");

* Merubah ukuran font
so.addVariable("tagcloud", "12'>");


Jika dalam membuat label cloud ini tidak berfungsi, silahkan sobat ganti label text menjadi label cloud. Perhatikan gambar dibawah ini :

good luck sob...
 

 sumber : http://vikrymadz.blogspot.com/2011/03/cara-membuat-label-cloud-berputar.html
                 raytkj.blogspot.com

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung. Weh weh.... ternyata penting juga ni tips.... pengalaman dari beberapa waktu kemarin, sebelum saya pakai tips ini kan komentar saya munculnya sama kyak pengunjung yang lain. eh eh masak ternyata ada pengunjung yang bingung mna komentar adminnya tu... :D:D:D

Yah jadi tak pakai cara ini trus tak share deh cara ini.

OK langsung aja ya sob
Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung versi vikrymadz nih.. hahahaha
soalnya disini saya beri sedikit efek" dan pastinya akan terlihat semakin menarik.
ok check it >>>>>

Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
1. Login ke blogger >> Rancangan >> Edit HTML
2. Jangan lupa centang kotak "expand widget template"
3. Letakkan kode dibawah ini tepat diatasnya kode ]]></b:skin>

.comment-body-author {
background: #ffffff;
border:2px Dashed #0080FF;
margin:0;
padding:0 0 0 30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-bottomright:30px;
font-size: 14px;
font-family: kristen ITC;
}

4. lalu cari kode <dd class='comment-body'>
5. lalu agar jadi seperti ini

<data:commentPostedByMsg/>
<br/>
</dt>

<b:if cond='data:comment.author == data:post.author'>

<dd class='comment-body-author'>

<p><data:comment.body/></p>

</dd>

<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<br/>
<span class='commentdate' style=''>
<b:if cond='data:post.commentPagingRequired'>
<a expr:href='data:comment.url' title='comment permalink'> <data.comment.timestamp/> </a>
<b:else/>
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' title='comment permalink'> <data:comment.timestamp/> </a>
</b:if>
<b:include data='comment' name='commentDeleteIcon'/> </span>
</b:if>
</dd></b:if>
<dd class='comment-footer'>


</dd>

NB :

kode yang berwarna merah adalah kode yang harus di tambahkan.

6. Simpan dan lihat hasilnya....

ok sampai disini artikel Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung, semoga bisa bermanfaat bagi sobat ^_^

Happy Blogging

sumber : http://vikrymadz.blogspot.com/2012/01/cara-membuat-komentar-admin-berbeda.html

Cara Membuat Efek Meteor Jatuh

Cara Membuat Efek Meteor Jatuh.Yups.... kali ini ::Blogging Is My Life:: akan share mengenai Cara Membuat Efek Meteor Jatuh.

Yaah sekedar menambah koleksi TIPS BLOGGING saya, jadi langsung saya share disini deh.....

Cara Membuat Efek Meteor Jatuh
1. login blog
2. rancangan -> add widget (HTML/JavaScript)
3. lalu masukkan kode dibawah ini

<script language="javascript">
nd_mode="meteor";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_top";
</script>
<script language="javascript" src="http://cayunkatel.googlecode.com/files/meteorjaruh.js">
</script>

4. simpan....
5. dan Jangan LUPA BERDOA.... hihihihihih

Good Luck ^_^

sumber : http://tanpa-isi.blogspot.com/
         http://vikrymadz.blogspot.com/2011/09/cara-membuat-efek-meteor-jatuh.html

Cara Menampilkan Hanya Judul Posting Ketika Label Diklik

Akhirnya ketemu juga nih artikel, yups... Cara Menampilkan Hanya Judul Posting Ketika Label Diklik artikel itulah yang dah lama saya cari, tapi alhamdulillah akhirnya tadi ketemu juga deh... Jadi langsung aja deh saya share disini...

Postingan yang banyak terkadang membuat kita repot , dan pastinya setiap blogger akan memberi label/category pada setiap artikelnya/postingannya. Di dalam label ini kadang-kadang juga masih menimbulkan masalah.

Yaitu jika dalam sebuah label/category ada puluhan bahkan ratusan postingan ,pasti saat label/category tersebut dibuka loading blog kita akan terasa berat dan lama serta juga postingan akan tampil memanjang kebawah yang membuat pengunjung blog kita yang meng-klik label tersebut akan sulit menemukan artikel yang dia cari dan bisa-bisa pengunjung blog sobat pun bisa gampang lari. hehehe....

Jadi seperti pada judulnya setelah memakai cara ini jika label/category sobat diklik maka yang akan tampil hanya judul postingannya saja

ok deh langsung pada langkah-langkah Cara Menampilkan Hanya Judul Posting Ketika Label Diklik.

1. login blog
2. rancangan -> edit HTML (centang Expand Template Widget)
3. tekan ctrl + F untuk memudahkan mencari. lalu cari kode <b:include data='post' name='post'/>
4. lalu ganti kode tersebut dengan kode dibawah ini

<b:if cond='data:blog.homepageUrl
!= data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'><data:post.title/></a>
<br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

5. simpan template.
6. coba cek dengan mengeklik salah satu label/category sobat dan lihat hasilnya ^_^

Good Luck ^_^

Sumber : http://vikrymadz.blogspot.com/2011/06/cara-menampilkan-hanya-judul-posting.html

Cara Membuat Title Blog Berjalan

Buat sobat-sobat yang pengen memberikan sedikit efek pada title blognya.

nih saya punya tipsnya untuk Cara Membuat Title Blog Berjalan. Mungkin bagi sobat yang pengen lebih memperindah blognya, OK deh tunggu apa lagi monggo deh dicoba tips ini .... hehehehehehe

ok deh langsung aja ya sob...



Langkah-langkah Cara Membuat Title Blog Berjalan.
1. login blogger
2. rancangan -> edit HTML
3. lalu cari kode dibawah ini

<title><data:blog.pageTitle/></title>

4. lalu ganti kode diatas dengan kode dibawah ini

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. simpan dan lihat hasilnya

NB :pada tulisan yang berwarna merah bisa sobat ganti dengan angka berapapun karena itu adalah yang menentukan kecepatan title sobat..

ok deh GOOD LUCK aja sobat ^_^


sumber : http://vikrymadz.blogspot.com/2011/06/cara-membuat-title-blog-berjalan.html

Cara Membuat Efek Kembang Api Pada Blog

Tanpa Basa-Basi lagi deh Gan .
ok deh, langsung aja ane share sekarang...

Cara Membuat Efek Kembang Api Pada Blog

1. login blog
2. rancangan --> edit HMTL
3. lalu cari kode </body>
4. lalu masukkan kode script dibwah ini diatas kode </body>

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

5. simpan...


Kok belum keluar??????
jangan takut dulu sob... masih ada cara yang lain kok... langsung aja ya..

1. login blog
2. rancangan --> elemen halaman --> tambah gadget --> HTML/JavaScript
3. lalu masukkan kode

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

4. simpan

Dan selesei deh dan jangan lupa coba lihat hasilnya....

klo belum kluar brarti kodenya masih di disabled tuh
jadi sobat bisa pakai yang kode dibawah ini aja (versi flash)

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Simpan.
Good Luck sob.... ^_^

sumber : http://vikrymadz.blogspot.com/2011/04/cara-membuat-efek-kembang-api-pada-blog.html

Membuat Semut Muter-muter di Blog

Ada gula ada semut, ada yang yang asyik-asyik dan manis akan banyak pengunjung. Kayak blog yang hitam manis ini :D. Pernah lihat blog yang di halamannya ada semut yang muter-muter. Atau malah pernah tertipu karena mengira itu semut ada di monitor PC kamu, dan mau menyingkirkannya ternyata asli dari blognya.

Baiklah, sekarang kita akan belajar untuk membuat semut berputar-putar di halaman blog. Sebenarnya sangatlah mudah, hanya menambahkan kode HTML sederhana. Dan tidak hanya semut, bisa juga diganti gambar animasi lain yang kamu suka, bisa monyet, cecak, dan lain-lain.

Cara Membuat Semut Muter-muter di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div style="display:scroll; position:fixed; top:150px; left:20px;"><img border="0" src="http://i1217.photobucket.com/albums/dd381/funywrld/semutfuny.gif" /> </div>

5. Kode yang berwarna merah adalah URL gambar animasinya. 150 itu adalah jarak dari atas dan 20 jarak dari samping. Kita dapat menggantinya sesuai sesuka hati.
6. Simpan jika sudah selesai.

Cara Agar Posting Blog Tampil DI Facebook Dan Twitter

Cara Agar Posting Blog Tampil DI Facebook Dan Twitter - Kali ini saya akan membahas Cara Agar Posting Blog Tampil DI Facebook Dan Twitter jika kamu pingin menampilkan posting blog terbaru anda di Facebook atau Twitter ini kesempatan baik buat kamu, karena saya disini akan memberitahu cara menampilkan posting blog kamu di FB atau Twitter, dengan menampilkan poting blog anda di facebook atau twitter memungkinkan akan meningkatkan pengunjung blog anda, apalagi temen di Facebook nya banyak, dan juga yang follow di twitter nya juga banyak.

Berikut langkah-langkah menampilkan Posting Blog di Facebook Dan Twitter :

1. Masuk http://twitterfeed.com/
2. Setelah masuk akan muncul tampilan kaya di bawah ini.(Untuk Daftar Terlebih Dahulu)

3. Isilah dengan benar untuk mendafatr, masukan Email kamu,Pasword.

4. Setelah daftar dan berhasil kamu akan di bawa ke halaman seperti gambar di bawah ini.

5. Setelah itu klik Continue Step 2 maka kamu akan di bawa ke halaman seperti gambar di bawah ini.

Masukan nama pengguna akun Twitter akamu contoh @berbagigans, setelah selsai klik All Done

NB : Setelah kamu menulis Posting baru, maka tidak akan langsung ditampilkan di twiiter atau Facebook anda harus menunggu paling sedikit 30 menit.

Kayaknya cuma segitu penjelasan dari saya semoga dapat dipahami dengan baik, dan semoga blog anda cepat terkenal.

 

sumber : http://blazerracing.blogspot.com/2012/04/cara-agar-posting-blog-tampil-di.html