cara membuat emoticon dipostinganmu

mau buat postinganmu tambah seru dan menariik ?? sook atuuh liat tips-tipsnya.

misalnya ajaa kamu mau buat kayak gini :

nama saya dian hardianty . saya pemilik blog ini , gimana blog saya cantikk bukann hahaha : pede :

tertarik membuat sepertii ini di postinganmu .

ok nihh dya ,chekidot ,
eitss tapi tunggu dulu , aku liatin dulu ajaa dehh gambarnya --> tuu yang dibawah :)
klo yang ini namanya japan emoticon, lucu bukan ??

:a:

:b:

:c:

:d:

:e:

:f:

:g:

:h:

:i:

:j:

:k:

:l:

:m:

:n:

kode japan emoticon : (ntar aku beri tau caranya yaa , liat-liat aja dulu )

<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif" border="0" height="30" width="30"/>
:a:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif" border="0" height="30" width="30"/>
:b:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif" border="0" height="30" width="30"/>
:c:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif" border="0" height="30" width="30"/>
:d:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif" border="0" height="30" width="30"/>
:e:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif" border="0" height="30" width="30"/>
:f:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif" border="0" height="30" width="30"/>
:g:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif" border="0" height="30" width="30"/>
:h:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif" border="0" height="30" width="30"/>
:i:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif" border="0" height="30" width="30"/>
:j:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif" border="0" height="30" width="30"/>
:k:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif" border="0" height="30" width="30"/>
:l:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif" border="0" height="30" width="30"/>
:m:
<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif" border="0" height="30" width="30"/>
:n:

klo yang ini emoticon union , nggak kala lucukan sama emoticon japan.

:f

:D

:)

;;)

:x

:$

x(

:?

:@

:~

:|

:))

:(

:s

:((

:o

kode emoticon union :

<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/capek.gif'/>
:f
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bigsmile.gif'/>
:D
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/hi.gif'/>
:)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/kagum.gif'/>
;;)
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/love.gif'/>
:x
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/malu.gif'/>
:$
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/marah.gif'/>
x(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/bingung.gif'/>
:?
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mumet.gif'/>
:@
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/muntah.gif'/>
:~
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/mentok.gif'/>
:|
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/ngakak.gif'/>
:))
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/sedih.gif'/>
:(
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/senang.gif'/>
:s
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/tolong.gif'/>
:((
<img border='0' src='http://i496.photobucket.com/albums/rr329/grandisyf/wow.gif'/>
:o

Untuk menambahkan atau menyisipkan emoticon tersebut di posting anda, sangat mudah. tinggal copy dan paste kode emoticon yang dipilih ketika sedang menulis posting. Tapi ingat, hanya lakukan pada posisi menulis di Edit HTML, jangan pada model Compose. Berikut contoh sederhana cara aplikasinya di posting:

nama saya dian hardianty. saya adalah pemilik blog ini .<img src="http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif" border="0" height="30" width="30"/>gimana cantik bukan blog saya . secantik dan semanis pemiliknya hahaha :pede:


maka hasilnya akan seperti ini :

nama saya dian hardianty. saya adalah pemilik blog ini. gimana , cantik bukan blog saya . secantik dan semanis pemiliknya hahaha :pede:




sumber : kokobotz.blogspot.com

cara membuat efek stabilo pada postingan

waaahh !! menurut saya postingan yang satu ini menarik loh . selain bisa mempercantik tulisan kita , efek stabilo ini juga dapat kita gunakan untuk menandai tulisan tertentu lhoo, sehingga menarik tuk dibaca :)

misalnya aja kamu mau buat kayak gini :

nama saya dian hardianty. saya adalah pemilik blog ini . gimana blog saya cantik bukan ?? secantik dan semanis pemiliknya hahahaha ::pede::

mau tauu cara buatnya ?. nihh aku kasih dehh. jangn nangis ya ;;hehehe;;

tinggal pastein kode ini aja didalam postingan kamu -->

<span style="background-gt;secantik dan semanis pemiliknya</span>

catatan :
untuk kode #FFF00 merupakan kode HTML untuk warna hijau , untuk warna yang lain silahkan

klik disini

selamat berkreasi sendiri yach

sumber : www.thejaev.co.cc

cara membuat tulisan berbingkai di blogmu

gimana unik bukan ? klo selama ini kita lihat ada foto atau gambar berbingkai, disini kita akan membuatnya lebih bervariasi yaitu tulisan atau postingan yang berbingkai. kamu juga bisa menggunakan bingkai ini untuk menandai postingan tertentu mungkin atau hanya sekedar mempercantik postinganmu . nah ! yang kayak gini nih aku maksud

nama saya dian hardianty. saya adalah pemilik blog ini . gimana blog saya cantik bukan ?? secantik dan semanis pemiliknya hahahaha ::pede::

tertarik membuatnya ? mari ikuti saya . (haha ngawur)

keterangan :
* border: 4px : tebal border (dalam pixel)
* ridge : model border yang digunakan (bisa diganti dengan “solid” dan “dotted”)
* #9400d3; : kode warna
* padding : jarak antara tulisan dengan border

untuk kode warna

silahkan klik disini

nihh cara buatnya :
1. nggak susah kok cukup copas kode di bawah ini dan taruh di dalam postinganmu. kayak gini :

<div style="border: 4px ridge #0000FF; padding: 5px;">
nama saya dian hardianty. saya adalah pemilik blog ini . gimana blog saya cantik bukan ?? secantik dan semanis pemiliknya hahahaha ::pede::
</div>




gimana ?? mudahkan selamat mencoba ya :)

sumber : junjung.net

cara membuat dan menampilakan emoticion union di kotak komentar :)

gimana tertarik bukan ?? sookk atuh lihat cara buatnya :-->
Cara Membuat Emoticon Union di Kotak Komentar :
1. Login ke Blogger, Pilih Blog (Jika Anda mempunyai lebih dari 1 blog)
2. Plih Layout (Tataletak) --> Edit HTML
3. Beri tanda centang pada kotak "expand widget template"
4. Lalu letakkan script berikut sebelum kode </body>

<script src='http://gudang-info.com/blogger/js/emo_union.js' type='text/javascript'/>

5. Cari kode <b:if cond='data:post.embedCommentForm'>
6. Kemudian Letakkan kode berikut ini, sebelum kode <b:if cond='data:post.embedCommentForm'>

<center><b><table border='0' width='500'>
<tr><td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/hi.gif' title='Hi'/>:hi</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/happy.gif' title='Happy'/>:-)</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/idea.gif' title='Idea'/>:*)</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/ok.gif' title='OK'/>:ok</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/so_happy.gif' title='So Happy'/>:s)</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/shame.gif' title='Shame'/>:D</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/wonder.gif' title='Wonder'/>:o)</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/thanks.gif' title='Thanks'/>:thx</td></tr>
<tr><td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/cool.gif' title='Cool'/>:B)</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/laughing.gif' title='Laughing'/>:))</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/hihihi.gif' title='Hihihi'/>J:)</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/heh.gif' title='Hehe'/>:-J</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/angry.gif' title='Angry'/>:x</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/cry.gif' title='Cry'/>:((</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/no_words.gif' title='No Words'/>:|</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/sad.gif' title='Sad'/>:(</td></tr>
<tr><td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/study.gif' title='Study'/>:iq</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/stress.gif' title='Stress'/>:#</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/confused.gif' title='Confused'/>:?</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/duh.gif' title='Duh'/>#-o</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/dizziness.gif' title='Dizziness'/>:@</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/vomit.gif' title='Vomit'/>J:P</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/omg1.gif' title='Oh My God'/>:o</td>
<td><img alt='' src='http://i756.photobucket.com/albums/xx209/Gudang-Info/blogger/emo_union/omg2.gif' title='Oh My God'/>:-o</td>
</tr></table></b><br/><a href='http://www.gudang-info.com/2009/08/cara-membuat-dan-menampilkan-emoticon.html' target='_blank'><span style='font-size:110%;'>Tertarik Dengan Emoticon di Atas? <blink>Klik DI SINI</blink></span></a></center>

7. Save template, dan lihat hasilnya.

SELAMAT MENCOBA :)

sumber : www.gudang-info.com

cara membuat alert (pesan penutup) di blog

ok ada lagii nih temanku nanya katanya klo mo buat alert pesan penutup gimna yaaa ?? karna pada postingan sebelumnya sudah saya buat tutorial alert pesan pembuka jadi nggak afdol juga klo nggak bikin tips alert pesan penutupnya .buat teman-teman yang nggak tau alert itu apa . sokk atuhh dinda jelasin . alert ituuu. itulho yang kalau kalian buka blog ini ada pesan selamat datang pengunjungnya .

gimana ? dah jelaskan . ya udahh nihh cara buatnya :

1. login ke blogger kamu tentunya dengan ID Kamu dong :)
2. pada DASHBOR klik tata letak
3. klik edit HTML
4. cari kode </head>
5. kemudian letakkan kode dibawah ini diatas kode </head>

<script type='text/javascript'> // goodbye alert function goodbye(){ alert('hayoo mau kemana, besook mampir lagi yaa'); } parent.window.onunload=goodbye; </script>

silahkan ganti kata-kata ini : hayoo mau kemana, besook mampir lagi yaa sesuai dengan keinginan anda

6. klik simpan template
7. selesai

sekarang coba buka blog kamu kemudian tutup lagi .
SELAMAT MENCOBA :)

jagn lupa tinggalkan komentnya ya

membuat efek heart bejatuhan dihalaman blog

nih, dapat oleh-oleh lagi dari hasil berkunjung ke blog orang. tapi efek ini cocok Buat Anda yang mempunyai blog bernuansa cinta.gimana tertarik ?? bikin efek heart ini . klo mau liat contoh heart atau hatinya , kayak yang disamping ini lho !

ok deh. tertarik bukan ? nih aku punya tipsnya :


1. login ke blogger kamu tentunya dengan ID kamu
2. masuk menu TATA LETAK
3. lalu klik EDIT HTML
4. jangan lupa beri tanda centang pada expand template widget
5. cari kode ini dan taruh diatas kode tersebut . kodenya yang ini </body> atau kedalam tag <body>

<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>



6. klo sudah jangan lupa klik simpan template dan lihat hasilnya .

gimana ?? cantik bukan :)

sumber : http://tutorial-jitu.blogspot.com

membuat halaman bernomor di blogmu

horee !! ada oleh-oleh lagii nihh . tips ini baru aku liat. sebelum-sebelumnya sihh aku belum pernah liat trik ini di pasang di blog para blogger. truss setelah aku pasang di blog aku . bagus juga lho !! makany ku buat tutorialnya .



gimana ? penasaran cara membuatnya ? ini dia -->

1. login di bloggermu
2. 2. masuk ke tata letak (layout) >> element halaman
3. tambah gedget >> pilih HTML/java script
4. copas code berikut:

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}


.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;


}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;


}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;




}


.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;


}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}


.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>






<script type="text/javascript">


function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';




var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';






var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';


for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){


itemCount++;
}


}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}


if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}


for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/"'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}


fFlag++;
}


if(p==(thisNum-1)){
html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}


if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

5. text yang bertuliskan bisa anda ganti dengan tetx seperti: first menjadi home,
next menjadi lanjut, Previous menjadi kembali last menjadi terakhir
6. klik simpan dan kembali ke tata letak
7. seperti biasa , geser gadget HTML/JAVA SCRIPT berikut dan letakkan di bawah postingan .

8. selesai dehh

SEMOGA BERMANFAAT :)

Dari blog master : http://ziliwu.blogspot.com

membuat READ MORE bergambar di blog anda

nah !! beda lagi yang satu ini . klo selama ini kita sering temui read more yang bertuliskan link berwarna merah atau biru. disini kita akan membuat READ MORE yang beda dari yang lain dan pastinya buat blog kamu lebih menarik . gimana tertarik nggak ?? APA !! tertarik . yaaa udah dehh aku kasi nihh tipsnya . eitsss tapi tunggu dulu , ini hasil belajar dari http://kiwolblog.blogspot.com lhoo . soo makasih ya kak atas oleh-oleh artikelnya :). ok dehh lanjut , sampai mana tadi ? oia sampai cara buat READ MOREnya nihh dia . CHEKIIDOTT -->

1. Login ke blogger.com
2. Klik Layout/Tata Letak ---> Edit HTML
3. Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan HTML
4. Beri tanda centang pada kotak di sebelah tulisan “Expand Template Widget”
5. cari kode

atau kode ini biar cepat klik Ctrl+f
6. Kemudian ganti kode tersebut dengan kode 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>


Catatan :
Jika pada postingan sebelumnya tulisan Read Morenya seperti tulisan yang berwarna merah. Tetapi pada postingan ini kita akan mengganti tulisan tersebut menjadi gambar. Caranya ganti kode “Read More” yang bercetak tebal dengan kode ini <IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/> so, kalian nggak usah cari url gambar lain lagi karna ka kiwolblog ini sudah memberikan kita gambar read more yang keren yaitu yang ini :



maka hasil kodenya kurang lebih 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'><IMG SRC='http://pic60.picturetrail.com/VOL1724/12312346/22573599/376383608.jpg'/></a>
</b:if>

7. Kemudian klik tombol simpan template
8. Langkah selanjutnya pilih Menu Settings ---> Formatting
9. Pada kotak “Post Template” masukkan kode seperti ini :

<span class="fullpost">

</span>

13. Letakkan sebagian tulisan sebelum kode ( sebagai posting pendek yang akan ditampilkan di menu utama ). Kemudian letakkan semua postingan sesudah kode dan sebelum kode
14. Kalau masih belum jelas perhatikan contoh di bawah ini :

nama saya dian hardianty.i disini saya akan membantu anda membuat read more bergambar. tapii mungkin ada teman-teman yang masih belum ngerti pasang READ MORE . oleh karena itu saya tunjukan caranya yaa :)<span class="fullpost">
trusss lanjutan ceritanya disinii dehh </span>

15. Kalau udah selesai klik publikasikan, udah jadi dhe !

cara memasang kotak scroll di blog anda

selain read more yang bisa bantu menghemat tempat postingan anda di blog . ada juga yang satu ini yaitu kotak scroll. cara membuatnya sih terbilang mudah . dan didlam kotak scroll ini kita bisa gunain buat daftar isi blog kita, link teman, ataupun daftar lainnya.kotak scroll ini juga ada lho di blog . liat aja ya .ok tanpa basa basi lagi. yuukk kita intip tutorialnya :

untuk itu ikuti langkah-langkah berikut :
1. Masuk ke Blog anda
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Paste script di bawah ke halaman conten HTML/JavaScript tersebut

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">


<li><a href="http://dhyankeepsmile.blogspot.com/2010/11/cara memasang kotak scrool di blog anda.html" target="_blank"> JUDUL ARTIKEL ANDA </a></li>

<li><a href="http://dhyankeepsmile.blogspot.com/2010/11/tips-utak-atik-html.html" target="_blank"> JUDUL ARTIKEL ANDA </a></li>


</div>

7.ganti kata yang bercetak tebal dengan script atau link anda
8.kata yang bercetak miring ganti dengan judul artikel anda
9.klik simpan . jadi dehh
10.BILANG APA ?? BILANG MAKASII DONG hehehe

SELAMAT MENCOBA :)

cara memasang alert message (pesan selamat datang )di blog kamu

saya pernah mengunjungi blog salah satu teman saya . trus ada pesan "selamat datng atau welocome to my blog " lgi,lgi sya tertarik buat kayak gituan di blog saya . ehhh pasnya dah jadi . ada lgii teman saya nanya cara buat kayak anu blog kamu gimana . awalnya saya bingung , anu ?? anu apa ?? trus teman saya bilang kayak gini, itulohh yang ada pesan "hai-hai selamat datang di blog saya jangan lupa follow serta koment dan vote yach". ohhh ALERT MESAGE tohh. dripda saya jelasin panjang lebar . mending bikin tutorilanya :)

cara pasangnya mudah lho. nggak perlu utak-atik template . trus scriptnya juga nggak panjang-panjang amat , misalnya seperti ini :

<script language='javascript'>alert("hai-hai selamat datang di blog saya jangan lupa koment dan vote yach");</script>

teks yang diatas adalah teks pengatar pesan yang bisa anda ganti dengan kalimat pilihan anda. Satu script mewakili satu alert yang akan tampil. Jadi, jika anda ingin memasang lebih dari satu script, maka tinggal ditambahi saja. Misalnya ingin memasang dua script alert seperti ini :

<script language='javascript'>alert("hai-hai selamat datang di blog saya jangan lupa koment dan vote yach");</script>
<script language='javascript'>alert("Terimakasih telah berkunjung");</script>


gimana mudah bukan ??

sekarang cara pasangnya aja dehh..nih aku kasiih
# Login ke blogger dengan id anda
# Klik Tata Letak
# Pilih menu Edit HTML
# Letakkan kode script alert di atas kode </head>
# Sehingga hasilnya menjadi seperti ini :

<script language='javascript'>alert("hai-hai selamat datang di blog saya jangan lupa koment dan vote yach");</script>
<script language='javascript'>alert("Terimakasih telah berkunjung");</script>
</head>

catatan :
* silahkan ganti kata yang tercetak tebal dengan kata-kata anda sendiri

#klik tombol simpan template
#selesai dehh :)

cara membuat hujan rupiah di blogmu :)

gimana tertarik ? Mungkin kamu beranggapan kalau aku bohong! Tapi sejujurnya ini benar-benar sebuah trik untuk membuat blog kita (terutama di blogger) terus dihujani oleh lembaran-lembaran rupiah yang tak kunjung berhenti.
Membuat blog dihujani banyak uang?
Kenapa tidak? Kita tidak perlu banyak berusaha! Tiap blog kita dibuka oleh pengunjung, maka blog kamu secara otomatis akan langsung dihujani uang.

Ingin puluhan ribu Rupiah yang terus berjatuhan di blog anda?
Caranya sungguh mudah! Kamu tinggal memasukkan script ini di blog kamu!

1. login di blogger kamu
2. masuk ke tata letak
3. klik dan pilih TAMBAH WIDGET
4. nah. disitukan banyak menu. pilih dan klik HTML /JAVA SCRIPT
5. masukin deh kode dibawah ini :

<script src='http://yudhaime.googlecode.com/files/duit50000.js' type='text/javascript'></script>

lihat deh blog anda .
gimna. sya tidak bohong kan

sumber : blog.yudhaime.co.cc
mkasiih atas sarannya ya kak

pasang efek hujan bulu yuuk di blog kamu . KEREN LOH

haaaaaaccciiihhhnnnn . uuuh lebat bangetkan bulunya sampai bersin nih. (hahahahah lebay) gimana teman-teman kerenkan efek bulunya ? iya dong . tertarik ? (hahahah kayak iklan aja ) sebenarnya sih ini hasil oleh-oleh dari utak atik blog orang ,trus tertarik deh bikin kayak gini juga di blogku . truss banyak teman-teman yg ngunjungin pada nanya deh . kata2nya kayak gini nihh "ihhh bagusnya . moka juga. gimna caranya bikin ,ajar dule " dripada sya jelasin sampe mulut sya berbusa-busa mending bikin tutorialnya .
ok nih dya CHEKIDOT ...--->

1. LOGIN ke blogger kamu
2. klik tata letak
3. pilih dan klik tambah gadget *kamu bisa nempatin dimana aja kamu mau*
4. nah. disitukan banyak menu pilih HTML / java script
5. masukin deh kodenya . kodenya yang ini

<script src='http://yudhaime.googlecode.com/files/hujan-bulu.js' type='text/javascript'

6. jangan lupa klik simpan ya
7. bilang apa ? bilang terima kasih ya (hahahah bercanda)
8. selamat mencoba . :)


sumber : blog.yudhaime.co.cc
wah makish banget sma kak yudhaime ini. biar barupun kenal itupun juga dri blog. bisa bantu banyak dalam pembuatan blogku . isi blognya bermanfaat banget . maksiih ya kak :)

Takkan terganti :'(

Telah lama sendiri
Dalam langkah sepi
Tak pernah kukira bahwa akhirnya
Tiada dirimu di sisiku

Meski waktu datang dan berlalu sampai kau tiada bertahan
Semua tak 'kan mampu mengubahku
Hanyalah kau yang ada di relungku
Hanyalah dirimu mampu membuatku jatuh dan mencinta
Kau bukan hanya sekedar indah
Kau tak akan terganti

Tak pernah kuduga bahwa akhirnya
Tergugat janjimu dan janjiku



note : no coment . udah jelas jugakan diatas :'(