Featured Post (TOP)

30 Maret 2009

Memasang Widget Total Posting & Comment

Ada yang mau Memasang Widget Total Posting & Comment...? walau pun widget ini sudah banyak yang tau tapi tidak apa - apa itung - itung sambil tambah - tambah koleksi Posting.... hehehe :z oh ya nanti kalau sudah jadi akan seperti ini

Total Posts : 1.254
Total Comments : 148.800

busssettttt..... ! :r :r :r
ok deh bagi yang tertatik yuk ikut aku.....

1. Login ke BLOGGER
2. masuk ke TATA LETAK --> ELEMEN HALAMAN --> TAMBAHKAN GADGET
3. Lalu Copykan Code di bawah ini kedalam "Content"


Code untuk Total Posting

<script style=""><br />function showpostcount(json)

{<br />document.write('Total Posts : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10)

+ '</b><br />');}</script>
<script src="http://%3Cspan%20style=">namablogkamu

</span>.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

Code Untuk Total Comments

<script style=""></script>
<script style=""><br />function numberOfComments(json)

{<br />document.write('Total Comments : <b>' + json.feed.openSearch$totalResults.$t + '</b><br />');}</

script>
<script src="http://%3Cspan%20style=">namablogkamu</

span>.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>


4. jangan lupa ganti namablogkamu dengan nama blog kamu yang asli

OK Selamat Mecoba.... ;)

Mengganti Tulisan "Post a Comment"

Pada ke adaan Default di kotak komentar blog kamu pasti terdapat tulusan "Post a Comment", nah tapi ada juga yang mau mengganti tulisan tersebut, aku punya nih caranya.... mau tau ? ya udah deh ikut aku yuk.....

1. Login ke BLOGGER
2. Pilih Menu TATA LETAK --> EDIT HTML
3. BEri Tanda Centang Pada "Expand Template Widget"
4. cari code dibawah ini


<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b><font color='#444'>
<img alt='Post a Comment' border='0' height='47' src='http://oom.blog.googlepages.com/comments.gif' width='61'/>
<data:postCommentMsg/></font></b></a>


kadang - kadang temmplate mempunyai code yang berbeda - beda, jadi kalau tidak terlalu mirip pun tidak apa apa, asal ada tulisan "post a comment" saja.

5. kalau sudah ketemu lalu ganti code yang berwarna merah dengan yang kamu inginkan selesai deh.

Semoga Berhasil.... ;)

Cara Menghilangkan Tanggal Posting

Disetiap Entri yang kita buat bila di review/dilihat pasti ada keterangan kapan kita memposting postingan tersebut ( tanggal posting ), namun ada juga yang merasa terganggu oleh adanya tenggal posting tersebut, nah aku ada tips nih buat ngilanginnya, tips ini aku dapet dari mas o-om ok deh langsung aja ke caranya :

1. Yang pasti Login dulu Ke BLOGGER
2. Pilih menu TATA LETAK --> EDIT HTML
3. Cari kode h2.date-header { dengan memencet tombol ctrl + f
5. Jika sudah ketemu tambahkan code script ini ( visibility: hidden; ) di antara kode berikut

Kalau masih belum mengerti lihat contoh nya dibawah ini !

h2.date-header {
margin:.3em 0 0;
padding:0;
font-size:80%;
color:#777;
height: 0px;
visibility: hidden;
}


OK semoga berhasil.... ;)

28 Maret 2009

Cara Mengubah Background Pada Blog

Mungkin kalian pernah berkeinginan untuk mengubah background blog kamu dengan gambar yang kamu ingikan......? nah dalam episode kali ini saya akan menerangkan tentang bagaimana Cara Mengubah Background Pada Blog ada yang tertarik....? :o kalau ada ikutilah langkah - langkah berikut ini untuk mengetahui caranya :

1. login ke BLOGGER seperti biasa
2. masuk ke TATA LETAK --> EDIT HTML
3. Cari kode berikut menggunakan Ctrl + f

body {
background-color: $color;
margin: 0;
padding: 0;
text-align: center;
font: $bodyFont;
color: $textColor;


Tidak terlalu mirip pun tidak apa apa, yang penting ada yang mirip seperti contoh di atas

4. hapus pada tulisan background-color : $color; dan ganti dengan script berikut


background-image: url (http://url gambar kamu.com/image.jpg);


jadi keseluruhannya akan menjadi seperti ini

body {
margin: 0;
padding: 0;
text-align: center;
font: $bodyFont;
color: $textColor;
background-image: url (http://url gambar kamu/image.jpg)
}

5. klik tombol SIMPAN TEMPLATE

selesai deh...Selamat Mencoba ;)

Memasang Translate 24 bahasa

Di posting sebelumnya saya pernah membahas tentang memasang google translate 12 bahasa kalau belum baca (klik disini) Tapi kok sekarang translate lagi....? eitszz... tapi yang satu ini 24 bahasa lho.....! gimana keren bukan kalau kamu tertarik ikuti langkah - langkah berikut ini untuk memasangnya

1. Login ke BLOGGER seperti biasa
2. masuk ke TATA LETAK --> ELEMEN HALAMAN --> TEMBAHKAN GADGET
3. Copykan kode script di bawah ini ke dalam "CONTENT"


</p><div style="border: 1px solid rgb(153, 153, 153); margin: 15px; padding: 5px; text-align: center; background-color: rgb(255, 248, 175);">

<div style="border: 1px solid rgb(153, 153, 153); margin: 15px; padding: 5px; text-align: center; background-color: rgb(255, 248, 175);">

<a target="_blank" rel="nofollow" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;" title="Translate English to Arabic"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://tbn1.google.com/images?q=tbn:rLRZGysla--0ZM:http://www.zybe.hu/kepek/english_flag.gif" title="Translate English to Arabic" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Car&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Arabic"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://i263.photobucket.com/albums/ii150/mohamedrias/Arabic_Flag.png" title="Translate English to Arabic" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Czh-CN&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate to Chinese (Simplified) BETA"><img style="cursor: pointer;" alt="Google-Translate-Chinese (Simplified) BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_chinese_s.png" title="Translate to Chinese (Simplified) BETA" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cbg&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Bulgarian"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Bulgarian_Flag.png" title="Translate to Bulgarian" border="0" width="24" height="18" /></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Czh-TW&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Traditional Chinese"><img style="cursor: pointer;" alt="Translate English to Arabic" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Mandarin_Flag.png" title="Translate to traditional Chinese" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Chr&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Croatian"><img style="cursor: pointer;" alt="Translate English to Croatian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Croatian_Flag.png" title="Translate to Croatian" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Ccs&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Czech"><img style="cursor: pointer;" alt="Translate English to Czech" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Czech_Flag.png" title="Translate to Czech" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cda&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Danish"><img style="cursor: pointer;" alt="Translate English to danish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Danish_Flag.png" title="Translate to Danish" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cfi&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Finnish"><img style="cursor: pointer;" alt="Translate English to Finnish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Finnish_Flag.png" title="Translate to Finnish" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cfr&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to French"><img style="cursor: pointer;" alt="Translate English to French" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_fr.gif" title="Translate to French" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cde&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to German"><img style="cursor: pointer;" alt="Translate English to German" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_german_s.png" title="Translate English to German" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cel&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Greek"><img style="cursor: pointer;" alt="Translate English to Greek" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_gr.gif" title="Translate to Greek" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Chi&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Hindi"><img style="cursor: pointer;" alt="Translate English to Hindi" src="http://i323.photobucket.com/albums/nn467/techbookmark/hindi.png" title="Translate to Hindi" border="0" width="24" height="18" /></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cit&amp;hl=en&amp;ie=UTF8'); return false;" title="Google-Translate-English to Italian"><img style="cursor: pointer;" alt=" Translate English to Italian" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_italian_s.png" title=" Translate English to Italian" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cja&amp;hl=en&amp;ie=UTF8'); return false;" title="Google-Translate-English to Japanese BETA"><img style="cursor: pointer;" alt="Google-Translate-English to Japanese BETA" src="http://i187.photobucket.com/albums/x307/Mafishioso/_japanese_s.png" title="Translate English to Japanese BETA" border="0" width="24" height="18" /></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cko&amp;hl=en&amp;ie=UTF8'); return false;" title=" Translate English to Korean BETA"><img style="cursor: pointer;" alt="Translate English to Korean BETA" src="http://i263.photobucket.com/albums/ii150/mohamedrias/_korean_s.png" title="Translate English to Korean BETA" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cno&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Norwegian"><img style="cursor: pointer;" alt="Translate English to Norwegian" src="http://i536.photobucket.com/albums/ff328/pmhrid/norway_flag.png" title="Translate to Norwegian" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cpl&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Polish"><img style="cursor: pointer;" alt="Translate English to Polish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Polish_Flag.png" title="Translate to Polish" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cpt&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Portuguese"><img style="cursor: pointer;" alt="Translate English to Portuguese" src="http://i18.photobucket.com/albums/b120/pdhinderlie/Web%20Stuff/Flags/flag_pt.gif" title="Translate to Portuguese" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cro&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Romanian"><img style="cursor: pointer;" alt="Translate English to Romanian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Romansh_Flag.png" title="Translate to Romanian" border="0" width="24" height="18" /></a>
<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cru&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Russian"><img style="cursor: pointer;" alt="Translate English to Russian" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Russian_Flag.png" title="Translate to Russian" border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Cru&amp;hl=en&amp;ie=UTF8'); return false;" title=" Translate English to Russian BETA "><img style="cursor: pointer;" alt="Translate English to Russian BETA " src="http://i263.photobucket.com/albums/ii150/mohamedrias/_russian_s.png" title=" Translate English to Russian BETA " border="0" width="24" height="18" /></a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Ces&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Spanish"><img style="cursor: pointer;" alt="Translate English to Spanish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Spanish_Flag.png" title="Translate English to Spanish" border="0" width="24" height="18" /></a>


<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&amp;langpair=en%7Csv&amp;hl=en&amp;ie=UTF8'); return false;" title="Translate English to Swedish"><img style="cursor: pointer;" alt="Translate English to Swedish" src="http://i166.photobucket.com/albums/u106/language_forum/Languages/Swedish_Flag.png" title="Translate to Swedish" border="0" width="24" height="18" /></a>
<div style="display: none;">
<small><a href="http://rias-techno-wizard.blogspot.com/" target="_blank">Grab this widget</a></small></div>
</div></div>


4. Klik tombol SAVE, dan lihat hasilnya .....!

Selamat Mencoba ;)

25 Maret 2009

Tulisan Ala Koran (DropCap)

Kalian pasti bertanya - tanya apa itu tulisan ala koran ( Drop Cap) tulisan seperti apa yang di maksud.....???
Ok saya akan jelaskan dropcap itu tulisan ala koran, jika kamu ingin liat detailnya kamu bisa liat di MS WORD, atau kalau masih belum tau juga nih aku kasih liat contoh nya



Keren kan .....? :z
sudah tau kan....? bagi yang tertarik ikuti langkah - langkah berikut untuk mengetahui cara membuat nya :

1. Login ke BLOG MU
2. Pilih TATA LETAK -> EDIT HTML
3.
Pada kotak Edit HTML tadi copy paste kan code script berikut ini persis diatas kode ]]></b:skin>


/* kode untuk drop cap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}


4. klik SAVE TEMPLATE
5.
Jika kamu ingin Memasangnya Di Posting kamu maka cara postingnya seperti ini <span class="awal">hurup awal </span>

Contoh:

<span class="awal">J</span>
ika kamu ingin membuat script ini maka kamu harus mengikuti cara cara dibawah ini, agar kamu berhasil kamu harus memakai browser mozilla firefox 3.5.0

6. Selamat Mencoba .... ;)

24 Maret 2009

Menghilangkan Tanda Obeng Dan Tang

Kalian Tau kan disetiap Widget yang kita pasang di blog di bawah Widget tersebut pasti ada tanda obeng dan tang, nah itu gunanya untuk mempercepat pengeditan widget yang kita pasang. Namun ada juga yang merasa terganggu oleh keberadaan Obeng Dan Tang tersebut. Tetapi menurut saya itu tidak mengganggu karena Obeng dan Tang tersebut hanya muncul pada saat kita login,

jika kita sudah logout maka otomatis Obeng dan Tang tersebut akan hilang :z .
OK deh bagi yang merasa terganggu atas keberadaan Obeng dan Tang Tersebut, Untuk menghilangkannya ikuti langkah - langkah berikut :

1. Login ke blogger kamu seperti biasa
2. Pilih Tata Letak (layout)
3. Pilih Edit HTML.
4. Cari kode seperti ini :


]]> </b:skin>


5.Copy paste kode berikut persis di atas kode yang tadi :

.quickedit{
display:none;
}


6. Klik SIMPAN TEMPLATE dan lihat hasilnya.......
7. Ucapkan Selamat Tiggal Pada Obeng dan Tang :O

Ok deh Selamat Mencoba ;)

Cara Menampilkan Recent Post

RESENT POST.....
apa sih RESENT POST itu...?
bagi kalian yang belum tau RECENT POST itu adalah postingan Terbaru, jadi bila kamu ingin menampilkan posting terbaru kamu disinilah tempat untuk mengetahui caranya....
OK deh langsung aja ke cara cara nya....

untuk mengetahui cara - caranya ikutila langkah - langkah berikut ini :

1. Login ke BLOGGER -> TATA LETAK -> ELEMEN HALAMAN -> HTML/JavaScript
2. Copy pastekan kode dibawah ini dan masukan kedalam "content"


<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://NAMABLOGKAMU.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"><br /></script>


3. Ganti angka 10(Angka sepuluh Menunjukan Jumlah "RECENT POST" yang akan kita tampilkan)dengan angka yang kamu inginkan
4. Ganti juga NAMABLOGKAMU dengan nama blog kamu
5. Lalu Klik SAVE


OK Selamat Mencoba ;)



MEMBUAT FORM LOGIN BLOGGER.

MEMBUAT FORM LOGIN BLOGGER.....

Apa itu form login blogger..???pasti ada yang tau ada yang enggak.....
iya kan, iya donk....??? :)

from login blogger itu adalah tempat kita untyk login ke blogger kamu bisa lihat di samping kiri atas blog saya, disana ada tempat untuk melogin ke blogger nah itu tu seperti itu contonya

Ok deh langsung aja ke caranya, mau tau caranya..?
berikut cara - caranya.....

1. Login ke blogger --> Tata Letak --> Elemen Halaman -> Add Gadget
2.Copy Paste kan Script dibawah ini ke dalam gadget tadi


</p><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post">
<input value="http://www.blogger.com/loginz?d=%2Fhome&amp;p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden">
<input value="blogger" name="service" type="hidden">
<input value="8" name="nui" type="hidden">
<input value="8" name="naui" type="hidden">
<input value="2" name="fpui" type="hidden">
<input value="3" name="uilel" type="hidden">
<input value="true" name="skipvpage" type="hidden">
<input value="false" name="rm" type="hidden">
<input value="true" name="alwf" type="hidden">
<input value="http://www.blogger.com/login.g" name="roeu" type="hidden">
<input value="0" name="alinsu" type="hidden">
<input value="WbQ8QiJfUvA" name="GA3T" type="hidden">
<div><label for="Email"> <span style="font-weight: bold;">Username ID:</span>

<input id="Email" tabindex="1" value="" name="Email" size="20" type="text">
</label></div>
<div><label for="Passwd"> Kode Rahasia: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>)

</label>
<input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"></div>

<input id="signin-btn-ns" tabindex="0" value="Masuk" class="ubtn ubtn-block" name="submit" type="submit">
</form></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;"></span></span><span class="fullpost"><span style="font-weight: bold;">


3. Ganti Tulisan USERNAME ID : dengan yang kamu inginkan
4. Ganti juga Tulisan
KODE RAHASIA : dan MASUK dengan yang kamu inginkan
5. Klik SAVE
6. Coba lihat hasilnya..... ;)

SEMOGA SUKSES .... :)

21 Maret 2009

Cara Membuat TAG CLOUD di Blogger

TAG CLOUD......
Ada yang sudah tau....?????Pasti diantara kalin yang baca artikel ini ada yang sudah tau apa itu TAG CLOUD....
saya akan terangkan sedikit Tentang Tag Cloud
TAG CLOUD adalah Label Animasi Jadi Kita dapat mengubah Lebel kita yang kuno ;) , menjadi lebih bagus kamu bisa liat contohnya di blog saya....

Ok deh jangan banyak basa basi langsung saja ke TKP
jika kamu tertarik kamu bisa mengikuti langkah langkah berikut :

1. Login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. KLik tab Edit HTML.
4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya Anda
5. Cari kode yang mirip dengan kode di bawah ini :


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

6. Copy paste kode di bawah ini persis 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'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a>
and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a>
Distribute by <a href='http://bahauddin-amyasi.blogspot.com/'>Bahauddin Amyasi</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>


7. Lalu tekan Simpan Template

Catatan :

sebenarnya jika kamu mengerti tentang tag HTML kamu bisa saja mengubah warna backround, warna tulisan, ukuran / Anda bisa mengubah tulisan yang di cetak tebal dengan yang anda inginkan dll....

Selamat Mencoba ;)

14 Maret 2009

Cara Membuat Read More / Baca Selengkapnya

pada episode kali ini saya akan membahas tentang membuat read more baca selengkapnya di blogger, jika kamu mempunyai posting yang panjang sehingga halaman utama blog kamu penuh, dan kamu ingin yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :


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

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

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

<a expr:href='data:post.url'>Read More......</a>
</b:if>


Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Pengaturan lalu pilih Format
7. Pada kotak Template Posting isikan kode berikut:


<span class="fullpost">


</span>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML".
10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini : <span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan </span>

11. dan SELESAI

Selamat Mencoba.... ;)

Cara Memasang Menu Dropdown

Udah lama gak nulis Akhirnya aku punya lagi nih salah satu trik
mau tau apa........ :t ....?
yaitu trik memasang menu dropdown... hah..??? :o belum tau....? :o
itu tu yang kayak gini



nah udah tau kan....? mau tau cara masang nya.....?
ok deh langsung aja ni caranya :

Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotat "Content"


<select
onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>



Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://rassiv123.blogspot.com/2009/03/ada-yang-pingin-buat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://rassiv123.blogspot.com/2009/03/cara-memasang-kotak-pencarian-google.html"> Kotak Pencarian Google
</option>
</select>


maka hasilnya akan seperti ini

:


Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut



<select onChange="document.location.href=this.options[this.selectedIndex].value;">

ganti dengan kode ini :

<select onchange="javascript:window.open(this.options[this.selectedIndex].val
ue;">


hasilnya bisa kamu lihat sendiri

Semoga Sukses ;)

11 Maret 2009

Cara Menampilkan Status Yahoo

Pada Episode Kali ini Saya akan Membahas Tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger", Apa gunanya/fungsinya bagi kita...????gini, kalau misalnya ada penandanya, seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu

Contohnya kaya Gini ni




trus jika kamu online maka iconya akan berubah seperti ini:



dan masih ada lagi yang lain......

Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo kamu masang "elemen halaman", trus "Add a Gadget --> HTML/Javascript".
gb(0, 0, 0); font-weight: bold;"><a href="ymsgr:sendIM?rassiv"> <img src="http://opi.yahoo.com/online?u=rassiv&amp;m=g&amp;t=2&amp;l=us"/>

Ganti text yang warna merah (rassiv) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Membuat Teks Berjalan Di Navbar Atas

Ketika Kamu Berziarah ke blog saya pasti kamu melihat teks berjalan seperti " Welcome to R@$$1V's Blog Silahkan Kirim Komentar Dan Saran Anda "
kamu ingin blog kamu seperti blog saya ini ok deh caranya gampang begini.....

Masukan Code Script ini di bawah Meta Conten Blog kamu atau di atas <b:skin><![CDATA[/*.

lalu......

1. Sigin ke Blogger dengan ID Sobat.
2. Klik Tata Letak, lalu Edit HTML.


3. cari kode
<b:skin><![CDATA[/*.
4. Copi paste script berikut dan taruh di atasnya.


<script language='JavaScript'>
var txt=&quot;. . : : Welcome to rassiv 123'sTrik - Blog...Silahkan kirim komentar dan saran anda.... : : . .&quot;;
var kecepatan=60;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout(&quot;bergerak()&quot;,kecepatan);}bergerak();
</script>

5. Terus Save

Catatan: Kamutinggal merubah kalimat yang berwara biru (Welcome to rassiv 123'sTrik - Blog...Silahkan kirim komentar dan saran kamu.... ) dengan kalimat yang sobat sukai. Misalnya Welcome To My Blog...dll. serta frekuensi kecepatan dengan mengubah angka 60 dengan angka yang disukai.

Thank You For Visit My Blog, And Happy Blogging :)

Membuat Blog Lebih Berekspresi

Kamu Pengguna Blog????Mungkin kamu mau postingan kamu lebih berekspresi????
Ada satu cara supaya blog kamu bisa lebih berekspresi dengan icon - icon smiles, contohnya seperti ini jika kamu mengetikkan tanda ini :) maka yang muncul adalah gambar ini , kalo tanda ini :p maka yang muncul gambar ini dan lain-lain. Nah sudah taukan....?????kamu tertaruk ???? :o
mau tau caranya....? :o ok deh ni caranya :

1. Login ke blogger trus pilih Layout -->> Edit HTML
2. Beri tanda centang pada jawaban yang benar, eh, maksudnya pada Expand Widget Templates
3. Cari kode ini ]]></b:skin> (letaknya kira2 di bagian tengah posisi kiri)
4. Masukkan script di bawah ini persis dibawah kode ]]></b:skin>

<script src='http://kendhin.890m.com/smile/smile.js' type='text/javascript'/>


5

terus Simpan/save dan cobalah lihat hasil nya, jika berhasil berarti kamu benar - benar membaca artikel ini dengan benar, tetapi kalau gagal berarti ada yang ketinggalan, coba kamu lihat lagi dengan seksama. :D


:) *Semoga Sukses dan Beruntung :D


Berikut ini adalah beberapa standar kode smile yang bisa digunakan :

:) -->
:D -->
:$ -->
:( -->
:p -->
;) -->
:k -->
:@ -->
:# -->
:x -->
:o -->
:L -->
:O -->
:r -->
:y -->
:t -->
:s -->
:~ -->
:v -->
:f -->
:d -->
:c -->
:z -->

06 Maret 2009

Cara Membuat Menu DTree

Kali ini saya akan menunjukan cara membuat menu Dtree belum tau ??????
yah :d masa belum tau itu tu yang kaya pohon bercabang cabang..


Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Ok...langsung aja ke TKP :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode
<head>

<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>

3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu khan cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Itulah script yang harus kamu copy di sidebar kamu.


<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>

berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

5. Trus klik save, dan coba lihat hasilnya

Pusing gak.... :D ? kalau pusing kasih komentar kamu.....!!!!

*selamat mencoba,.... dan happy blogging :z * ......ZZZZZ :s

05 Maret 2009

Menghilangkan Navbar (Navigation Bar) Blog

:) Pada Episode kali ini saya akan membahas tentang menghilangkan navbar ( Navigation Bar)

Kata sebagian besar pengguna blogger navbar ini sangat mengganggu "blogspot banget " begitu katanya, sekarang saya akan beri tau bagai mana cara nya :o

Untuk menghilangkan navbar blogger, sobat tinggal menambahkan kode di bawah ini pada style sheet CSS :


* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Untuk templete klasik:


1. Sign in di blogger

2. Klik menu Template

3. Klik menu Edit HTML

4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman


5.Copy kode berikut lalu paste di atas kode
</style>


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


6. Klik tombol Simpan Perubahan Template

7. Selesai.

Untuk templet Baru:

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data

5. Copy kode berikut lalu paste di atas kode ]]></b:skin>


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}





6. Klik tombol Simpan Template

7. Selesai. Semoga Berhasil...... dan Good Luck ;)

Membuat Icon di Address Bar (Favicon)

Waktu kalian berziarah :O ke blog atau website orang lain kalian sering melihat sebuah gambar/icon pada adrees bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

kalau kamu belum puas, puasin aja...maksudnya kamu bisa ganti icon menjadi icon yang kamu inginkan contoh menjadi seperti gambar yang dibawah ini dan lain lain :r :r
caranya :

Langkah Pertama:

  1. Kunjungi situ tersebut di sini.











  1. Setelah selesai proses upload-nya, kita tinggal mendownloadnya. Kemudian di-extract lalu simpan di PC kita.








Langkah kedua :

  1. Gambar atau foto yang telah jadi ikon, silahkan di-upload di hosting gratis, seperti Photobucket.com, Yahoo Geocities.

  2. Ambil link hasil gambar yang telah di upload. Biasanya seperti ini


  1. http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif">

    http://bima.ipb.ac.id/~anita/images/de-exe.gif http://bima.ipb.ac.id/~anita/images/de-exe.gif">


  2. Kita harus mengubah alamat URL favicon kita menjadi seperti ini :
    <link href="%27%3Cspan" style="color: rgb(0, 0, 0);">http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>


  • Masuk ke blogger dengan ID kita, lalu klik Tata Letak-Edit HTML.
  • Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><![CDATA[/*

  • Simpan kode favicon anda persis di atas kode <b:skin>, contoh :

    <link href='http://i290.photobucket.com/albums/ll256/angkatan2006/jhk.gif'rel='shortcut icon' type='image/x-icon'/>

    <b:skin><![CDATA[/*


  • Kemudian SAVE TEMPLET
  • Ucapkan Terimakasih sama...... ( hehehe...)
  • kalau berhasil berarti kami pintar :D , dan kalau gagal berarti kamu...ya gitu dehhh... :p *selamat Mencoba* :)
  • Google Translate Bahasa Indonesia

    Halo...... :)
    yang satu ini juga gak kalah dengan yang lainya...
    yaitu memasang google translate jadi kalau kamu pengen blog kamu di trans late pake bahasa inggris, jerman, turkish dll(11 BAHASA) gampang deh. Google translate ini bisa di bilang yang terbaik di dunia arena menggunakan pendekatan terjemah dengan pendekatan terjemahan manusia dengan menggunakan banyak jenis vocabulary dan grammar tentunya.

    agar hasil terjemahannya baik dan benar kita harus menggunakan bahasa indonesia yang baik dan benar. berikut adalah contoh gambarnya


    Atau jika anda ingin menerjemahkan blog ini ke bahasa lain anda bisa memilihnya di bagian sidebar, di kotak pencarian ada blogger translate widget... Pilih dan klik pada bendera yang melambangkan bahasa hasil terjemahan.... Anda pun bisa menambahkan widget tersebut secara gratis di blog anda sendiri.... Caranya cukup mudah tekan tombol dibawah ini untuk menambahkan blogger translator widget di blog anda.



    selamat mencoba......! ;)

     

    Subscribe to our Newsletter

    Contact our Support

    Email us: Support@templateism.com

    Our Team Memebers