Welcom To Tutorial Blogs

Free Tutorial Blogs

Easy Tutorial

Don't Forget Give Your Comment For This Blog

Thanks For You Want Give Comment and Like To This Blog and Special Thanks To Blogger.

Wednesday, February 22, 2012

Cara membuat emoction di kotak komentar

Seperti biasanya, di trik ini akan diberikan dua macam emoticon, yaitu emoticon kucing (seperti punyaku ini) dan emoticon yahoo. Kamu tinggal pilih mana yang kamu suka.

Emoticon Yahoo : 



Emoticon Kucing : 
      
       

Gini nih cara membuatnya :

1. Pertama login ke blogger, trus ke "Layout (Tataletak) --> Edit HTML "
2. Beri tanda centang pada kotak "expand widget template"
3. Lalu letakkan script berikut sebelum kode </body> 

Untuk Emoticon Yahoo :

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

Untuk Emoticon Kucing :
<script src='http://kendhin.890m.com/emoticon/smile2.js' type='text/javascript'/>


4. Kemudian cari kode berikut 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>


5. Kalo sudah ketemu letakkan kode2 berikut setelah kode <p class='comment-footer'>

Ini untuk Yahoo emoticon :
<b><img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/>
:)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/>
:)] 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif'/>
;)) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> 
;;) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> 
:D 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> 
;) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/>
:p 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/>
:(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> 
:) 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> 
:( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> 
:X 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/>
=(( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/>
:-o 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> 
:-/ 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/>
:-* 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/>
:| 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/>
8-} 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>
~x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/>
:-t 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif'/>
b-( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif'/>
:-L 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/>
x( 
<img border='0' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/>
=))
</b>


Kalo mo yang emoticon kucing pake yang ini :

<b><img border='0' src='http://kendhin.890m.com/emoticon/capek.gif'/>
:f
<img border='0' src='http://kendhin.890m.com/emoticon/bigsmile.gif'/>
:D
<img border='0' src='http://kendhin.890m.com/emoticon/hi.gif'/>
:)
<img border='0' src='http://kendhin.890m.com/emoticon/kagum.gif'/>
;;)
<img border='0' src='http://kendhin.890m.com/emoticon/love.gif'/>
:x
<img border='0' src='http://kendhin.890m.com/emoticon/malu.gif'/>
:$
<img border='0' src='http://kendhin.890m.com/emoticon/marah.gif'/>
x(
<img border='0' src='http://kendhin.890m.com/emoticon/bingung.gif'/>
:?
</b>
<br/>
<b>
<img border='0' src='http://kendhin.890m.com/emoticon/mumet.gif'/>
:@
<img border='0' src='http://kendhin.890m.com/emoticon/muntah.gif'/>
:~
<img border='0' src='http://kendhin.890m.com/emoticon/mentok.gif'/>
:|
<img border='0' src='http://kendhin.890m.com/emoticon/ngakak.gif'/>
:))
<img border='0' src='http://kendhin.890m.com/emoticon/sedih.gif'/>
:(
<img border='0' src='http://kendhin.890m.com/emoticon/senang.gif'/>
:s
<img border='0' src='http://kendhin.890m.com/emoticon/tolong.gif'/>
:((
<img border='0' src='http://kendhin.890m.com/emoticon/wow.gif'/>
:o </b>

6. Kalo sudah trus di "save" dan coba lihat hasilnya
TwitterFacebookGoogle PlusLinkedInRSS FeedEmail

Sunday, February 19, 2012

Cara membuat saran di atas kotak komentar

Saran. S-A-R-A-N --> Saran. saran adalah suatu masukan yang bertujuan untuk memperbaiki sesuatu.nah, kali ini adalah kalian memberi saran di atas kotak komentar.

Contoh :

Post a Comment :
Tolong Jangan SPAM di kotak komentar ini..!!!

ketik komentar anda

nah, yang di beri warna dasar kuning ini adalah saran. nah untuk membuatnya cukuplah mudah. namun, bagi yang baru  baru mencoba masih agak - agak bingung juga tanpa lama ikutin ya langkahnya..!!!!

1. Login Blogger >> Dashbor >> Setelan >> Komentar >> ( Cari Pesan Formulir Komentar )
2. Tuliskan Saran anda di kotak pesan formulir komentar.
3. lalu klik Save dan lihat hasilnya.

Bagaimana teman - teman gampang gak ?? mudahkan ?? :)
TwitterFacebookGoogle PlusLinkedInRSS FeedEmail

Friday, February 17, 2012

Cara membuat like button

pasang like button facebook
Like button. like button adalah gadget yang berguna untuk mengetahui siapa yang suka blog kita. dari mana like di perkenalkan ?? like di perkenalkan pertama di Facebook. nah, like button ini, gadget yang sama seperti like button fb. dari pada nunggu lama, langsung caranya deh ikutin ya..!!!

Cara memasang like button fb


1. login ke blogger, kemudian pilih menu Layout> Edit HTML. 

2. Backup template anda terlebih dahulu. 
3. Periksa kotak centang Expand Template Widget. (Jangan lupa untuk download template untuk keamanan) 
4. Cari kode di bawah ini: 
 <data:post.body>
5. Setelah anda mendapatkan kode diatas , anda taruh kode berikut ini di bawah kode diatas
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

 Ingat apabila anda sudah memakai navigasi breadcrumb maka kode html diatas akan ada dua ,, anda cari yang kedua nya

6. Simpan template dan lihat hasilnya.
TwitterFacebookGoogle PlusLinkedInRSS FeedEmail

Cara membuat Star Ratings

Star Ratings adalah salah satu fitur baru Blogger yg resmi diluncurkan pada pertengahan 2011 lalu. Dulu, uji coba serta akses pengaktifan & penggunaannya harus melalui draft.blogger.com. Tapi kini tidak lagi, aktivasi fitur star rating for blogger dapat dilakukan melalui dashboard blogger.com. Star rating memberikan kesempatan pada pengunjung blog untuk menilai konten/isi posting yg dibacanya. Bagi pemilik blog, star rating dapat memberikan gambaran guna mengevaluasi penyajian isi blog.


Cara memasang Star Ratings for Blogger



1. Masuk ke dashboard Blogger.
2. Buka halaman layout (page elements).
3. Klik "edit" pada bagian badan posting (blog posts).
blogger
4. Klik/centang "Show Star Ratings"
blogger
5. Setelah itu save.
Cek posting blog, widget star ratings blogger ditampilkan pada bagian bawah posting.

Catatan: Pada beberapa kasus tertentu, opsi "Show Star Ratings" tidak ada. Jika sobat menemui kasus demikian, akses Blogger melalui draft.blogger.com

Cara memasang Star Ratings ( Khusus yang tidak ada Show Rating Star

  1. Login ke account blogger
  2. Pilih Tata Letak --> Edit HTML dan centang pada kotak kecil Expand Template Widget
  3. Cari kode yang bertuliskan <data:post.body/>
  4. Jika sudah ketemu, letakkan kode berikut tepat dibawah kode diatas

    <script language='JavaScript'>
    var OutbrainPermaLink='Your-Post-Permalink-Here';
    var OB_demoMode = false;
    var OB_Script = true;
    </script>
    <script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
  5. Bagi teman-teman yang telah melakukan modifikasi Template dengan Read More, lakukan langkah berikut :

  6. Cari kode
    <a expr:href='data:post.url'>"Readmore"</a>
    </b:if>
  7. Copy kode berikut tepat dibawah kode diatas
    <script language='JavaScript'>
    var OutbrainPermaLink='Your-Post-Permalink-Here';
    var OB_demoMode = false;
    var OB_Script = true;
    </script>
    <script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
  8. Simpan
  9. Keterangan !
  10. Readmore = Sesuaikan dengan tulisan readmore kamu, terkadang ada dari sebagian yang telah mengganti kata Readmore menjadi yang diinginkan, seperti baca selengkapnya, seterusnya, jadi tinggal disesuaikan dengan bacaan readmore yang digunakan
TwitterFacebookGoogle PlusLinkedInRSS FeedEmail

Thursday, February 16, 2012

Cara membuat Space Iklan Banner

                                                          

Space Iklan Banner. siapa yang tidak tau Iklan ?? waduh,, deso amat ya :p. coba perhatikan, setiap anda menonton film, pasti terkadang ada pesan - pesan bukan ?? nah, pesan itu yang di anggap iklan. namun di postingan hari ini, saya akan memberi tau cara membuat space iklan di blogger. ikuti langkahnya..!!!

langkah - langkah membuat space iklan banner :


1. Login Blogger >> Design >> Add a Gadget >> HTML/Javascript
2. Copy/Paste html di bawah ini dan pastekan di content.
<div id="tutorialblogsaads"><a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a><a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a><a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a><a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a></div>
Jika ingin menambahkan/mengurangi kotak space iklan tambahkan/hapus bagian:
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a> di atas </div>.

3. Save dan lihat hasilnya
TwitterFacebookGoogle PlusLinkedInRSS FeedEmail

Wednesday, February 15, 2012

Cara membuat Translate




English French German Spain Italian Dutch


Russian Portuguese Japanese Korean Arabic Chinese Simplified

Translate/change langue. tau kah anda translate ?? pasti tau donk. hampir seluruh negara mengetahui translate. transle berguna untuk menerjemahkan blog ke bahasa lain. kali ini kita akan membahas tentang cara membuat translate di blogger.

Ikuti Langkahnya :

1. login blogger Rancangan >> Elemen Laman >> Add a gadget >> HTML/Javascript
2. copy script di bawah ini dan paste kan di kotak konten di html/javacript

<style>
.google_translate img {filter:alpha(opacity=100);-moz-opacity: 1.0;opacity: 1.0;border:0;}
.google_translate:hover img {filter:alpha(opacity=30);-moz-opacity: 0.30;opacity: 0.30;border:0;}
.google_translatextra:hover img {filter:alpha(opacity=0.30)-moz-opacity: 0.30opacity: 0.30;border:0;}
</style>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-V7DBZ0RH93gZAKK35pTnR1M2Yz1BhCu_DQeHpQvBfYr0GVxLNwRYFx3duKfMXHE5TgyKiyvftNDc_lMfiFsF3m7Z8sc-61RgqUwQtM92zGnuVJ5seWBgr-RBoI6wnBMXRwA9zG7xa8Q/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOWpPF4_hdnsKoDseLpysfYQsH1CFWt7csmeZgEIdPeAnKNfguMbVuIf_HtHseWyWSbjAJ1QjxCrqDHDDNJgthjrMuQsO3PcEhtTf3pFySf_wjrR8nek1h-_bnGzYoXbsXw1o48sUZdCg/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEw7gfI1m7gocMHZAQqMgFT8P9pixyV6oUyJ33bDkNRVGGTeZCHpte6AxRfa2Kk1EKNyv6Sqlfon2FR7eBijLW6a7Tir2tUQLZyKgM5JenMtbEoZfWLoCQuh4MYCJoPBRVPF1Z6J0tlCRE/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSiP1vWVENV9Vb3F4UW7twI3CN7iL0HEYlk_Cd-OHeVevTOs8aQX84lwNCZgkq777p-UbAKdt4lN1wXkAUR8AdukZRVnsL8yKA2fD_Rwrw26sk-GpBkL_WAracxpvZvMRnEp4qxN_3yFzu/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiJga998_pF4vEtaUKrWBRc4FXnBrNaXj1HvfJXUAIeVwH3stPbWb9Ej7fZciIIXRMPlu28cCq8Vo6LUj_9JWNJfUzzFVcZjfQ68VnqunkUVLtwkQLCszPGzvJF7Bjv22WgAGmTd7_DXc/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpwBYlwuoIG9pFR2OqPiSOoD5R6MkU7koUQMAxqyiGtxuneUCvDNNS5Q7SO8ZtdTiIdHeVKNvCcxHO4o-IeZas38_XtI0wESKtfdrjFuGMncpAiolsTdPM9W0EJNZx9KhthOEcZATahaQ/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
<br />
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3j010JD55byLwfQNJLpm8GjZpG2nU2FGWY4S-UkSYBo6qUydPwsuKbG_FvtXELLlPgD9PXx-XLxoFnELqkqgJhM-WAecb45UZZy1aJNCDumwkFBSRp9_DlFERHaEkFoEwetOW0fdruo4/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcVBc09Sfkf5m443pYsiOnN4-hJTPVM7J48WPW9X_jlLmLDyXlC4aSOVBc7HaHXdnCpCW6oM7kSsry66sPEx8X4H0g-N1eQqt0uqoo_MpRS-ebIKOZ9HwURPov4IuUjtTBIetfTmr8jMA/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjariVBWigwfDJiLOQ_zks5FgAjRL6Y9QTvZJHL2MtVzulQyDtCgVO698UctgKjUoCO_F27010Vn76PzyHJJNQNARXzpG8jyFsB5FBtAjgdFYOU7mXruxQ2hMNPPcEpl0efL792pm14VlWS/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr_2chtDiC4EPJJ-DUmlTGovJHfQZhOX8ZVHoTtBCnRn2QGQ68V6L97rQT8nW4Ntdc56zeSoPfjLGcttEZd89Do67z1eSRKoiTcpIrB9wg985duDbKwCuM7WtRdXXdaKyimoghn5kGVvE/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRp9HelMilNcKZyy_YSK7Si8nB8LztNzjh1VDaDAcszjFCnEjAiv8YAX7o6wCrl11pcRW-k7WUas72VGHUt7KymGETbza5qMQWfRh3gby_EbTZWF-0o6HCB-4Ra5KEAyDpFWlnIxVgbOg/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnwOOELe5vfjz_mKGs6xLFsrHe1G0x1iNgAE0bmL2ywCr0qbKFuzGBpre_6XMv8RUOx4ZvTiDB5k_PB6G8KBwDRRxEeOnrBPpRow-H0u71x-PiJnyvMpQ0ntR3RkL8S1fOlmq5GB5ZULU/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24" /></a>
</center>




3. save dan refres blog anda.
4. selesai.
TwitterFacebookGoogle PlusLinkedInRSS FeedEmail