Jendela Indonesia: widget

Tampilkan postingan dengan label widget. Tampilkan semua postingan

Senin, 29 Oktober 2012

Cara buat borang tempahan

Dunia perniagaan secara online berkembang pesat,mempunyai satu laman web atau blog perniagaan adalah perlu bagi peniaga memperkenalkan jualan masing masing.Borang tempahan adalah suatu kemestian bagi sesuatu blog atau web perniagaan bagi membolehkan pelanggan memesan sesuatu barangan.Untuk tutorial kali ini saya akan tunjukan cara membuat borang tempahan yang membolehkan pelanggan memesan barangan dari laman blog perniagaan anda.

Terdapat banyak laman web yang menyediakan borang tempahan secara online.Salah satunya adalah laman web response-o-matic.com.

Langkah bagimembuatnya:
1.Masuk ke web response-o-matic.com
2.Klik pada get started….

3.Isikan form signup yang muncul,isikan ruangan nama,email dan password dan klik sign up, paparan untuk sign in akan muncul jika anda telah berjaya mencipta akaun dengan response o matic.

4.Buka email anda untuk pengesahan pendaftaran, masukkan email dan password tadiuntuk log in

5.Selepas pengesahan email anda akan dibawa kepaparan bagimencipta form.Terdapat ruangan nama dan email(boleh dipinda dengan mengklik pada edit),klik pada add question untuk menambah butiran yang diperlukan pada form,bila dah siap klik pada continue.

6.Kemudian muncul option untuk form yang akan anda buat.Yang bertanda upgrade adalah option yang perlu anda bayar jika hendak menggunakannya.Pada bahagian ini masukkan butiran pada email & sms

notifications supaya bila ada tempahan anda akan menerima email,kemudian klik continue.

7.Paparan kod html akan muncul,salin kesemua kod ini.

8.Log in ke blog anda

9.Klik pada pages dan pilih new page….blank page

10.Masuk kan nama pages sebagai borang tempahan dan pastekan kod yang disalin tadi pada ruangan posting.Kemudian klik pada publish.

Pada pages akan keluar senarai page yang telah dibuat tadi

Tentunya bagi laman web atau blog perniagaan anda perlu membuat pages(halaman) seperti senarai produk,borang tempahan,hubungi saya dsb.Anda perlu buat langkah bermula pada langkah ke 9 untuk membuat halaman(page) yang berasingan.Pada pages terdapat tiga pilihan iaitu:

Top tabs ----tab navigasi berada diatas
Side links ----tab navigasi akan berada ditepi blog
Don’t show---jika anda ingin membuat link dengan butang link tersendiri.Anda perlu buka page dan ambil link yang terpapar pada ruangan search dibrowser.

Sebelum ini juga ada posting tentang membuat pages dan anda boleh rujuk disini.

Selamat mencuba …:)

klik butang +1 jika suka artikel ini :) :)

Selasa, 28 Februari 2012

Facebook like box muncul bila blog dikunjungi

Widget Facebook like box ini akan muncul apabila pengunjung memasuki blog.Mungkin anda pernah meliha widget ini dipasang pada kebanyakan blog diwaktu ini.Ia boleh dipasang pada blogger dan juga wordpress.Widget ini boleh di tutup paparannya,bukan seperti sesetengah blog yang memasangnya seolah olah memaksa pengunjung untuk klik butang like.

Cara memasangnya:

Log in keblogger
Klik pada design >>Add a gadget
Pilih HTML/javascript widget
Dan masukkan kod dibawah ini

#Tukarkan bloggertricks pada kod diatas dengan username facebook anda

Kemudian klik pada save untuk melihat hasilnya:
Kredit untuk mybloggertricks

Jumat, 10 Februari 2012

Cara pasang widget add me on google

Widget add me on google adalah seakan akan facebook like box.Ia adalah widget yang memaparkan jumlah follower bagi Google + Circle.Ia adalah widget yang membolehkan kita berhubung dengan pengunjung.

Langkah langkah bagi memasangnya:
Dapatkan google+ id pada google plus profile page
Url contohnya adalah seperti dibawah ini
https://plus.google.com/b/()812701480064512353519/posts

1.Masuk ke web widgetplus.com
2.Klik pada butang get widget
3.Masukkan google+ id tadi pada tab basic setting (seperti contoh pada teks berwarna merah diatas)

Beberapa setting lain juga boleh diubah seperti warna background,warna button,saiz teks dan sebagainya.
4.Kemudian klik pada butang get code(yang akan muncul diatasnya) dan salin kod yang diberi
5.Masuk ke design>>Page elements>>HTML/Javascript
6.Masukkan kod pada widget dan simpan untuk melihat hasilnya.

klik butang +1 jika suka artikel ini :) :)

Jumat, 23 Desember 2011

Cara pasang welcome image pada blog

Welcome image ini adalah imej akan terpapar bila kita mula mula masuk ke blog.Kita perlu klik pada imej tersebut bagi memasuki blog berkenaan.Rasanya dah banya blog yang memasangnya dengan berbagai bagai imej.Jika ada berminat untuk membuatnya.Ikuti langkah seterusnya:

1.Log in ke Dashboard
2.Pilih Template >>Edit HTML >> proceed

3.Cari kod ]]></b:skin> pada template
Kemudian masukkan kod dibawah ini diatasnya:

</style></head>
<script language="javascript" type="text/javascript">
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}

function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}

function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('ybl', 3000); this.style.display='none';
document.getElementById('tbb').style.display=''">
<center><img src="http://i219.photobucket.com/albums/cc282/garam63/welcome.png"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="ybl" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="tbb" style="display : none;">
<body>

#bahagian teks berwarna merah boleh digantikan dengan url imej anda sendiri

4.Kemudian simpan template anda

Update 1/11/2012
klik butang +1 untuk sharing artikel ini pada google :) :)

Selasa, 04 Oktober 2011

Cara buat simbol hati(love) berguguran

Tutorial kali adalah bagi anda yang suka menghiasi blog dengan bermacam macam widget iaitu cara membuatkan simbol hati yang berguguran pada blog anda.

Langkah langkah bagi membuatnya:
Masuk ke design--Pilih page elements

Add a gadget--Pilih ruangan dibawah header

HTML/javascript

Masuk kan kod ini:

Kemudian klik butang save dan lihat hasilnya.

Minggu, 10 Juli 2011

Ucapan kepada pengunjung bila meninggalkan blog

Kedatangan pengunjung keblog kita merupakan sesuatu yang diharapkan para blogger.Sebagai menghargainya, bolehlah kita letakkan ucapan yang akan terpapar bila pengunjung hendak meninggalkan blog kita.

Dibawah ini adalah cara membuatnya.

Masuk kedesign terlebih dahulu-Klik pada edit Html

dan cari kod </head> pada template

Kemudian masukkan kod dibawah ini selepas kod </head>

Gantikan teks berwarna hijau dengan teks yang anda inginkan
Dan seterusnya klik save template.

Senin, 27 Juni 2011

pasang radio online pada blog

Radio era adalah antara stesyen radio yg diminati.Mungkin ada yg berminat hendak memasang radio era blog masing masing .Berikut adalah cara memasangnya:

masuk ke design--page elements.

add a gadget

dan pilih HTML/Javascript

dan masukkan kod dibawah ini:

Radio sinar FM

saiz boleh diubah pada width dan height pada kod diatas.

Hitz Fm

ria89.7 fm

kemudian klik save.

Rabu, 15 Juni 2011

Letak favicon pada blog

Satu cara bagi blog kita dikenali adalah dengan meletak logo.Melalui logo itulah bila dilihat org akan tahu itu blog kita.Contoh logo huruf B semua org tahu bahawa ia adalah logo blogger.Dalam artikel saya sebelum ini ada tutorial cara memasukkan favicon pada blog.Blogger pula baru saja menyediakan kemudahan meletakkkan favicon pada blog kita.Jadi lebih mudah lah kerja kita hendak menukar favicon.Favicon ada lah logo kecil yg boleh kita lihat pada ruangan address bar pada browser.

Anda boleh memasukkan favicon dengan masuk ke design--page element.Jika dari paparan terbaru blogger dengan memilih tab layout.
Kemudian klik edit pada setting favicon pada bahagiian atas elemen navbar

Tetingkap baru akan muncul bagi membolehkan anda memilih imej favicon dari komputer anda.Ia hanya menyokong file ico sahaja.bagaimanapun anda boleh menukar fail jpeg,png dan lain fail yang bukan fail ico dengan perisian imej.Juga boleh menggunakan kemudahan menukar fail imej kepada ico dengan laman web yang menyediakan kemudahan menukar ico fail secara online seperti di http://www.icoconverter.com/

Bila sudah memasukkan fail ico yang dikehendakki kemudian klik butang save dan favicon tersebut akan muncul pada bahagian page element.

Seterusnya save template dan anda akan dapati ia akan muncul pada ruangan url pada browser.
Kalau dah ada favicon sebelum perlu dihapuskan terlebih dahulu.

Sabtu, 14 Mei 2011

Letak ikon label,author dan tarikh dibawah tajuk posting

Kebiasaannya ikon ikon ini berada dibawah posting.Posting kali ini akan menerangkan cara meletaknya dibawah tajuk posting

Masuk kedesign-edit HTML
Expand Widget templates

Cari kod ini pada templates

<div class='post-header-line-1'>

dan kod ini dibawahnya:

kemudian klik save

Jumat, 29 April 2011

cara pasang menu accordion

Kebaikan Pemasangan menu accordion ini adalah ia menjimatkan ruangan pada sidebar.menu ini akan menyembunyikan widget dan akan terbuka bila dihalakan mouse cursor padanya:

Cara memasangnya:

Masukkan kod disini.

</div>

<h5 class="msg_head">Tajuk 2</h5>
<div class="msg_body">

Masukkan kod disini.

<h5 class="msg_head">Tajuk 3</h5>
<div class="msg_body">

Masukkan kod disini.

</div>
</div>

Kod warna yang berwarna oren boleh diubah mengikut kesesuaian:

color: #ffffff;--warna font untuk tajuk
background-color #6D7B8D---warna latar belakang tajuk
background-color #98AFC7—warna latar belakang kotak accordion

kod kod widget bagi shoutbox,recents comment dan sebagainya boleh dimasukkan pada teks masukkan kod disini.
Dan tajuk1, tajuk 2 dan tajuk 3 diatas diubah mengikut tajuk widget berkenaan

Jumat, 15 April 2011

Cara pasang burung twitter terbang

Twitter adalah salah satu cara bagi mempromosi blog kita.Terdapat berbagai widget twitter,plugin dan sebagai boleh diletakkan pada blog.Tutorial Kali ini pula adalah cara memasang burung twitter yang berterbangan disekeliling blog.

Cara memasangnya:
Masuk kedesign-Page elements
Add a Gadget-HTML/Javascript
dan letakkan kod dibawah ini

Kamis, 24 Maret 2011

cara buat popular posts bergerak

Untuk membuat popular posts bergerak seperti mana terdapat diblog ini ,kita mestilah memasang widget popular post terlebih dahulu.Jika sudah dipasang terus sahaja ke langkah 4.

Caranya :

1.Masuk ke Design-Page Elements

2.Kemudian pilih add a gadget

3.Ambil popular post

Sesudah widget tersebut dipasang

4.Seterus masuk ke design semula--edit HTML
tandakan pada expand template widget

cari kod seperti dibawah ini:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == "false"'>
          <b:if cond='data:showSnippets == "false"'>
            
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == "false"'>
            
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
   </marquee> </ul>
    <b:include name='quickedit'/></div>
</div>
</b:includable>
</b:widget>

kod berwarna merah perlu ditambah seperti diatas
kemudian simpan template anda
Kelajuan boleh diubah pada scrollamount='3'.>ubah nilai 1 paling perlahan

Sabtu, 19 Maret 2011

Tukar perkataan pada linkwithin

Memasang widget ~~linkwithin~~ blog merupakan suatu perkara yang baik kerana boleh meningkatkan page view kita.Kebiasaannya perkataan seperti pada widget ini adalah you might also like atau anda mungkin juga meminati.Jika ingin menukar kepada perkataan lain berikut adalah caranya:

Letakkan kod berikut bersama kod linkwithin

Sumber: http://www.linkwithin.com/faq

Kamis, 17 Maret 2011

pasang widget follow by email

Follow by email adalah satu widget yang baru saja keluarkan oleh blogger.Widget ini adalah bagi membolehkan pengunjung menerima artikel terbaru melalui e-mel .Widget baru ini adalah lebih memudahkan kita untuk memasangnya.

Cara memasangnya:

1.Masuk kedesign-page elements

2.Pilih add a gadget

3.Kemudian akan muncul paparan follow by email

4.Pada paparan seterusnya masukkan feed burner url jika telah ada url nya sebelum ini.Jika tiada blogger akan memasukkannya secara automatik. Akaun dengan feedburner juga akan tercipta secara automatik bila anda telah masukkan widget follow by email ini.

5.Kemudian save widget anda.

Jumat, 11 Maret 2011

membuat paparan iklan melayang

Widget ini boleh kita gunakan untuk meletak iklan atau apa apa notis pada blog.Ia mempunyai butang untuk tutup dan akan ikut bergerak jika halaman di scroll atas atau kebawah.

Untuk membuatnya:
Masuk ke design-page elements
Add a gadget--HTML/Javascript dan masukkan kod dibawah:

letak kod iklan anda disini

</div>
</div>

kemudian klik butang save

Selasa, 08 Maret 2011

cara disable text highlight

Dalam artikel sebelum ini saya telah masukkan cara disable right click,yang kita digunakan bagi mengelak imej disalin.tetapi itu sahaja tidak cukup kerana teks pada artikel kita perlu juga dilindungi.Jadi kali ini pula saya akan tunjukan cara bagi menghalang teks artikel kita dihighlight dan disalin.

caranya membuatnya:

Masuk ke design--Page elements
Add a gadget dan pilih HTML/Javascript

dan masukkan kod dibawah ini:

ataupun boleh juga cara ini:
Masuk kedesign-Edit Html
dan cari kod dibawah:

.post {
padding:10px;
font-size:70%;
margin: 0 0 25px 0;

-moz-user-select: -moz-none;

-khtml-user-select: none;

-webkit-user-select: none;

-o-user-select: none;

user-select: none;

}

tambahkan kod yang berwarna oren seperti diatas.
selamat mencuba.

Kamis, 17 Februari 2011

menghapus paparan attribution pada template

Attribution adalah widget yang berada dibahagian bawah template kita.Ia memaparkan nama template dan perekanya.Ia tidak membawa kesan apa apa cuma mungkin ada yang ingin paparan ini ditiadakan.Jika ingin menghapuskan paparan ini,Caranya adalah seperti berikut:

Masuk ke design-edit HTML
tandakan expand widget templates
dan cari kod ini:

<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section>

jika sudah jumpa hapuskan kod tersebut

pada sesetengah template tiada kod tadi,tapi mempunyai kod seperti ini:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Delete semua kod diatas
kemudian klik save tempale
paparan berikut akan muncul

Pilih delete widgets
Kemudian lihat hasilnya.

Senin, 10 Januari 2011

cara pasang widget tukar warna background blog

Paparan warna latarbelakang amat memainkan peranan dalam menyerlahkan lagi tampilan blog kita.Kadang kadang ada yang tak berapa selesa dengan warna yang ada jadi dengan widget ini boleh lah ditukar pada warna yang disukai.Bagaimana pun jika telah memasang imej sebagai latar belakang warnanya tidak akan kelihatan .

Untuk membuatnya:

Terus ke design-page elements
Add a gadget--HTML/javascript
dan masukkan kod ini:

<center><script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>

Tukar warna background

Jika hendak warna yang lain tukarkan kod warna diatas.Kedua dua kod hendaklah sama kiri dan kanan seperti yang saya tandakan dengan warna hijau.Kod warna boleh didapati disini.
Paparan juga perlu diubah kepada transparent dengan menggunakan template designer.

Selasa, 07 Desember 2010

Cara pasang widget animated recent post

Blogger ada menyediakan widget recent post yang memaparkan posting posting terkini.Recent post ini memaparkan thumbnail juga jumlah komen pada posting.Tapi kekurangan nya adalah bersifat statik.Recent post ini bergerak ini lebih menarik perhatian pengunjung untuk melihat artikel artikel lain yang ada pada blog kita

Caranya:
untuk dashboard lama:
Masuk ke Design:
Pada Page Element-Pilih Add Gadget
HTML/Javascript

Untuk dashboard baru:
pilih Layout--add a gadget -- HTML/Javascript

Dan masukkan kod dibawah ini:

width:220px;

overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {

width:208px;

padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhphst2m-VI8x3FoNKSEst8fWcp4Q-1lpjVRo8py-9r4Ok-j7SCnGz2onnoMr2vRj3MjVncCnQ4rBJIhwfwJxY9WBJMDd95wsbfHonQCXW6_HzPJE_cxt_foeCbMlH6p12I77DRFmvkk24/s1600/jendela-idblogspot-com.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#A9A9F5;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://jendela-id.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/jendela-id/tbb/tbb.js?attredirects=0&d=1' type='text/javascript'></script>
</div><a href="http://jendela-id.blogspot.com/2010/12/cara-pasang-widget-animated-recent-post.html">
<font size="1">get this widget</font></a></center>

Dibawah ini adalah kod bagi anda yang inginkan widget ini dalam bentuk yang lebih kecil untuk disesuaikan untuk sidebar yang ruangnya agak terhad.

<center>
<script src="https://sites.google.com/site/jendela-id/tbb/jquerry.js?attredirects=0&d=1" type="text/javascript"></script>
<style type="text/css" media="screen">

</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvbGLw-Ku15oNqM2pNfJT_nt7kML8DUZjgqZz_lzMQlaLkEF0Ar47xy0ePMRvnA64xcoK4r6xHsk8FbzmDi0mTKwfZ9lCfDv7Dr4dzG2DFzW0pseiRtefrHB01zbyk0ngr2Ni3l2OdRnw/s1600/no_image+.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 5;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 8;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://jendela-id.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/jendela-id/tbb/tbb.js?attredirects=0&d=1' type='text/javascript'></script>
</div><a href="http://jendela-id.blogspot.com/2010/12/cara-pasang-widget-animated-recent-post.html">
<font size="1">get this widget</font></a></center>

#Jangan lupa gantikan url blog saya,teks berwarna merah diatas dengan alamat blog sendiri.Kalau nak kecilkan size ubah pada kod warna hijau