Breaking News

videos

Flicker Images

Find Us OIn Facebook

New Design

Monday, 29 November 2010

cara membuat pokemon terbang di blog

nah kalau sebelumnya aku pernah berbagi info tentang cara Membuat ikan berenang mengelilingi halaman blog...sekarang aku bakal bagi-bagi lagi nih....tapi kali ini aku bisa bikin pokemon terbang di blog.....buat yang suka maen game boy ataupun nitendo pokemon...pasti gak asing sama pokemon yang aku tampilin di sini....bingung + penasaran kan...monggo di lihat aja......



aerodactil



<script src="http://mohammadiqbal.fileave.com/aerodactil_teoringeblog.js" type="text/javascript">



Chalizard



<script src="http://mohammadiqbal.fileave.com/chalizard_teoringeblog.js" type="text/javascript">



Ho-oh


<script src="http://mohammadiqbal.fileave.com/ho-oh_teoringeblog.js" type="text/javascript">



Moltres



<script src="http://mohammadiqbal.fileave.com/moltres_teoringeblog.js" type="text/javascript">



Lugia




<script src="http://mohammadiqbal.fileave.com/lugia_teoringeblog.js" type="text/javascript">



Empoleon



<script src="http://mohammadiqbal.fileave.com/empoleon_teoringeblog.js" type="text/javascript">



Giratina



<script src="http://mohammadiqbal.fileave.com/giratina_teoringeblog.js" type="text/javascript">



Salamance



<script src="http://mohammadiqbal.fileave.com/salamance_teoringeblog.js" type="text/javascript">



Flygon



<script src="http://mohammadiqbal.fileave.com/flygon_teoringeblog.js" type="text/javascript">


nah lalu gimana cara masukinnya..???

Gampang banget atuh...ikutin aja langkah-langkah di bawah ini :

1. Log In ke blog kamu
2. klik tata letak
3. klik tambah gadget
4. pilih Html/Javascript
5. masukkan kode dari pokemon yang kamu pilih
Read more ...

Sunday, 28 November 2010

Cara memasang foto komentator pada Blogger

Cara memasang foto komentator pada Blogger
Buat para blogger yang memiliki pengalaman buruk, yakni telah berminggu-minggu telah menghabiskan waktu hanya untuk mencari template yang sesuai dengan tema blog kita.....eh ternyata pada saat ada pengunjung yang berkomentar pada salah satu postingan kita...foto dari komentator itu gak keluar..melainkan hanya di gantikan dengan sebuah button....pasti gak puas kan...
memang gak semua blogger mengganggap foto komentator pada postingan mereka itu penting....
tapi untuk menghargai para komentator yang telah meluangkan waktu dan tenaganya untuk meluangkan isi pikirannya melalui blog kita...gak ada salahnya kan kalau foto komentator yang ganteng / cantik itu kita sertakan di dalamnya....ya itung-itung biar mereka seneng lah soalnya foto wajahnya dah bisa nampang di blog kita...he...he...he...

nah kalau masih bingung tentang masalah foto komentator itu..lihat aja nih contoh di bawah ini....




gimana...dah ngerti kan apa itu yang di namakan dengan foto komentator....
nah langsung aja...
buat kamu yang tertarik...langsung aja ikuti tutorial di bawah ini :

1. Login ke akun Blogger anda

2. Plih Layout --> klik Edit HTML, lalu centang Expand Widget Template

3. Cari kode





<dl id='comments-block'>,


ganti kode tersebut dengan kode di bawah ini:





<dl expr:class='data:post.avatarIndentClass' id='comments-block'>


Keterangan: Jika di template kamu code comments-block berada di dalam tag div, maka kamu harus mengganti tag dl pada <dl expr:class='data:post.avatarIndentClass' id='comments-block'/> dengan tag div.
maka hasilnya akan menjadi:
<div expr:class='data:post.avatarIndentClass' id='comments-block'/>.

4. lalu..cari kode


<a expr:name='data:comment.anchorName'/>,



lalu paste kode berikut ini di atasnya:


<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>


5. nah sekarang tinggal klik Save Template.
6. lalu cek hasilnya

Selamat mencoba...Semoga berhasil.....


Read more ...

Cara Memasang Emoticon Naruto di atas kotak Komentar

Setelah lama tidak mengupdate turoaila blog ini...kini admin memiliki tutorial keren buat para pengunjung yang terutama pecinta naruto...
yakni Cara Memasang Emoticon Naruto di atas kotak Komentar
silahkan nih di lihat-lihat dulu contoh emoticonnya
















kalau kamu tertarik...
ikuti aja langkah-langkah di bawah ini :

1. Log in ke blog kamu
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. lalu cari kode </body> pada template
6. Letakkan Kode HTML dibawah ini sebelum kode </body>




<script src='http://mohammadiqbal.fileave.com/chibi_naruto_teoringeblog.js' type='text/javascript'/>



7. Setelah selesai dengan Script diatas cari kode berikut :


<b:if cond='data:post.embedCommentForm'>


8. Setelah itu silahkan Copy-paste kode Script dibawah ini sebelum Kode Script diatas



<b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhqKXfG3Em6AvbMT9yNNV-OfAnZGq-QJFGbQT69nrW7vfNklNB6zjbyAuqd-YVYXrUFu2FJnQHbSpPY3AVCe1N0e-mssEsjST5vykxsHP944gp0yBCmamauBMwnOBsy0DyYefGpUR4xF0/s128/naruto.gif' width='50'/>
:1:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhli71qyWDFrQeiDBYA7D4XLpXDcHizGSDX7hOIrWeLw2hPUPsQVc6PaRqdG_BevWnhVGUfiMFwru0wnPE9d5WZQQtaCay780jTSFp3elsrgwn6-UfSC-6Mx9l_1zXg5o0aUtkLoiXSP6M/s128/sasuke.gif' width='50'/>
:2:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjna8q34SrrMUI-HPoqhLDkYtZxEQhibpNemlq4zWyYKpDjffkN953Xa32ViWlUOVe8Q6DnDcIgQZmLrea826Nf6UZCX9IoHPxsb6iibH4brzm-bvduAJfDKncpjhKdg8xIyJgTw0R1h_I/s128/sakura.gif' width='50'/>
:3:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE0dkxEkJTzBFNCzypD60mr-ahx5YLUrZKZM1SFEF_7gTtuDTS9wU1_hupP748-ris4OeYibGJjKrvOvy-TqpAm7U-Hnw6oORHHZTVdD2WHr_QbtG9wlnZfRVc6StPsx0wjg5r0TFOYgc/s128/gaara.gif' width='50'/>
:4:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Mes09JNTYZ6I1zTG9X3rfntgMSd4HoxZZt8C1-20XPcXzjYrvRMvdcITPc4T20A3d21Es1Fi7PcVQsIn49KBiJN-D5UJ93wqSOIzUWa6Zj-au2ha7E5U744NGJ1YZ5HQ_3tVBXwPWiA/s128/neji.gif' width='50'/>
:5:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f_6vY75bFsJEOtPg9zTS0OuOAUuJd48UBfo6zIh9hrBGrqnQ6ef472-SIZfn2_v0bHyJLzs89Rxdqa93xavJ0LVlw2kxiuKv3JIX3FPa7ia4VxAMBuEuzbgsX5iFoG0dZ81BBFDR1dc/s128/rock%20lee.gif' width='50'/>
:6:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXeRPkj-h5j9-N8nyU5AW7ODZ4mRFLGVcPyahsIJo4bZHfm4-Bfcyr-Y-T0HEvvDrbblT6BpmklB3Dkv8a3TPIxA74IhnlM05lbzSU1VcASbklk7rS6yeqWKuX6mnQcKrJjQnMDve4Qc/s128/kakashi.gif' width='50'/>
:7:
</b>


9. lalu klik Save Templatea

selamat mencoba semoga berhasil
Read more ...

Cara buat Read More Versi 3

 
1. login dulu ke akun Blogger kamu

2. Pilih Layout > Edit HTML

3. Letakkan kode berikut di di bawah kode </head>



<!-- Read more v3 -->
<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; margin:0px 10px 5px 0px; padding:0; border-right:2px solid #ccc; border-bottom:2px solid #ccc;"><img src="' img[0].src '" width="' img_thumb_width 'px" height="' img_thumb_height 'px"/></span>';
summ = summary_img;
}

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

<script type='text/javascript'>
var thumbnail_mode = "float";
summary_noimg = 500;
summary_img = 400;
img_thumb_height = 125;
img_thumb_width = 120;
</script>
<!-- Read more v3 end -->


Catatan :
var thumbnail_mode = "float"; = Menentukan posisi thumnail
summary_noimg = 500; = Jumlah karakter bila tidak menggunakan thumbnail
summary_img = 400; = Jumlah karakter bila menggunakan thumbnail
img_thumb_height = 125; =Tinggi thumbnail
img_thumb_width = 120; = Lebar thumbnail

4. Klik Save Template

5. masih ada di kolom Edit HTML, lalu centang Expand Widget Template

6. Cari kode <data:post.body/>, dan ganti kode tersebut dengan kode berikut:
<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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. lalu Save template nya.
Read more ...

Cara Buat Boneka Zakumi !

1. Log in ke blog kamu
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. lalu cari kode </body> pada template
6. Letakkan Kode HTML dibawah ini sebelum kode </body>



<script src='http://mohammadiqbal.fileave.com/emoticon%20ZAKUMI%20by%20TeoriNgeblog.js' type='text/javascript'/>



7. Setelah selesai dengan Script diatas cari kode berikut :


<b:if cond='data:post.embedCommentForm'>


8. Setelah itu silahkan Copy-paste kode Script dibawah ini sebelum Kode Script diatas


<b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-8t7CpSevuTDqEsYGqCXd8cO9nw8-LgpYzVn_IwaT-HKW6D7lmFTfsFExs7xuUmJH8ld9LzaxKTuUPcXN607pz_bYI4TJLvoQrBT5UlbsW4Hl0Mvx5mIdYbvMpDc_CXNQbdU-k788YM/s128/Teoringeblog%20zakumi.1.gif' width='50'/>
:a:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6y03A6h31f9I037S24EG2G3ANtWm7ySISAHJsIKR1X-cieedkIxFn1ad8-E_h2kPrrYzLHenwqM6VfIos4gSXqXgHG4GJJeFgwSpFb1GWqiBetL6ngxukhNWGyHsLkiF_pnEaiKqxrM/s128/Teoringeblog%20zakumi.2.gif' width='50'/>
:b:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrphgoqfjUmSPFO-7nU0kNKnKqzLHixGOm6R7waLJRDANBvXlU6GUR5AMZwUPUpuQo9IePwYdmsxK1yaJZy7HPmlpEC04P3sm2BWWhmnhXRxbt3gu1Gx7E0PK52Bv402V7WmKrDjzv44/s128/Teoringeblog%20zakumi.3.gif' width='50'/>
:c:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Yna2iNcNAgkgmktM-ZjNMoePw0QFK99R_X1mlnZf-wgYv84TkgHOzr72abQ1FB0NFJH4QyYqm74zcTo5_vCmlBHISEyWvudyUQMgR-iYeqpLvL2ad_HeZ9LcGDc4649Gw7E36NPs4_I/s128/Teoringeblog%20zakumi.4.gif' width='50'/>
:d:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidDKoO4rLfEWWm0nkEgEPZLIg13T-wbfE2PIzqeUG4cPZoyKSpOorTepKnbOfIhJ24HCt4VZqAa3vrMDgxJEyn1dQ3uvVpMsuS-2wrmLEhbcgDZZ2bym_xgjhLV0QaDWteJA_ZaqwxgXk/s128/Teoringeblog%20zakumi.5.gif' width='50'/>
:e:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5YSvm0hIARcWHkLKCi1su06bwD5MVyGDoqnQ3YACdELMRvWgNSzg8uPV8dF76UG7ak3JCJxvH0QKOtXSGUfJinOcLXNYS_q915TzUvkbydQYEp82H_IpVcyYhinlWS9P_awaSTi5WBKw/s128/Teoringeblog%20zakumi.6.gif' width='50'/>
:f:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuvI5woQscnRc_XUEr2QfrFDut7WBKFPnIzMVLRgDWT16XTwna38fTAChtlPRuD30g0SIp0sOsHI5NU3ukA5XywjtH2ybLRSx5-pOMEA1NlC_6gJWuilR2DZf1OIQMLM6URMp2DifDVk/s128/Teoringeblog%20zakumi.7.gif' width='50'/>
:g:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8T5xMBIW1amn5xponve1VC-4h5C5jeJtTUPp_Ga2fgsYaBTJ3debc75HXcOmNe0QM5MaA1_IB4ecIvFkptYgcRj8GhVnPQh79opymLWv6840eDn4n1OMv_3dTALfyYEMiVrLMtzCLKDw/s128/Teoringeblog%20zakumi.8.gif' width='50'/>
:h:
</b>


9. lalu klik Save Template
Read more ...

cara membuat pokemon terbang di blog

nah kalau sebelumnya aku pernah berbagi info tentang cara Membuat ikan berenang mengelilingi halaman blog...sekarang aku bakal bagi-bagi lagi nih....tapi kali ini aku bisa bikin pokemon terbang di blog.....buat yang suka maen game boy ataupun nitendo pokemon...pasti gak asing sama pokemon yang aku tampilin di sini....bingung + penasaran kan...monggo di lihat aja......



aerodactil



<script src="http://mohammadiqbal.fileave.com/aerodactil_teoringeblog.js" type="text/javascript">



Chalizard



<script src="http://mohammadiqbal.fileave.com/chalizard_teoringeblog.js" type="text/javascript">



Ho-oh


<script src="http://mohammadiqbal.fileave.com/ho-oh_teoringeblog.js" type="text/javascript">



Moltres



<script src="http://mohammadiqbal.fileave.com/moltres_teoringeblog.js" type="text/javascript">



Lugia




<script src="http://mohammadiqbal.fileave.com/lugia_teoringeblog.js" type="text/javascript">



Empoleon



<script src="http://mohammadiqbal.fileave.com/empoleon_teoringeblog.js" type="text/javascript">



Giratina



<script src="http://mohammadiqbal.fileave.com/giratina_teoringeblog.js" type="text/javascript">



Salamance



<script src="http://mohammadiqbal.fileave.com/salamance_teoringeblog.js" type="text/javascript">



Flygon



<script src="http://mohammadiqbal.fileave.com/flygon_teoringeblog.js" type="text/javascript">


nah lalu gimana cara masukinnya..???

Gampang banget atuh...ikutin aja langkah-langkah di bawah ini :

1. Log In ke blog kamu
2. klik tata letak
3. klik tambah gadget
4. pilih Html/Javascript
5. masukkan kode dari pokemon yang kamu pilih

Cara memasang foto komentator pada Blogger

Cara memasang foto komentator pada Blogger
Buat para blogger yang memiliki pengalaman buruk, yakni telah berminggu-minggu telah menghabiskan waktu hanya untuk mencari template yang sesuai dengan tema blog kita.....eh ternyata pada saat ada pengunjung yang berkomentar pada salah satu postingan kita...foto dari komentator itu gak keluar..melainkan hanya di gantikan dengan sebuah button....pasti gak puas kan...
memang gak semua blogger mengganggap foto komentator pada postingan mereka itu penting....
tapi untuk menghargai para komentator yang telah meluangkan waktu dan tenaganya untuk meluangkan isi pikirannya melalui blog kita...gak ada salahnya kan kalau foto komentator yang ganteng / cantik itu kita sertakan di dalamnya....ya itung-itung biar mereka seneng lah soalnya foto wajahnya dah bisa nampang di blog kita...he...he...he...

nah kalau masih bingung tentang masalah foto komentator itu..lihat aja nih contoh di bawah ini....




gimana...dah ngerti kan apa itu yang di namakan dengan foto komentator....
nah langsung aja...
buat kamu yang tertarik...langsung aja ikuti tutorial di bawah ini :

1. Login ke akun Blogger anda

2. Plih Layout --> klik Edit HTML, lalu centang Expand Widget Template

3. Cari kode





<dl id='comments-block'>,


ganti kode tersebut dengan kode di bawah ini:





<dl expr:class='data:post.avatarIndentClass' id='comments-block'>


Keterangan: Jika di template kamu code comments-block berada di dalam tag div, maka kamu harus mengganti tag dl pada <dl expr:class='data:post.avatarIndentClass' id='comments-block'/> dengan tag div.
maka hasilnya akan menjadi:
<div expr:class='data:post.avatarIndentClass' id='comments-block'/>.

4. lalu..cari kode


<a expr:name='data:comment.anchorName'/>,



lalu paste kode berikut ini di atasnya:


<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='35px' width='35px' style='margin-bottom:-2px;' />
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>


5. nah sekarang tinggal klik Save Template.
6. lalu cek hasilnya

Selamat mencoba...Semoga berhasil.....


Cara Memasang Emoticon Naruto di atas kotak Komentar

Setelah lama tidak mengupdate turoaila blog ini...kini admin memiliki tutorial keren buat para pengunjung yang terutama pecinta naruto...
yakni Cara Memasang Emoticon Naruto di atas kotak Komentar
silahkan nih di lihat-lihat dulu contoh emoticonnya
















kalau kamu tertarik...
ikuti aja langkah-langkah di bawah ini :

1. Log in ke blog kamu
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. lalu cari kode </body> pada template
6. Letakkan Kode HTML dibawah ini sebelum kode </body>




<script src='http://mohammadiqbal.fileave.com/chibi_naruto_teoringeblog.js' type='text/javascript'/>



7. Setelah selesai dengan Script diatas cari kode berikut :


<b:if cond='data:post.embedCommentForm'>


8. Setelah itu silahkan Copy-paste kode Script dibawah ini sebelum Kode Script diatas



<b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhqKXfG3Em6AvbMT9yNNV-OfAnZGq-QJFGbQT69nrW7vfNklNB6zjbyAuqd-YVYXrUFu2FJnQHbSpPY3AVCe1N0e-mssEsjST5vykxsHP944gp0yBCmamauBMwnOBsy0DyYefGpUR4xF0/s128/naruto.gif' width='50'/>
:1:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhli71qyWDFrQeiDBYA7D4XLpXDcHizGSDX7hOIrWeLw2hPUPsQVc6PaRqdG_BevWnhVGUfiMFwru0wnPE9d5WZQQtaCay780jTSFp3elsrgwn6-UfSC-6Mx9l_1zXg5o0aUtkLoiXSP6M/s128/sasuke.gif' width='50'/>
:2:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjna8q34SrrMUI-HPoqhLDkYtZxEQhibpNemlq4zWyYKpDjffkN953Xa32ViWlUOVe8Q6DnDcIgQZmLrea826Nf6UZCX9IoHPxsb6iibH4brzm-bvduAJfDKncpjhKdg8xIyJgTw0R1h_I/s128/sakura.gif' width='50'/>
:3:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE0dkxEkJTzBFNCzypD60mr-ahx5YLUrZKZM1SFEF_7gTtuDTS9wU1_hupP748-ris4OeYibGJjKrvOvy-TqpAm7U-Hnw6oORHHZTVdD2WHr_QbtG9wlnZfRVc6StPsx0wjg5r0TFOYgc/s128/gaara.gif' width='50'/>
:4:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Mes09JNTYZ6I1zTG9X3rfntgMSd4HoxZZt8C1-20XPcXzjYrvRMvdcITPc4T20A3d21Es1Fi7PcVQsIn49KBiJN-D5UJ93wqSOIzUWa6Zj-au2ha7E5U744NGJ1YZ5HQ_3tVBXwPWiA/s128/neji.gif' width='50'/>
:5:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f_6vY75bFsJEOtPg9zTS0OuOAUuJd48UBfo6zIh9hrBGrqnQ6ef472-SIZfn2_v0bHyJLzs89Rxdqa93xavJ0LVlw2kxiuKv3JIX3FPa7ia4VxAMBuEuzbgsX5iFoG0dZ81BBFDR1dc/s128/rock%20lee.gif' width='50'/>
:6:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXeRPkj-h5j9-N8nyU5AW7ODZ4mRFLGVcPyahsIJo4bZHfm4-Bfcyr-Y-T0HEvvDrbblT6BpmklB3Dkv8a3TPIxA74IhnlM05lbzSU1VcASbklk7rS6yeqWKuX6mnQcKrJjQnMDve4Qc/s128/kakashi.gif' width='50'/>
:7:
</b>


9. lalu klik Save Templatea

selamat mencoba semoga berhasil

Cara buat Read More Versi 3

 
1. login dulu ke akun Blogger kamu

2. Pilih Layout > Edit HTML

3. Letakkan kode berikut di di bawah kode </head>



<!-- Read more v3 -->
<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; margin:0px 10px 5px 0px; padding:0; border-right:2px solid #ccc; border-bottom:2px solid #ccc;"><img src="' img[0].src '" width="' img_thumb_width 'px" height="' img_thumb_height 'px"/></span>';
summ = summary_img;
}

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

<script type='text/javascript'>
var thumbnail_mode = "float";
summary_noimg = 500;
summary_img = 400;
img_thumb_height = 125;
img_thumb_width = 120;
</script>
<!-- Read more v3 end -->


Catatan :
var thumbnail_mode = "float"; = Menentukan posisi thumnail
summary_noimg = 500; = Jumlah karakter bila tidak menggunakan thumbnail
summary_img = 400; = Jumlah karakter bila menggunakan thumbnail
img_thumb_height = 125; =Tinggi thumbnail
img_thumb_width = 120; = Lebar thumbnail

4. Klik Save Template

5. masih ada di kolom Edit HTML, lalu centang Expand Widget Template

6. Cari kode <data:post.body/>, dan ganti kode tersebut dengan kode berikut:
<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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

7. lalu Save template nya.

Cara Buat Boneka Zakumi !

1. Log in ke blog kamu
2. Pilih tata letak
3. Pilih Edit HTML
4. Beri centang pada expand Widget template
5. lalu cari kode </body> pada template
6. Letakkan Kode HTML dibawah ini sebelum kode </body>



<script src='http://mohammadiqbal.fileave.com/emoticon%20ZAKUMI%20by%20TeoriNgeblog.js' type='text/javascript'/>



7. Setelah selesai dengan Script diatas cari kode berikut :


<b:if cond='data:post.embedCommentForm'>


8. Setelah itu silahkan Copy-paste kode Script dibawah ini sebelum Kode Script diatas


<b><img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih-8t7CpSevuTDqEsYGqCXd8cO9nw8-LgpYzVn_IwaT-HKW6D7lmFTfsFExs7xuUmJH8ld9LzaxKTuUPcXN607pz_bYI4TJLvoQrBT5UlbsW4Hl0Mvx5mIdYbvMpDc_CXNQbdU-k788YM/s128/Teoringeblog%20zakumi.1.gif' width='50'/>
:a:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim6y03A6h31f9I037S24EG2G3ANtWm7ySISAHJsIKR1X-cieedkIxFn1ad8-E_h2kPrrYzLHenwqM6VfIos4gSXqXgHG4GJJeFgwSpFb1GWqiBetL6ngxukhNWGyHsLkiF_pnEaiKqxrM/s128/Teoringeblog%20zakumi.2.gif' width='50'/>
:b:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrrphgoqfjUmSPFO-7nU0kNKnKqzLHixGOm6R7waLJRDANBvXlU6GUR5AMZwUPUpuQo9IePwYdmsxK1yaJZy7HPmlpEC04P3sm2BWWhmnhXRxbt3gu1Gx7E0PK52Bv402V7WmKrDjzv44/s128/Teoringeblog%20zakumi.3.gif' width='50'/>
:c:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Yna2iNcNAgkgmktM-ZjNMoePw0QFK99R_X1mlnZf-wgYv84TkgHOzr72abQ1FB0NFJH4QyYqm74zcTo5_vCmlBHISEyWvudyUQMgR-iYeqpLvL2ad_HeZ9LcGDc4649Gw7E36NPs4_I/s128/Teoringeblog%20zakumi.4.gif' width='50'/>
:d:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidDKoO4rLfEWWm0nkEgEPZLIg13T-wbfE2PIzqeUG4cPZoyKSpOorTepKnbOfIhJ24HCt4VZqAa3vrMDgxJEyn1dQ3uvVpMsuS-2wrmLEhbcgDZZ2bym_xgjhLV0QaDWteJA_ZaqwxgXk/s128/Teoringeblog%20zakumi.5.gif' width='50'/>
:e:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5YSvm0hIARcWHkLKCi1su06bwD5MVyGDoqnQ3YACdELMRvWgNSzg8uPV8dF76UG7ak3JCJxvH0QKOtXSGUfJinOcLXNYS_q915TzUvkbydQYEp82H_IpVcyYhinlWS9P_awaSTi5WBKw/s128/Teoringeblog%20zakumi.6.gif' width='50'/>
:f:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXuvI5woQscnRc_XUEr2QfrFDut7WBKFPnIzMVLRgDWT16XTwna38fTAChtlPRuD30g0SIp0sOsHI5NU3ukA5XywjtH2ybLRSx5-pOMEA1NlC_6gJWuilR2DZf1OIQMLM6URMp2DifDVk/s128/Teoringeblog%20zakumi.7.gif' width='50'/>
:g:
<img height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8T5xMBIW1amn5xponve1VC-4h5C5jeJtTUPp_Ga2fgsYaBTJ3debc75HXcOmNe0QM5MaA1_IB4ecIvFkptYgcRj8GhVnPQh79opymLWv6840eDn4n1OMv_3dTALfyYEMiVrLMtzCLKDw/s128/Teoringeblog%20zakumi.8.gif' width='50'/>
:h:
</b>


9. lalu klik Save Template
Designed By VungTauZ.Com