Bikin Label Animasi

Biar blog kita tampil lebih menarik lagi, kita bisa bikin animasi untuk label tag. Caranya cukup mudah kok,

dashboard >> layout >> Edit HTML

Cari kode di bawah ini :
( Biar lebih cepat gunakan Ctrl + F, klo ndak ketemu centang expand widget )

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

Setelah ketemu, copy paste kode di bawah ini tepat dibawah kode di atas :

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'></div>

<script type='text/javascript'>

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>

Kemudian klik preview / pratinjau dulu, klo dah oke baru di save.
Klo kita ingin merubah ukurannya, tekan Ctrl +F :
cari kode di bawah ini

&quot;240&quot;, &quot;300&quot;

Ato klo kita ingin merubah warna background dan warna huruf, tekan Ctrl + F :
cari kode di bawah ini

;#ffffff&quot; ( warna background )  dan 0x333333&quot; ( warna teks )

Selesai, selamat menikmati..

Bikin Blog Post Separator

Kali ini ane mo berbagi tips buat nambahi aksesori pada blog kita. Aksesori ini berupa separator ato pemisah antar postingan seperti yang ane pake pada blog ini. Mari kita mulai sama - sama:

Pertama kita masuk ke Layout trus Edit HTML

kemudian kita cari kode body postingan seperti contoh dibawah ini :

.post {
margin: 0 0 40px 0;
width: 90%

}

biasanya kode ini akan sedikit berbeda isinya tergantung modifikasi yang telah dilakukan. Kita perhatikan saja tag pembuka dan penutupnya.

Setelah ketemu, kemudian kita masukkan kode di bawah ini ke dalam susunan kode css di atas.

background: url(alamat gambar separator);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

padding-bottom:2.5em;

Jadi hasil akhirnya akan terlihat seperti ini :

.post{

margin: 0 0 40px 0;

width: 90%;

background: url(alamat gambar separator);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

padding-bottom:2.5em;

}

Nah, kayaknya dah selesai nih, kita coba lihat dengan klik preview-nya aja dulu.
klo dah oke baru kita save.

Kita dapat merubah posisi ketinggian dengan merubah angka padding bottomnya
Untuk gambar separatornya kita bisa bikin sendiri suka - suka kita.

MP3 player di Blogspot

Dalam dunia blogging banyak sekali cara untuk memasang lagu mp3 ke dalam blog. Temen - temen blogger pasti dah pada ngerti. Di sini ane pengen share aja salah satu caranya :

1. Upload file mp3 sobat ke mp3 file hosting yang punya hot link/direct link, misal di
    filefactory.com
    filefreak.com
    ato yang lain, silahkan googling aja karena banyak yang ginian

2. Setelah upload selesai, copy kode direct link-nya
3. Silahkan sobat kunjungi alamat ini
    http://flash-mp3-player.net/players/mini/generator/
 

    Setelah nyampe paste kode hot link mp3 yang sobat upload td ke kolom mp3
    kemudian sobat bisa atur mau autoplay ato tidak.
    di sini sobat juga bisa gunakan beberapa lagu, edit player dan sebagainya.
    Setelah itu dicoba jalankan dulu, error apa ndak..

    Setelah dirasa cukup, copy HTML kodenya
    Kemudian buka draft blogger, setting, add HTML, paste di tempat yang sobat inginkan
4. Selesai,

Bikin Favicon Addres Bar

Bosan dengan logo Blogger yang jadi favicon ?

berikut ini cara bikin favicon blog sobat yang sesuai dengan keinginan sobat.

1. sobat cari icon yang sobat suka, extensinya bisa jpg ato gif, atau sobat bikin sendiri
    misal di : http://www.freefavicon.com

2. upload icon yang dah jadi tadi ke image hosting
    misal di : http://www.tinypic.com
                  http://imageshack.com

3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Beri tanda centang pada kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode </head>
8. Persis sebelum kode tersebut, copypastekan script berikut ini


<link href='http://alamat icon sobat' rel='SHORTCUT ICON'/>


9. Simpan template


sumber : http://pinginbelajar.blogspot.com
              http://kluwan.blogspot.com/

Bikin Teks Link Lebih menarik

Berikut ini cara bikin teks atau link agar lebih menarik :

1. Teks / Link Berkedip

tinggal tambahkan aja <blink> teks sobat </blink> diantara teks yang diinginkan

Atau sobat cari di edit HTML trus cari aja :
text decoration : 
(dekorasi teks ini bisa sobat coba kreasikan dengan mengisi bold, underline, italic,blink dsb)

 2. Teks Link berkedip bintang

Sobat cari kode :

a:hover

kemudian tambahkan kode berikut dibawah kode di atas :

text-transform: uppercase; font-weight: bolder; font-size: 15px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);

3. Kursor berubah

Tambahkan kode berikut ini :

cursor:url("http://i219.photobucket.com/albums/cc119/c4n_c1n/cursor/Element2.gif"), default;

 4. Link membesar

tambahkan kode berikut ini :

 

a:visited {color: $mainVisitedLinkColor; text-decoration: none; font-size:10px; cursor:default;}

Berbagai cara di atas bisa sobat kreasikan lagi dengan penggabungan yang lebih menarik, selamat mencoba

sumber : http://kluwan.blogspot.com  

Rankwidget.com ? aduuh...

Dulu pertama kali saya mulai bikin blog, saya pake rankwidget.com karena praktis dan mudah. bahkan saya juga pernah posting cara dapetin statistik dengan rankwidget ini ( sudah saya hapus ). tapi setelah beberapa kali blogwalking selama ini, jalan-jalan ke tempat tetangga, saya amati setiap blog yang pake widget ini pasti muncul banyak pop-up iklan yang bagi saya kurang mengenakkan, tapi klo pas buka punya sendiri dari draft blogger kok ndak muncul.

Kemudian di tempat mas fatih syuhud saya dapat penjelasan, memang widget ini banyak pop-up iklannya dan tidak disarankan. karena selain mengganggu pengunjung juga rawan virus.

Jadi buat temen-temen blogger saya sarankan lebih baik tidak menggunakan widget ini,
bila temen - temen ingin mendapatkan statistik pagerank untuk blog temen - temen, di bawah ini beberapa referensi yang dapat temen-temen gunakan, semua gratis kok :)

http://alexa.com
http://mypagerank.net
http://www.prchecker.info/check_page_rank.php 
http://www.iwebtool.com/

Segitu sharing saya dan karena saya juga masih belajar, buat temen-temen mohon info masukannya juga ya

Histats.com

hmm.. english version nih

How many people is online at your blog? you know that or don't? If you don't know how many people is online at your blog, you can use a free tracker to know it. That is much site provide this service. Once of them is http://www.histats.com If you use them tool, you can know how many people online at your blog, how many people was visited to your blog, and any function. This is once of example : How to get it? please following the steps :
Please visit www.histats.com.

If you was on the histats site, click Register at the top tab.

Content the form with your information, such as email, password, your blog url and etc.

Click Continue button.

Choose the style of histats counter, click Choose a counter from this category.

Please mark the radio button beside the counter style you wanted.

Click Continue button at the bottom of page.

Click at the drop down menu, choose the category which to display at your counter. the choice is : visitor today, Page views today, User online, Total visitors, and total page views. Choose empty if you want not to display them.

Click Continue button.

Wait a moment, your counter is updating.

Until the process is done, copy your counter code and paste to the Notepad or other text editor. Save into your computer.

Logout and close your internet browser.

Done. Now you has have a counter code to add at your blog.
Next step is add your counter code to your blog, please following the steps :
Login to blogger with your ID.
After entering the dasboard page , click Layout.

Click at Page Element tab. See the picture below :


Click at Add a Page element.
After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :


Open your Counter code, copy and then paste into available column.

Click

Done. Please see the result.

PASANG JAM DI BLOG

Biar blog kita ndak sepi, kayaknya perlu kita kasih assesories yang menarik.

Jam contohnya, selain berfungsi sebagai hiasan juga informatif.

untuk memasangnya, temen-temen bisa lakukan langkah berikut :

1. Masuk situs http://www.clocklink.com
2. Cari dan klik tulisan Want a clock on your Website ?
3. Pilih model yang kamu suka, mulai dari Analog, Animal, Animation, dll
4. Jika dah ketemu, klik tulisan View HTML tag yang ada di bawah
jam yang kamu pilih
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai di samping tulisan TimeZone.
untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam pada tulisan size
8. Copy kode HTML yang muncul dibawahnya
9. Paste kode HTML yang di copy tadi pada tempat yang kamu inginkan
10. Selesai