Aku dan Blogspot: Widget

Showing posts with label Widget. Show all posts

Display Related Posts with Thumbnails

Salam semua,

Tajuk godek kali ini agak kebaratan kerana aku x reti nak translate kan nye.
Tapi apa-apa hal korang boleh tengok gambar di bawah.

Senang cakap, setiap entri korang akan ada entri berkaitan bersertakan gambar kecil.hehhh

Ok la, jom godek...

1) Korang kena isi form dulu kat LinkWithIn.org

2)Pastikan korang pilih platform "Other"

3) Kemudian klik Get Widget

4) Setelah korang klik, terdapat HTML kod utk di copy. Tapi apa yang korang perlu buat ialah hanya copy kod ID mengikut gambar di bawah.

5) Kemudian pergi ke Layout>Edit HTML dan tick Expand widget templates

6) Cari kod

.post-footer {

7) Copy kod di bawah dan paste sebelum .post-footer {

<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = SITE_ID_KORANG;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand='   Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img
src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin"
style="border: 0" /></a>
</b:if>

6) Tukar SITE_ID_KORANG dengan ID yang korang copy dalam step 4

Setel..

Baca Lagi......

Random Rotating Post gadget

Haloooooo..

Godek baru sampei lagi...
Apa daa maksud tajuk godek kali ini tapi kalo korang nak tengok contoh, usha-usha ler sidebar aku..hhahahahah

Amcam gerek tak?
Heh... Jom godek

Apa yang korang perlu buat ialah:-

1) Pergi ke Layout > Add a gadget > Html/Javascript gadget

2) Kemudian korang masukkan kod di bawah (ruang Title biar in kosong)

<style type="text/css">
    .gfg-root {
  width : 85%;
  height : auto;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 18px;
  border: 1px solid #BCCDF0;
}

.gfg-title {
  font-size: 20px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-title a {
  color : #3366cc;
}

.gfg-subtitle {
  font-size: 20px;
  font-weight : bold;
  color : #3366cc;
  background-color: #E5ECF9;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  margin-bottom : 0px;
}

.gfg-subtitle a {
  color : #3366cc;
  display:none !important;
}

.gfg-entry {
  background-color : white;
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
  display:none !important;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 18px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}
body {
      background-color: white;
      color: black;
      font-family: Arial;
      font-size: small;
      margin: 0;
    }
    #feedGadget { 
      margin-top : 5px;
      margin-left: auto;
      margin-right: auto;
      width : 440px;
      font-size: 16px;
      color: #9CADD0;
    }
</style>
<script src="http://www.google.com/jsapi/?key=PASSWORD AJAX" 
 type="text/javascript"></script>
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script>

  <script type="text/javascript">

    function showGadget() {
      var feeds = [
       {title:'title',
        url:'http://godekblog.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=999'},
       
       ];

      new GFdynamicFeedControl(feeds, 'feedGadget',
                               {numResults : 1000, stacked : true,
                               title: "Kandungan Blog Aku"});
    }
    google.load("feeds", "1");
    google.setOnLoadCallback(showGadget);
  </script>
<div id="feedGadget">Sila tunggu....</div>
  <div id="feedGadget"> <a href="http://godekblog.blogspot.com/" target="_blank">GodekBlog</a>.</div>

Kemudian korang tukarkan bold dalam kod tadi dengan korang punya.

- http://godekblog.blogspot.com = URL blog korang
- Kandungan Blog Aku = Tajuk gadget korang
- PASSWORD AJAX (klik sini untuk dapatknya)

Save dan letakkanlah di mana-mana korang suka..

Arios..

p/s: sory la kalo lama x update..hohohhhoo

Baca Lagi......

Masukkan Pos Terbaru (Recent Posts) Widget

Salam & Selamat Sejahtera kepada semua

Kali ini aku nak kongsikan 1 godek yang agak simple untuk blog korang iaitu Recent Post Widget. Boleh rujuk gambar di bawah:-

Baiklah jom godek...

1) Pergi ke Layout > Add A Gadget > Feed

2) Masukan Feed URL blog korang di dalamnya.
Contoh Feed URL blog aku:- http://godekblog.blogspot.com/feeds/posts/default

Bagaimana mendapatkan Feed URL?
Di paling bawah pos blog korang terdapat link Posts(Atom) atau korang tengok gambar

Di situlah Feed URL blog korang.

3) Sesudah korang masukkan Feed URL blog korang, save dan tengok blog korang.

Sekian, terima kasih.

p/s: korang boleh tukarkan tajuknya.

Image Hosted by ImageShack.us

Baca Lagi......

Disable Right Click Widget

Refer kepada pos aku yang lepas, ada member minta tolong bagaimana membuatkan gambar tidak boleh di ciplak oleh orang lain. So di sini aku baru saja dapat widget untuk disable right click on blogger. Dengan menggunakan widget ini, orang lain tidak akan dapat menciplak dari blog korang samada gambar, teks etc. Harap dapat membantu.
Ok mari teruskan...

Caranya adalah korang pergi Layout>Add a GadGet>dan pilih HTML/javascript

Copy kod di bawah:-

<script language="JavaScript">
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

Kemudian paste kan dalam HTML/javascript korang tadi dan save.
Setel...

Baca Lagi......

Sidebar Navigation Widget

Dah lama aku tidak pos kat blog ini memandangkan sibuk(entah apa yang sibuk entah)
Hari ini aku nak kongsikan satu lagi ilmu iaitu Sidebar Navigation Widget. Dengan menggunakan widget ini, korang boleh meminimumkan ruang di blog korang dan kelihatan kemas.

Korang boleh tengok gambar di bawah:-

Korang copy kod di bawah dan masukkan di dalam page element blog korang.
Layout>Add a Gadget>HTML/Javascript

<style type="text/css">
.sidebarnavbutton {
cursor: pointer;
cursor: hand;
margin: 1px;
padding: 2px;
background-color: #ffffff;
color: #000000;
border-style: solid;
border-width: 1px 2px 2px 1px;
border-color: #C0C0C0 #000000 #000000 #C0C0C0;
}
.sidebarnavbutton:hover
{
cursor: pointer;
cursor: hand;
margin: 1px;
padding: 2px;
background-color: #dddddd;
color: #000000;
border-style: solid;
border-width: 2px 1px 1px 2px;
border-color: #000000 #C0C0C0 #C0C0C0 #000000;
}
</style>
<script type="text/javascript">
//<!--
var sidebarid = 'sidebar';
var widgetClassPrefix = 'widget ';
var widgetClassDisqualifier = 'draggable-widget';
var blnsidebaraccordion = true;
// /-->
</script>
<script src="http://benfinnigan.com/js/sidebarnav.js" type="text/javascript"></script>

Setel...

p/s: Kalau ada masalah harap dimaafkan kerana tidak semua sidebar boleh berfungsi apabila dimasukkan widget ini.

Baca Lagi......

Page Navigation Widget

Ok aku baru saja dapat 1 lagi ilmu baru.
Kalau korang kurang faham apa yang dimaksudkan dengan 'Page Navigation Widget', cuba perhatikan gambar di bawah :-

atau tengok blog aku ini yang paling bawah sekali

Mula-mula korang kena pergi Layout>Add Page Element>HTML/Javascript

Korang copy kan kod di bawah dan masukkan ke dalam Page Element tadi.

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;

}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;


}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/") 14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/' thisLable '?&max-results=' pageCount '">';

for(var i=0, post; post = json.feed.entry[i]; i  ) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c  ) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum  ;
htmlMap[htmlMap.length] = '/search/label/' thisLable '?updated-max=' timestamp 'T00%3A00%3A00%2B08%3A00&max-results=' pageCount;
}
}
}
}//end if(post.category){

itemCount  ;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum  ;
htmlMap[htmlMap.length] = '/search?updated-max=' timestamp 'T00%3A00%3A00%2B08%3A00&max-results=' pageCount;
}
}
itemCount  ;
}
}

for(var p =0;p< htmlMap.length;p  ){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml   upPageWord  '</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'  upPageWord  '</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="' htmlMap[p] '">'  upPageWord  '</a></span>';
}

fFlag  ;
}

if(p==(thisNum-1)){
html  = '&nbsp;<span class="showpagePoint"><u>' thisNum '</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml '1</a></span>';
}else{
html  = '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html  = '<span class="showpageNum"><a href="' htmlMap[p] '">'  (p 1)  ' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="' htmlMap[p] '">'  downPageWord  '</a></span>';
eFlag  ;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p  ){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'  firstPageWord  ' </a></span>' upPageHtml ' ' html  ' ';
}else{
html = '' labelHtml   firstPageWord  ' </a></span>' upPageHtml ' ' html  ' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page ' thisNum ' of ' (postNum-1) ': </span>' html;

if(thisNum<(postNum-1)){
html  = downPageHtml;
html  = '<span class="showpage"><a href="' htmlMap[htmlMap.length-1] '"> ' endPageWord '</a></span>';
}

if(postNum==1) postNum  ;
html  = '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p  ){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.html">Grab this Widget ~ Blogger Accessories</a></div>

Selepas korang masukkan widget tadi, korang mesti letakkan page element tadi di bawah blog post korang. Rujuk gambar di bawah:-

Ok, di sini korang boleh tukarkan berapa banyak pos korang yang akan terpapar di setiap page.
Korang tukarkan nombor(merah) yang terdapat dalam kod di atas.

Warna hijau pula untuk nombor page.

p/s: Kalau korang tak ubahkan kod di atas pun tak mengapa..

Enjoy..

Baca Lagi......

Webpage Content Toolbar Widget

Sekali lagi aku tak tahu nak translate tajuk pos aku kali ni. Tapi widget ni amat berguna kerana memudahkan pelawat boleh share, email, print dan bookmark blog korang dengan widget ni.

Korang cuma perlu tambahkan elemen dalam blog korang.

Klik Layout>Add Gadget>HTML/JavaScript

Masukkan kod ini ke dalamnya.

<script type="text/javascript">
  stenium_url    = location.href;
  stenium_title  = document.title;
  stenium_style  = 'classic';
  stenium_widgets = 'share,email,print,bookmark';
  stenium_layout = '1';
</script>
<script src="http://www.stenium.com/js/widget_loader.js" type="text/javascript"></script>

Enjoy..

Baca Lagi......

Floating "Top of Page" Icon Widget

Sory sebab aku tak dapat nak terjemahkan dalam BM.

Widget ini bagus untuk blog yang mempunyai pos-pos yang panjang berjela-jela. Kalau korang tengok kat blog aku, sebelah kanan paling bawah terdapat anak panah warna hijau. Cuba korang skrol blog aku ke bawah dan klik anak panah tersebut.
Ya..menarikkan?

Apa yang korang perlu buat ialah tambahkan elemen dalam blog korang.

Klik Layout>Add Gadget>HTML/JavaScript

Masukkan kod ini ke dalamnya.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://www.optimist.co.za/images_old/UpArrow.GIF"/></a>

Siap.. Enjoy.

Baca Lagi......

Buat Pos Berkaitan (Related Post Widgets )

Widget ini akan memaparkan pos-pos dulu yang berkaitan mengikut kategori, tag dan label pada semua pos korang. Ini akan menyenangkan pelawat korang sekaligus mereka akan terus melayari blog korang lebih lama lagi.

Ok.. tanpa membuang masa jom godek..

1) Pergi Layout >Edit HTML
2) Save dulu templates asal korang(Download Full Template)

3) Klik "Expand Widget Templates"

4) Cari kod </head>

5) Kemudian paste kod di bawah betul-betul sebelum </head> tadi.

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://www.sigmirror.com/files/21737_edkth/related.js' type='text/javascript'/>

6) Kemudian cari kod <p><data:post.body/></p>

7) Paste kod di bawah betul-betul selepas <p><data:post.body/></p> tadi.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot;   data:label.name   &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

Sudah siap pun.. korang boleh save dan tengok hasilnya.

p/s: korang boleh tukarkan Related posts kepada ayat koramg sendiri.

Baca Lagi......

Masukkan "Search' widget

Kalau korang nak masukkan 'search' widget seperti gambar, jom try sekarang.
Benda ni bagus untuk memudahkan pelawat blog korang mencari pos-pos korang yang lepas.

1) Mula-mula korang pergi Template>Layout
2) Buat HTML/Javascript elemen yang baru di sidebar korang
3) Kemudian masukkan kod di bawah di dalamnya


<p align="center"><form id="searchthis" action="/search" 
style="display:inline;" method="get"> <input id="search-box" name="q" 
size="25" type="text"/> <input id="search-btn" value="Search" 
type="submit"/> </form></p>

Nah.. sudah pun siap.

Baca Lagi......

Display Related Posts with Thumbnails

Random Rotating Post gadget

Popular Post Widget

Masukkan Pos Terbaru (Recent Posts) Widget

Recent Comments Widget

Disable Right Click Widget

Tag Cloud Widget

Sidebar Navigation Widget

Page Navigation Widget

Webpage Content Toolbar Widget

Floating "Top of Page" Icon Widget

Buat Pos Berkaitan (Related Post Widgets )

Masukkan "Search' widget

Member