PANDUAN BELAJAR TOEFL

Buat anda yang ingin belajar mengenai TOEFL, anda wajib membaca file ini. Panduan belajar agar anda memiliki nilai TOEFL yang maksimal. Silahkan downloaad file tersebut disini

Read More

Cara membuat Automatic Readmore dengan Thumbnail

Langsung saja ke Edit Html jangan lupa ceklis "expand widget templates"
lalu klik ctrl+f untuk cari kode </head> lalu paste kode di bawah ini :

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
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> 

kode di bawah ini untuk mengubah besarnya gambar yang diinginkan diatur aja sendiri 

summary_noimg = 430; is post cut height without image
summary_img = 340; is post cut height with image
img_thumb_height = 100; is thumbnail image height
img_thumb_width = 120; is thumbnail image width

lalu cari kode ini <data:post.body/>  dan paste kode dibawah ini setelah kode tersebut :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/>
<data:post.body/>
<b:else/>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more "<data:post.title/>"</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>

Selamat mencoba kawan :) 

Read More

Cara Membuat Reply Pada Komentar

Saya punya trick khusus untuk membuat tombol pada kolom komentar anda.
Ini adalah contoh gambar with REPLY :

anda melihat dipojok kanan terlihat icon REPLY.
mudah kok caranya ikuti petunjuk dibawah ini :
1. Langsung saja anda ke Rancangan > Edit HTML > centang EXPAND TEMPLATE WIDGET.





2. Tekan CTRL + F
    Lalu cari kode dibawah ini :

                  <data:commentPostedByMsg/>

3. Langsung Copy kan kode dibawah ini setelah kode diatas :
    

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFTs3Q3QZWZBB7X25nxvWONvWPM8g6qTwLuLdHJZT8j4od7vdMluRhu8T7IhE4VYlYka9fELC9ZDMRTjkpgI29coKl_PwSVmPY5WpTBW-hNJNvsMAlA30Nb7TZkKzYgyhlU-979AWsgTpQ/s1600/reply%5B1%5D.gif"/></a></span>

4.  Ganti YOUR-BLOG-ID dengan blogID anda.

 5. Save Template


Selamat mencoba :)
 

Read More

Blog Rounder / Border Radius dengan CSS3

Ini adalah cara membuat blog anda bergaya rounder atau pada sisi-sisinya melengkung manis.

silakan lihat contoh di bawah ini :

anda dapat melihat bentuk rounder pada kotak ini

Contoh di atas sebenarnya sangat sederhana:

-moz-border-radius: 5px; -Moz-border-radius: 5px;

-webkit-border-radius: 5px; -WebKit-perbatasan-radius: 5px;

border: 1px solid #000; border: 1px solid # 000;

padding: 10px;" > padding: 10px; ">

untuk masing masing berowser menggunakan nama yang berbeda pada penamaan roundernya
-moz-border-radius-topright lawanya -webkit-border-top-right-radius :
FireFox Safari dan Chrome

Mozilla / Firefox dan Safari 3 penggpojok kiri atas bulat.

Mozilla / Firefox dan Safari 3 pojok kiri atas

Mozilla/Firefox and Safari 3 pojok kanan bawah

Mozilla / Firefox, dan Safari 3 pojok kiri bawah bawah

Conto di atas menggunakan code di bawah ini
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius

Baik Pahami kode di bawah ini :

-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-khtml-border-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;

angka 10 menujukan nilai roundernya, semakin tinggi nilai maka akan semakin bulat.
cara penempatanya pun bisa di mana aja tergantung selera misal do footer, header, sidebar atau lainya.

kalau blog saya di bagian wraper lihat di bawah ini :

#wrap {

background: #FFF;

width: 960px;

margin: 10px auto 10px;

padding: 5px 10px;

position: relative;

border: 1px solid #CCC;

-moz-border-radius-bottomleft: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-topleft: 10px;

-moz-border-radius-topright: 10px;

-khtml-border-radius: 10px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

Read More