Cara menampilkan status online YM gampang saja, Kamu tinggal mencopy sedikit kode dibawah ini dan mengganti ID YM saya (oos_sii) dengan ID YM Anda, (Perhatian: ada dua ID YM yang harus Anda ganti): t=1 t=2 t=3 t=4 t=5 t=6 t=7 t=8 t=9 t=10 t=11 t=12 t=13 t=14 t=15 t=16
<a href="http://messenger.yahoo.com/edit/send/?.target=oos_sii">
<img src="http://opi.yahoo.com/yahooonline/u=oos_sii/m=g/t=2/l=us/opi.jpg" border="0" alt="Status YM" /></a>
Perhatikan kode t=2 , kode tersebut adalah tampilan status yahoo kamu dan kamu bisa menggantinya dengan kode yang lain seperti di bawah ini :t=0
Selamat Mencoba !!
Selengkapnya...
Minggu, 21 Februari 2010
Cara menampilkan status online YM
Cara membuat kotak komentar
Akhirnya datang juga....
Setelah lama ditunggu-tunggu oleh para penggemar setianya, akhir blogger/blogspot menerbitkan juga comment box atau kotak komentar yang langsung muncul berada dibawah postingan. Kalau dulu hanya berupa link "Post a Comment", maka yang sekarang lain, yg sekarang kotak komentarnya langsung muncul persis dibawah postingan (seperti kotak komentar dibawah ini). Dengan adanya kotak komentar yang seperti ini, akupun rela mengganti kotak komentarku yang dulu (haloscan) dengan comentbox yang ini. Walaupun kotak komentar ini masih dalam draft tapi sudah bisa dinikmati.
Begini nih cara membuat kotak komentar blogger yang berada dibawah postingan.
1. Login ke http://draft.blogger.com
2. Klik Setting
3. Klik Comment
4. Ganti "Comment Form Placement" menjadi "Embedded below post"
5. Klik Save
6. Klik Layout
7. Klik Edit HTML
8. Centang Expand Widget Template
9. Cari Kode Di Bawah ini :
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>
10. Kalo sudah hapus kode di atas tersebut dan ganti dengan kode dibawah ini :
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>
11. Klik Save Template !
Selengkapnya...
Cara mengganti icon blog
Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
1. Log in ke BLOGGER !!
2. Klik Layout
3. Klik EDIT HTML
4. Copa Kode dibawah ini sebelum kode
<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>
5. Ganti yang dicetak tebal dengan Lokasi Gambar kamu yang telah di uploud. Untuk Uploud gambar bisa disini / disini.
ini ada beberapa contoh gambar :
Selengkapnya...
Sabtu, 20 Februari 2010
Cara membuat text area
Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.
Untuk membuat text area, silahkan anda Copy kode di bawah ini :
<p align="center"><textarea name="code" rows="6" cols="20"> Pastekan TEXT / KODE anda Disini </textarea></p>
Contoh :
<p align="center"><textarea name="code" rows="6" cols="20"> Tips n Trik Blogging </textarea></p>
Hasilnya :
Selamat Mencoba :D
Selengkapnya...
Cara membuat read more / baca selengkapnya
Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page) atau lebih populer dengan sebutan "fungsi read more".
1. Log in ke blogger !!
2. Klik Layout
3. Klik Edit HTML
4. Centang Expand Widget Template
5. Cari Kode yang mirip seperti di bawah ini :
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
6. Copy lalu paste kode berikut persis di bawah kode yang tadi :
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
7. Simpan Template
Nah.. Untuk mengganti kata "Read More" ikuti langkah2 berikut ini :
1. Klik Layout
2. Klik Page Element
3. Pada "Elemen Posting" klik edit
4. Setelah di klik, Gantilah kata readmore dengan kata lain yang anda inginkan..
5. Klik Save
Note : Untuk memotong Post Gunakan HTML : <!-- more -->Atau
Klik Ikon yang dilingkari di bawah ini :
Selengkapnya...
Cara membuat address bar yang keren
Kamu pernah lihat blog yang addres barnya gerak ? kedap kedip ? ato lain2 !?
Sekarang kalian bisa seperti mereka !
Lumayan bikin BLOG tambah keren 
Mau tau caranya ??
Oke Let's go..
1. Log in ke blogger !!
2. Klik Layout
3. Klik Edit HTML
4. Centang Expand Widget Template
5. Salin Kode di bawah
<script type="text/javascript">
//<![CDATA[
var message = new Array() // leave this as is
message[0] = "Welcome to my Blogger !";
message[1] = "yOu Was EnTeREd To HeLL aReA";
message[2] = "bUt, YoU wIll nOt DeAtH hErE";
message[3] = "jUst keEp EnJoY !!";
message[4] = "Don't fOrgEt...";
message[5] = "LeaVe mE a cOoL cOmment !!";
var reps = 2
var speed = 100
var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}
if(s==1){document.title='[D====] '+T+' [====D]'}
if(s==2){document.title='[=E===] '+T+' [===E=]'}
if(s==3){document.title='[==D==] '+T+' [==D==]'}
if(s==4){document.title='[===Y=] '+T+' [=Y===]'}
if(s==5){document.title='[====>] '+T+' [<====]'}
if(s==6){document.title='[===Y=] '+T+' [=Y===]'}
if(s==7){document.title='[==D==] '+T+' [==D==]'}
if(s==8){document.title='[=E===] '+T+' [===E=]'}
if(s==9){document.title='[D====] '+T+' [====D]'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
//]]>
</script>
6. Dan Tambahkan kode diatas sebelum kode <head> , dan klik Simpan Template
7. ini yang terpenting SENYUM Karena dagh selese 
note : teks yang berwarna BIRU bisa kamu ganti dengan teks lain.
Selengkapnya...
Cara membuat related post
Ada tips baru nih. Namanya "Related Post". Related Post itu yang suka ada di bawah posting itu lhoo.... Related post itu Menampilkan beberapa Post ! Tetapi apa gunanya Related Post ?? Menuruk saya, related Post itu berguna sekali untuk menampah jumlah Views Page ! Wahh... Mantab kan ? Ayo langsung pasang pada blogmu !!
1. Log in ke blogger !!
2. Klik Layout
3. Klik Edit HTML
4. Centang Expand Widget Template
3. Cari Kode <data:post.body/> [ CTR + F ][ F3 ] !!
Kalo Dah Ketemu !!
4. Pastekan kode dibawah ini dibawah kode <data:post.body/> !!<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
5. Simpan Template !!
Selamat Mencoba :D
Selengkapnya...
Langganan:
Komentar (Atom)
