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