Cara Membuat Marque (Running text)

Marquee atau sering disebut text berjalan yang biasanya sering kita lihat pada acara berita di televisi saat ini bisa kita buat di blog kita, selain itu objek marquee bisa juga seperti link ataupun gambar berjalan, contohnya seperti ini:

Contoh text:

MARQUEE TEXTContoh link:

BloggigContoh gambar:




Kodenya berikut ini :

<span style="color: rgb(255, 0, 0);"><marquee onmouseout="this.start()" direction="left" align="center" scrollamount="2" height="100px" onmouseover="this.stop()"><br /><span style="color: rgb(255, 0, 0);"><span style="color: rgb(51, 51, 255);">Text atau Link URL anda<br /></a></span></span></marquee></span><br /><span class="fullpost"></span>

Agar mudah dimengerti dan memodifikasinya, keterangannya seperti ini:

onmouseout="this.start()" ---> text akan bergerak jika pointer tidak diarahkan ke text
direction="left" ---> text akan bergerak ke kiri. Bisa diganti dengan down, up, atau right
align="center" ---> text rata tengah
scroolamount="2" ---> kecepatan berjalan, semakin besar angkanya semakin cepat
height="100px" ---> batas vertikal marquee
onmouseover="this.stop()" ---> marquee akan berhenti ketika mouse masuk ke area marquee
widht="200px"---> batas horisontal marquee
Text atau Link atau URL gambar ---> diganti saja menurut keinginanmu.

Read more »

Addthis.com tombol ajaib untuk share artikel

Addthis button dapat digunakan untuk mensharingkan atau mengirim artikel blog mu ke situs lainnya seperti facebook, multiply, redit, twitter, myspace dll. Hanya dengan mengklik icon situs yang anda tuju dan kemudian akan muncul window untuk login ke situs yang anda pilih tadi.
Sedangkan Bookmark digunakan untuk para pembaca untuk berlangganan artikel blog atau sering disebut feed.

Read more »

Wp-Cumulus Untuk Blogger (Standart)

Cara memasang Wp cumulus pada blogger

Cara membuatnya cukup mudah, Hanya tinggal copas kode scrip html aja.

Ikuti saja langkah-langkahnya berikut ini :

1. Log in ke blogger
2. Dari dashboard, klik Lay out, kemudian edit HTML, jangan lupa klik tanda expand widget
3. Cari kode di bawah ini (untuk memudahkan, tekan ctrl+F untuk memunculkan menu Find, kemudian masukkan kode yang dicari).

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

4. Setelah ketemu, copy kode di bawah ini, kemudian tempelkan (paste) dibawah kode yang tadi. Biar lebih cepat klik Copy all aja. Jika tidak ada berarti template anda menggunakan code CSS untuk yang kode CSS, untuk tutorial kode css klik disini

Immediatly after this line, paste the following section of code:

<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'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.biangblog.blogspot.com'>Biang blog</a></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>

5. Klik Save.

Selanjutnya kita bisa mengubah warna, ukuran, dan mengatur letaknya.

Setting secara default adalah sebagai berikut :

• Lebar 240px
• Tinggi 300px;
• Warna Backgrund : Putih
• Warna teks : abu-abu
• Ukuran Font "12"

Mengubah ukuran Tinggi dan Lebar :

Cari kode ini :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

• Yang warna merah adalah lebar
• Yang biru adalah tinggi

Angka-angka itu adalah dalam satuan pixel. Kita bisa mengubahnya sesuai kebutuhan, menyesuaikan sidebar di blog kita.

Mengubah warna background :

Masih menggunakan kode di atas, background berwarna putih ditunjukkan dengan kode #ffffff

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Kita bisa mengubahnya dengan warna lain misalnya warna merah muda. Ganti kodenya #ffffff dengan #ff0000. Cobalah ganti dengan kode-kode warna lainnya.


Mengubah warna text

Secara default, text berwarna abu-abu ( hex value #333333). Kita bisa menggantinya dengan mengubah kode di bawah ini.

so.addVariable("tcolor", "0x333333");

Misalnya mau kita ubah menjadi hitam, ganti 333333 menjadi 000000 (Ingat, Ubah kode angkanya saja, tidak perlu menuliskan # )


Mengatur ukuran font

cari kode berikut ini :

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>");

Ukuran font saat ini adalah 12. Kita bisa mengubahnya lebih besar atau lebih kecil sesuai kebutuhan.

Selesai... Mudah bukan?

Untuk menampilkan blogumus diperlukan Flash Player . Kita bisa mendapatkannya dengan mengunduhnya di Adobe.

Read more »

Tag Cumulus untuk blogger Versi CSS

Apa sih Tag Cumulus itu? Tag Cumulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag.

Kelebihan Widget ini adalah bahwa dia bisa berputar-putar sehingga terlihat sangat menarik. Dan mungkin, dia bisa menjadikan-efisien (baca: menghemat) tinggi area sidebar blog kita.

Cara Memasang di blogger:

1. Cari kode HTML yang menunjuk pada 'id' atau 'class' dari area Sidebar Blog anda...

kode HTML sidebar tergantung dari jenis template anda. Ini bisa bervariasi. Misalnya: pada blog saya adalah id=sidebar-wrapper.

Tapi, dalam blog anda mungkin bisa lain. Misalnya: Mungkin juga, id='sidebar' ; id='column02' ; dan sebagainya.

2. Kemudian, copy kode dibawah ini:

<b:section id="'sidebar9'" preferred="'yes'" showaddelement="'no'"><br /> <b:widget id="'Label9'" locked="'false'" title="'Label'" type="'Label'"><br /> <b:includable id="'main'"><br /> <div id="'xsnazzy'"><br /> <b class="'xtop'"><b class="'xb1'/"><b class="'xb2'/"><b class="'xb3'/"><b class="'xb4'/"></b><div class="'xboxcontent'"><br /> <b:if cond="'data:title'"><br /> <h2 style="'font-family:arial'">Article Categories</h2><br /> </b:if><br /> <div class="'widget-content'"><center><br /> <script src="'http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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'">Iyandri</a>Distributed by <a href="'http://tiluk.blogspot.com'">Cahaya Biru</a></div> <script type="'text/javascript'"> var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "330", "200", "9", "#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 href="'data:label.url'" style="'12'"><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always"); so.write("flashcontent"); </script><br /> <b:include name="'quickedit'/"><br /> </center></div><br /> </div><!--xboxcontent--><br /> <b class="'xbottom'"><b class="'xb4'/"><b class="'xb3'/"><b class="'xb2'/"><b class="'xb1'/"></b><br /> </div><!--end of xsnazzy--><br /> </b:includable><br /> </b:widget><br /> </b:section>

Keterangan:
a. Tulisan 'Article Categories' adalah title dari Widget. Anda bisa merubah sekehendak anda. Misalnya: kategori artikel, Grup Artikel, dan sebagainya.


Angka 330 (tanpa px) = lebar pixel widget
Angka 200 (tanpa px) = tinggi pixel widget
333333 (tanpa #) = kode warna dari Tulisan
#ffffff = kode warna dari Background Widget
Angka 12 = ukuran font dari widget


6. Taruh kode tersebut, di manapun anda suka. (saya sarankan dalam area sidebar yaa...)

7.Save Template-mu

Read more »

Blog Translator

Widget ini jangan sampai terlewatkan kalo blog anda bisa dipahami semua orang di dunia. Tanpa harus pinter bahasa inggris anda bisa mempermudah anda untuk menterjemahkan blog. Dengan blog translator blog anda jadi multi bahasa hanya dengan satu klik, untuk memasang ini anda tinggal copy paste kode html di bawah ini. Selamat mencoba semoga bermanfaat!
<center><br /><style><br /><br />.google_translate img {<br />filter:alpha(opacity=100);<br />-moz-opacity: 1.0;<br />opacity: 1.0;<br />border:0;<br />}<br />.google_translate:hover img {<br />filter:alpha(opacity=30);<br />-moz-opacity: 0.30;<br />opacity: 0.30;<br />border:0;<br />}<br />.google_translatextra:hover img {<br />filter:alpha(opacity=0.30);<br />-moz-opacity: 0.30;<br />opacity: 0.30;<br />border:0;<br />}<br /></style><br /><br /><div><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWcfL5qEmoI1eVbGmGDJyJMAEo7gkPkG-KMuNpggsu_UcGQ_GEJuWFto5zYiNKaSNMz7bQrSRrzCNQ5ZTvKVU6qO1tXcD4EmW3lr9ovGBdlUqICpgmzTZ6btbPYcpyx8_j8EmStOk2zAY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp2JdhiEc_L0zPLsyi9kWQmDW9W8lisF47opHBQE1hbhG2ByGE5pC1d7Z4DbIQaJ4xBYSWVuP6HxzxwOaitvUGUtwBTphSxijrqCS9xcD5iTtzoNc7MeIuG23P_TE_chvJ1v3Ey47lLJI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWJ07_mcw1RZmUcmk-P6e-zkgEN8g_9Fj7-rKxyY_I-K8DZMfIOI4fCZuATwevXKnZJkJ1-o3JruM6iW_t0VyyNdH7b2YrJv28VeUMBgs27Cs6ayZYO9WCotM41SGJAxISZEVd2W9WawEP/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUI9SSpyfbB1uvmvEC_7L7eMl7p0CucTCrOJXO0Qu6d-ZkCdy44ZpC0HVJ0iZD5lDaNEsglbIGuOZOZjKj1iYkajWcjVpAIUvWYj5BpP8bbX6Db98aG95B0U0XuVRp6ciUBE_796sQ3mD4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqCGq-QjesKvLVJ-8NZ0WR4-jF3idcGs-Eqd8aDQj5KDaezHp-oz-fnA0u0Cu5lX1AmW2923k-59acZohELaaVL9hHfkH86rTjhKh5gvlicDRVI26w2OXZqyeOtdNfrt6c4WwAy5Mkl0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC6q3YDVpZu2_-w4m0ETZoQgFNtRX1hdx0FhYnKRTjf5JToHqh7_Z4aY_22EbK8Bj0N-sy7J7W25ntkKPitS0aDLqlEZIdNThskMbL0BW81SgbnmppoX8CX36S4GFhXH_LXFX8BCdhyphenhyphenuE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><br/><br/><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsdQavaON7h_zIw4sig7uETDgVzj97w28en1b85pTOvQZuS-QE9l4tkPup_xtsS6Mk8scHJ_xJbsrGNPuPLG_phzi4YKsYqYowCgsau-3-euzKCr2gHaeAoDNN3zBkKhOdHKvJSIJk-Wk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxO0p48qRz6CBW3yKkl4qmnmFUChS3gJxcbqzPBuIoGPL0MDkIfSQRuYeO9p_BeeKUAFUW4_pb7udz_Pcoc-Esf2CPJ-CK9WVgDM0Lt-MD1P0U-TsUTUz-pq2ZiUeRV4IhQcE1Sqwv7Ns/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht0EQ06BKIK6aNqOHn-_wRIUsy0QPfPDEwHbrzzY_lkNWnqVSRbpMCWjR1wtVTptWqfotnCN5yOIPncrDXR54av_bT7Iellx2z4NL7M4gVQqUp5_Encvz-I8Byrc0_XS80vBC89HKJvRRQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQvm-gbuMz45f71S96ejWPG93cDM3cKuaVyV6bLrPwWeBLYfgCIQx9ZYTBVmWwsHqIWZ4kZxoGvFRw4K7vVagYvxhNZSCeKSIBS3S8u8Z7ZFbH8sy6qJ5AKbLIas9HqL4lGyY89xUTQ0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkLg_tO697oGiJOTZJFY6tCpTZEWKrV5GHda4fMKr42FuQtok9qMIhDbsgOnko6XF4Ce1PUjABk817ngAFcbfuQwHXe2yX18pauACaNB_zL3HPyxF-YsBWFjlmdcgJNS59tOPSPbwgiQI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtLqyXd3QI1TM_w0UXO1fHCTGfp-DT_JOtWxj4f_v7NQz4Kj09sIas_7rizdDYhWN0jUDMEpXIhz7MZbQCSQzhQFtN9EWUXAVJ164W2FAXeiIVUi8uD5lS1WQRBfoiT1Et6W-V-cHLJHQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24" /></a><br /></div> <div style="”font-size:10px;margin:8px"><br /></div></center>

Read more »

Template Blogger Free

Bingung nyari template yang bagus? gak usah bingun saya kasih tau nih tempat nyari template blogger yang lengkap desainnya keren dan yang penting gratis. Situsnya Btemplates.com, disini kamu bisa nyari berbagai jenis template blogger dari berbagai kategori, untuk menggunakan templates kamu tinggal download aja trus tinggal kamu upload lewat edit html. Langsung aja deh ke Btemplates.com selamat berburu template blogger!

Read more »