Cara Menemukan Code Script Pada Tampilan Template yang Baru

 

Langsung Ikuti Petunjuk di bawah ini saja :

Photo 1 :

Photo 2 :

 Photo 3 :

Photo 4 :

Photo 5 :

 

Photo 6 :

Photo 7 :

Photo 8 :

Photo 1 =  1. Masukkan EMAIL dan PASWORD anda
                 2. klik MASUK

Photo 2 =  Klik TANDA PANAH WARNA HITAM KECIL YANG HADAP BAWAH

Photo 3 =  Pilih "TEMPLATE"

Photo 4 =  Klik "EDIT HTML"

Photo 5 =  Arahkan Cursor kamu ke Kotak Template , terserah dimana saja ( tapi di kotak template itu ) , kemudian Klik Kiri agar cursor kamu menjadi Cursor Text

Photo 6 =  Nanti akan keluar Kotak Search , seperti yang ada di Photo 6

Photo 7 =  1. Masukkan code script yang akan dicari kedalam Kotak Search ---- Kemudian klik Enter pada keyboard

                 2. nanti akan muncul kode yang dicari , dan kode itu akan Berstabilo Warna Kuning , seperti yang ada di Photo 7

Photo 8 = Jika telah merasa selesai mengedit , Sekarang tinggal klik "SIMPAN TEMPLATE"

Cara Membuat Tulisan Unik di Buku Tamu / Cbox

Cara Membuat Tulisan Unik pada Buku Tamu ini sepertinya kaya yang ga ada bahan aja ya buat posting... tapi ga apa ya kan namanya juga berbagi pengalaman, terutama buat sobat yang hoby blogwalking ini akan menjadikan hobynya itu makin seru manakala saat berkunjung itu mengisi buku tamu atau guestbook atau apa saja itu istilahnya. Terkadang memang disaat kita berkunjung ke blog sahabat sering merasa bosan ngisi komentar atau buku tamu, nah mudah-mudahan setelah sobat menggunakan cara seperti ini sobat semangat lagi ngisi buku tamu saat berkunjung ke blog sahabat.

Dalam Membuat Tulisan Unik pada Buku Tamu ini tidak susah karena sobat tinggal menerapkan kode yang diinginkan sebelum dan sesudah kalimat yang ingin kita buat. untuk kodenyapun hampir sama dengan penulisan pada saat kita Edit HTML cuma pada Buku Tamu yang digunakan bukan tanda "<....kode...> Tulisan sobat </....kode...>" melainkan dengan menggunakan tanda "[..kode..] Tulisan Sobat [/...kode...]" sangat mudah kan sobat.

Berikut beberapa kode untuk membuat Tulisan unik di buku tamu

• Membuat Teks Berjalan : [scroll] Tulisan Sobat [/scroll]
• Membuat Teks Berukuran Besar : [big] Tulisan Sobat [/big]
• Membuat Tulisan Berukuran Kecil : [small] Tulisan Sobat [/small]
• Membuat Teks Miring :  [i] Tulisan Sobat [/i]
• Membuat Teks Bergaris Bawah :  [u] Tulisan Sobat [/u]
• Membuat Teks Tebal :  [b] Tulisan Sobat [/b]
• Membuat Teks Bergaris Tengah atau coret :  [s] Tulisan Sobat [/s]
• Membuat Tulisan Rata kanan (right) :  [right] Tulisan Sobat [/right]
• Membuat Tulisan Rata Tengah (Center) :  [center] Tulisan Sobat [/center]
• Membuat Teks yang mengandung Link :  [url=alamaURL] Tulisan Sobat [/url]
• Membuat Tulisan Berwarna :  [color=nama warna] Tulisan Sobat [/color] 

Berikut beberapa kode warna yang bisa dipakai:

[color=red] [/color]	Red
[color=blue] [/color]	Blue
[color=green] [/color]	Green
[color=yellow] [/color]	Yellow
[color=pink] [/color]	Pink
[color=purple] [/color]	Purple
[color=brown] [/color]	Brown
[color=orange] [/color]	Orange
[color=black] [/color]	Black
[color=white] [/color]	White
[color=gold] [/color]	Gold
[color=silver] [/color]	Silver
[color=violet] [/color]	Violet
[color=hotpink] [/color]	hotpink
[color=tan] [/color]	Tan
[color=aqua] [/color]	Aqua
[color=teal] [/color]	Teal
[color=lime] [/color]	Lime

Untuk membuat tulisan agar lebih unik dan menarik lagi sobat bisa memadukan kode-kode diatas pada Tulisan sobat, misalnya sobat mau membuat tulisan besar dengan warna merah maka cara penulisannya:

[color=red][big] Tulisan sobat [/big][/color]

atau juga membuat perpaduan lainnya, silahkan sobat coba sendiri. semoga ini bermanfaat.
Jangan Lupa saya tunggu komenya sobat. Trimakasih

SUMBER : http://veriztiarta.blogspot.com

Cara Menghias Kotak Komentar Blog dengan kumpulan Emoticon Lucu

Saya pulang :x: hehehe
Ma'af sudah lama nggak posting di blog ini , lagi sibuk
 
Buat para sobat blogger yang ingin menghiasi kotak komentar di blognya dengan kumpulan emoticon - emoticon lucu, Nih saya beri caranya .. tetapi bayar dulu :k: hehehe. ma'af - ma'af cuma bercanda, saya posting disini tidak meminta bayaran sepeserpun dari anda, saya hanya ingin anda senang atau bahagia - Anda puas kami puas /wahaha

ya sudah gak usah banyak basa - basi nih saya kasih tutorialnya :
tapi ingat !! pastikan melakukanya dengan benar :15:

Langkah 1

Pastikan sobat blogger sudah mengaktifkan fitur thread comment blognya. Bagi yang belum memasangnya bisa lihat di sini.

Langkah 2

Copy kode emoticon di bawah ini :

<div 
style='background-color:#fff;border:1px solid #d3d3d3;-webkit-border-radius:8px;padding-top:10px;padding-bottom:10px;'>
<center>
   <p style='color:#000'>
      <b>
         <img src='http://adityas.vacau.com/emotion/nangis.gif' width='20'/>:a:
         <img src='http://adityas.vacau.com/emotion/80.gif' width='20'/>:b:
         <img src='http://adityas.vacau.com/emotion/02.gif' width='20'/>:c:
         <img src='http://adityas.vacau.com/emotion/77.gif' width='20'/>:d:
         <img src='http://adityas.vacau.com/emotion/48_002.gif' width='20'/>:e:
         <img src='http://adityas.vacau.com/emotion/67.gif' width='20'/>:f:<br/>
         <img src='http://adityas.vacau.com/emotion/grrr.gif' width='20'/>:g:
         <img src='http://adityas.vacau.com/emotion/39_002.gif' width='20'/>:h:
         <img src='http://adityas.vacau.com/emotion/17_002.gif' width='27'/>:i:
         <img src='http://adityas.vacau.com/emotion/51_002.gif' width='25'/>:j:
      </b>
      <br/>
      <br/>
      <a OnClick='window.open(&quot;http://adityas.vacau.com/&quot;, &quot;popupwindow&quot;, &quot;scrollbars=yes, width=550, height=520&quot;);return true' href='javascript:void(0);' rel='nofollow'>Emotion lainnya?</a>
   </p>
</center>
</div>

Langkah 3

Selanjutnya temukan kode seperti di bawah ini :

<p class='comment-footer'>
   <b:if cond='data:post.embedCommentForm'>

 ------- paste kode yang ada di LANGKAH 2 Disini -----

Langkah 4

Selanjutnya temukan kode seperti di bawah ini :

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
 ------- paste kode yang ada di LANGKAH 2 Disini ----- 

Langkah 5 

Temukan kode </body> kemudian tambahkan script javascript di bawah ini di atas tag </body> tersebut.

<script src='https://sites.google.com/site/adityameilaz/emo/emot_keren_baru.js' type='text/javascript'/>

Simpan templatenya dan selesai.

Bagi yang merasa ada masalah dengan emotion ini, silahkan sobat tinggalkan keluhan atau masalahnya dengan berkomentar.
Semoga bermanfaat!  

SUMBER : http://adityameilaz.blogspot.com/2012/03/memasang-emotion-animasi-lucu-di-kotak.html

Cara Membuat Read More Otomatis

Ada dua (2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob, yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard, lalu Tata Letak dan contreng tulisan Expand Widget Templates.

(1)

(2)

(3)

Selanjutnya,cari kode </head> setelah ketemu tepat di ATASnya letakkan kode javascript berikut:

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 150;
summary_img = 150;
img_thumb_height = 100;
img_thumb_width = 120;
</script>

<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar, hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src='http://i1319.photobucket.com/albums/t667/chusni16/th_red_zpsce5d1713.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

jika ada yang memiliki gambar read more sendiri , silakan ganti tulisan yang berwarna MERAH dengan URL gambar sobat

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode<data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src='http://i1319.photobucket.com/albums/t667/chusni16/th_red_zpsce5d1713.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Cara Membuat Tombol Klik Show Untuk Melihat Di Postingan Blog

Berikut ini akan saya sampaikan cara-caranya beserta keterangan gambar. Tutorial ini saya dapatkan dari hackerzpro.blogspot.com nah silakan anda ikuti cara-cara berikut ini,, Bagi teman-teman yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Teman-teman hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

</div></div></div>

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.

Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.
 

Klik show untuk melihat

Masukkan tulisanmu di sini

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Lalu paste code di atas dan jangan lupa mengganti kata yang digaris tengah yang berwarna merah dengan kata atau kode yang ingin teman-teman masukkan. Teman-teman juga bisa mengganti kata yang berwarna biru dengan kata yang diinginkan.
Masukkan kode di atas ke dalam postingan atau di sidebar blog teman-teman, maka hasilnya bisa dilihat di bawah ini.

Klik show untuk melihat Yang di atas adalah contoh sederhana tentang cara pembuatan tombol show hide di blog, selanjutnya bisa teman-teman kembangkan sendiri.

SUMBER : http://zuazz.blogspot.com