Membuat Tombol Pengikut Twitter Di Blog

Silahkan copy code dibawah, tempatkan di widget blog atau copy di bawah posting anda.





<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/nasutioncyber">Follow @nasutioncyber</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Nb : Ganti tulisan berwarna pink dengan user name anda.

Created by Unknown

Cara Mudah Membuat Anti-Copy Pada Blog

Jika anda tidak menginginkan postingan anda di copas oleh orang lain. anda bisa melindunginya dengan tips berikut ini
1. Login ke blogger
2. Masuk ke menu edit HTML
3. Cheklist Expand Widget
4. Cari code </head>

gunakan cntrl+f untuk mempermudah pencarian
5. Copy code berikut dibawah code yang anda cari tadi
 <SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>
6. selesai
Silahkan anda test sendiri hasilnya.

Created by Unknown 0 Comment

Cara Mudah Membuat Text Area Pada Blog/Postingan

Membuat text area pada blog itu sangat mudah dan simple. caranya begini :
1. Copy code berikut diawal postingan/java script di widget anda.
<p align="center"><textarea name="code" rows="5" cols="18">
2. Copy code berikut diahir postingan/java script di widget anda.
</textarea></p>
3.Angka yang berwarna merah bisa anda ganti sesuai keinginan anda. fungsinya untuk mengatur tinggi dan lebar area text.
4. Selesai.

Created by Unknown 0 Comment

Parse / Conversi Code HTML

Silahkan anda conversi code html anda

Created by Unknown 0 Comment

Cara Mudah Membuat Read More Pada Blog

Membuat read more pada blog sangat penting. gimana jadinya kalo kita punya artikel  yang panjangnya luar biasa. tanpa pakai read more. mungkin orang bisa kapok berkunjung ke blog kita. nah bagi yang belum membuat read more silahkan mengikuti tutorial berikut.
 1. Login ke blogger

2. Masuk ke template dan klik edit HTML kemudian lanjutkan

3. Cheklist Expand Widget biar bisa dikembalikan jika terjadi kesalahan

4. cari kode </b:template-skin> tekan control+f  untuk memudahkan pencarian. kemudian copy-paste kode dibawah ini tepat dibawah kode diatas.
 
<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 kode <data:post.body/> atau <p><data:post.body/></p>
Hapus kodenya dan ganti 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 style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
<b:else/>
<data:post.body/>
</b:if>

Simpan template dan lihat hasilnya.

Created by Unknown 0 Comment