alt text

Background Komen

Tutorial kali ini agak menarik,di mana kita boleh meletak background pada kotak komen. tutorial ini cuma untuk pengguna google comment

Read More
alt text

Cara Pasang Komen Luv

Bagi pengguna blogger yang berminat untuk tukar komen google kepada Komen Luv bolehlah ikut beberapa step yang aku akan ajar nanti.salah satu kelebihan..

Read More
alt text

Register Pada Blogspot

Kepada pemula Blogspot, Di bawah ini terdapat video tutorial register pada blogspot yang sangat mudah untuk dipahami...

Read More
alt text

Masukkan Video You Tube

Untuk menambah video You Tube pada Blogspot adalah sangat mudah. Anda hanya perlu mengikuti beberapa langkah...

Read More
alt text

Tweet button setiap post

Untuk memasang Tweet Button pada setiap post adalah sangat mudah. Anda hanya perlu mengikuti beberapa langkah di bawah..

Read More
alt text

Author Information For Blogger

Author Information untuk blogger adalah informasi yang terdapat di bahagian penghujung artikel. Informasi ini...

Read More
alt text

Menambah Yahoo Emotion

Memasang emoticon smiley ini rasanya dah banyak diposting oleh blog2 lain.Namun saya masukkan pada entri kali ini...

Read More
alt text

Cara Menambah Icon

Penambahan icon disebelah tajuk posting adalah merupakan satu daya penarik ,selain dari tajuk posting itu sendiri.Bagi tujuan itu gambar...

Read More

Cara Memasang Funny Emoticon Pada Komen Blog

  • Friday, June 24, 2011
  • by
  • Borong Shop

  • Sebelum ini saya telah membuat 3 tutorial untuk emoticon dan ini adalah yang terbaru setelah berusaha hampir sejam menyiapkannya. Jika anda berminat untuk mencubanya boleh melihat dahulu demo di sini :


    Ok untuk membuatnya sila ikut beberapa langkah di bawah :

    1) Login Blog => Design => Edit Html => Expand Widget Template
    2) Setelah itu cari kod di bawah :
    ]]></b:skin>
    Copy kod di bawah ini dan letakkannya tepat di atas / sebelum kod ]]></b:skin>
    #kotakemote {width:auto;border:1px solid grey;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright: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;margin:10px;padding:10px;}
    Jika sudah selesai cari pula kod di bawah ini :
    <b:if cond='data:post.embedCommentForm'>
    Copy kod di bawah ini dan letakkannya tepat di atas / sebelum kod <b:if cond='data:post.embedCommentForm'>
    EMOTICON :<div id='stylishemoticon'><b><img border='0' src='http://2.bp.blogspot.com/-IqzsdLYUdE0/TgR22mrJw6I/AAAAAAAAAMk/oiV0yBndm94/s1600/stylishtwich.gif' title=':f'/>:f<img border='0' src='http://2.bp.blogspot.com/-XFvCF_haHUU/TgR2rPPEpDI/AAAAAAAAAMg/7WVs_W5qENc/s1600/stylishlari.gif' title=':D'/>:D<img border='0' src='http://1.bp.blogspot.com/-9JEQCoYpOSM/TgR2i1_JpNI/AAAAAAAAAL8/Zept92KNmDU/s1600/stylishgaduh.gif' title=':x'/>:x<img border='0' src='http://2.bp.blogspot.com/-Gw2yPHDXBo8/TgR25XpyOfI/AAAAAAAAANA/EArBKhQ2j4E/s1600/stylishtepuk.gif' title='B-)'/>B-)<img border='0' src='http://3.bp.blogspot.com/-C3h_S1jbpzg/TgR24LfGZtI/AAAAAAAAAM0/oMHiNXF3dCY/s1600/stylishnie.gif' title='b-('/>b-(<img border='0' src='http://2.bp.blogspot.com/-e0sB1VMRHN0/TgR2p-jcK6I/AAAAAAAAAMQ/zacPqgDZiwE/s1600/stylishmajuk.gif' title=':@'/>:@<img border='0' src='http://3.bp.blogspot.com/-gn4ix7K-vw4/TgR25K1iiwI/AAAAAAAAAM8/m5hTaAUm4JE/s1600/stylishsalam.gif' title='x('/>x(<img border='0' src='http://2.bp.blogspot.com/-r2pnIqAVbvg/TgR2qNNBzxI/AAAAAAAAAMU/m1Yjo6CRQVI/s1600/stylishgurau.gif' title=':?'/>:?<img border='0' src='http://3.bp.blogspot.com/-xeU1rnXXhaA/TgR2jGiuVAI/AAAAAAAAAMA/fM-s1vhnrfs/s1600/stylish+malu.gif' title=';;)'/>;;)<img border='0' src='http://1.bp.blogspot.com/-IIuZIEGIvBE/TgR2jm-s8UI/AAAAAAAAAME/7VubZPlJTyA/s1600/stylishbig.gif' title=':-B'/>:-B<img border='0' src='http://4.bp.blogspot.com/-NN3yx7Lso34/TgR2j71DQNI/AAAAAAAAAMI/FyMeL7p_z3Q/s1600/stylishcinta.gif' title=':|'/>:|<img border='0' src='http://3.bp.blogspot.com/-kxkZnkDopBU/TgR2qeLfLfI/AAAAAAAAAMY/hx6Gb8fZQIc/s1600/stylishketawa.gif' title=':))'/>:))<img border='0' src='http://3.bp.blogspot.com/-xqmiBsXVYlM/TgR23pcW5jI/AAAAAAAAAMs/GbMuzt1gLNU/s1600/stylishnangis.gif' title=':(('/>:((<img border='0' src='http://4.bp.blogspot.com/-L3GmyJ0rmD0/TgR23zkqPCI/AAAAAAAAAMw/BaqM8PTnFw8/s1600/stylishngee.gif' title='=(('/>=((<img border='0' src='http://3.bp.blogspot.com/-tieDFHriZGs/TgR24kOtxNI/AAAAAAAAAM4/Cxgmnny8CIU/s1600/stylishok.gif' title=':s'/>:s<img border='0' src='http://4.bp.blogspot.com/-h1-ZL3C4wJw/TgR23OUmYbI/AAAAAAAAAMo/UXYsxOg6gPk/s1600/stylishmarah.gif' title=':-j'/>:-j</b></div>
    Setelah itu cari pula kod ini :
    </body>
    Copy kod di bawah ini dan letakkannya sebelum / di atas kod </body>
    <script type='text/javascript'>//<![CDATA[a = document.getElementById('comments');if(a) {b = a.getElementsByTagName("DD");for(i=0; i < b.length; i++) {if (b.item(i).getAttribute('CLASS') == 'comment-body') {_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://2.bp.blogspot.com/-IqzsdLYUdE0/TgR22mrJw6I/AAAAAAAAAMk/oiV0yBndm94/s1600/stylishtwich.gif' alt='' class='smiley'/>");_str = _str.replace(/:D/gi, "<img src='http://2.bp.blogspot.com/-XFvCF_haHUU/TgR2rPPEpDI/AAAAAAAAAMg/7WVs_W5qENc/s1600/stylishlari.gif' alt='' class='smiley'/>");_str = _str.replace(/:x/gi, "<img src='http://1.bp.blogspot.com/-9JEQCoYpOSM/TgR2i1_JpNI/AAAAAAAAAL8/Zept92KNmDU/s1600/stylishgaduh.gif' alt='' class='smiley'/>");_str = _str.replace(/B\-\)/gi, "<img src='http://2.bp.blogspot.com/-Gw2yPHDXBo8/TgR25XpyOfI/AAAAAAAAANA/EArBKhQ2j4E/s1600/stylishtepuk.gif' alt='' class='smiley'/>");_str = _str.replace(/b\-\(/gi, "<img src='http://3.bp.blogspot.com/-C3h_S1jbpzg/TgR24LfGZtI/AAAAAAAAAM0/oMHiNXF3dCY/s1600/stylishnie.gif' alt='' class='smiley'/>");_str = _str.replace(/:@/gi, "<img src='http://2.bp.blogspot.com/-e0sB1VMRHN0/TgR2p-jcK6I/AAAAAAAAAMQ/zacPqgDZiwE/s1600/stylishmajuk.gif' alt='' class='smiley'/>");_str = _str.replace(/x\(/gi, "<img src='http://3.bp.blogspot.com/-gn4ix7K-vw4/TgR25K1iiwI/AAAAAAAAAM8/m5hTaAUm4JE/s1600/stylishsalam.gif' alt='' class='smiley'/>");_str = _str.replace(/:\?/gi, "<img src='http://2.bp.blogspot.com/-r2pnIqAVbvg/TgR2qNNBzxI/AAAAAAAAAMU/m1Yjo6CRQVI/s1600/stylishgurau.gif' alt='' class='smiley'/>");_str = _str.replace(/;\;\)/gi, "<img src='http://3.bp.blogspot.com/-xeU1rnXXhaA/TgR2jGiuVAI/AAAAAAAAAMA/fM-s1vhnrfs/s1600/stylish+malu.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-B/gi, "<img src='http://1.bp.blogspot.com/-IIuZIEGIvBE/TgR2jm-s8UI/AAAAAAAAAME/7VubZPlJTyA/s1600/stylishbig.gif' alt='' class='smiley'/>");_str = _str.replace(/:\|/gi, "<img src='http://4.bp.blogspot.com/-NN3yx7Lso34/TgR2j71DQNI/AAAAAAAAAMI/FyMeL7p_z3Q/s1600/stylishcinta.gif' alt='' class='smiley'/>");_str = _str.replace(/:\)\)/gi, "<img src='http://3.bp.blogspot.com/-kxkZnkDopBU/TgR2qeLfLfI/AAAAAAAAAMY/hx6Gb8fZQIc/s1600/stylishketawa.gif' alt='' class='smiley'/>");_str = _str.replace(/:\(\(/gi, "<img src='http://3.bp.blogspot.com/-xqmiBsXVYlM/TgR23pcW5jI/AAAAAAAAAMs/GbMuzt1gLNU/s1600/stylishnangis.gif' alt='' class='smiley'/>");_str = _str.replace(/=\(\(/gi, "<img src='http://4.bp.blogspot.com/-L3GmyJ0rmD0/TgR23zkqPCI/AAAAAAAAAMw/BaqM8PTnFw8/s1600/stylishngee.gif' alt='' class='smiley'/>");_str = _str.replace(/:s/gi, "<img src='http://3.bp.blogspot.com/-tieDFHriZGs/TgR24kOtxNI/AAAAAAAAAM4/Cxgmnny8CIU/s1600/stylishok.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-j/gi, "<img src='http://4.bp.blogspot.com/-h1-ZL3C4wJw/TgR23OUmYbI/AAAAAAAAAMo/UXYsxOg6gPk/s1600/stylishmarah.gif' alt='' class='smiley'/>");b.item(i).innerHTML = _str;}}}a = document.getElementById('comments');if(a) {c = a.getElementsByTagName("DD");for(i=0; i < c.length; i++) {if (c.item(i).getAttribute('CLASS') == 'comment-body-author') {_str = b.item(i).innerHTML.replace(/:f/gi, "<img src='http://2.bp.blogspot.com/-IqzsdLYUdE0/TgR22mrJw6I/AAAAAAAAAMk/oiV0yBndm94/s1600/stylishtwich.gif' alt='' class='smiley'/>");_str = _str.replace(/:D/gi, "<img src='http://2.bp.blogspot.com/-XFvCF_haHUU/TgR2rPPEpDI/AAAAAAAAAMg/7WVs_W5qENc/s1600/stylishlari.gif' alt='' class='smiley'/>");_str = _str.replace(/:x/gi, "<img src='http://1.bp.blogspot.com/-9JEQCoYpOSM/TgR2i1_JpNI/AAAAAAAAAL8/Zept92KNmDU/s1600/stylishgaduh.gif' alt='' class='smiley'/>");_str = _str.replace(/B\-\)/gi, "<img src='http://2.bp.blogspot.com/-Gw2yPHDXBo8/TgR25XpyOfI/AAAAAAAAANA/EArBKhQ2j4E/s1600/stylishtepuk.gif' alt='' class='smiley'/>");_str = _str.replace(/b\-\(/gi, "<img src='http://3.bp.blogspot.com/-C3h_S1jbpzg/TgR24LfGZtI/AAAAAAAAAM0/oMHiNXF3dCY/s1600/stylishnie.gif' alt='' class='smiley'/>");_str = _str.replace(/:@/gi, "<img src='http://2.bp.blogspot.com/-e0sB1VMRHN0/TgR2p-jcK6I/AAAAAAAAAMQ/zacPqgDZiwE/s1600/stylishmajuk.gif' alt='' class='smiley'/>");_str = _str.replace(/x\(/gi, "<img src='http://3.bp.blogspot.com/-gn4ix7K-vw4/TgR25K1iiwI/AAAAAAAAAM8/m5hTaAUm4JE/s1600/stylishsalam.gif' alt='' class='smiley'/>");_str = _str.replace(/:\?/gi, "<img src='http://2.bp.blogspot.com/-r2pnIqAVbvg/TgR2qNNBzxI/AAAAAAAAAMU/m1Yjo6CRQVI/s1600/stylishgurau.gif' alt='' class='smiley'/>");_str = _str.replace(/;\;\)/gi, "<img src='http://3.bp.blogspot.com/-xeU1rnXXhaA/TgR2jGiuVAI/AAAAAAAAAMA/fM-s1vhnrfs/s1600/stylish+malu.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-B/gi, "<img src='http://1.bp.blogspot.com/-IIuZIEGIvBE/TgR2jm-s8UI/AAAAAAAAAME/7VubZPlJTyA/s1600/stylishbig.gif' alt='' class='smiley'/>");_str = _str.replace(/:\|/gi, "<img src='http://4.bp.blogspot.com/-NN3yx7Lso34/TgR2j71DQNI/AAAAAAAAAMI/FyMeL7p_z3Q/s1600/stylishcinta.gif' alt='' class='smiley'/>");_str = _str.replace(/:\)\)/gi, "<img src='http://3.bp.blogspot.com/-kxkZnkDopBU/TgR2qeLfLfI/AAAAAAAAAMY/hx6Gb8fZQIc/s1600/stylishketawa.gif' alt='' class='smiley'/>");_str = _str.replace(/:\(\(/gi, "<img src='http://3.bp.blogspot.com/-xqmiBsXVYlM/TgR23pcW5jI/AAAAAAAAAMs/GbMuzt1gLNU/s1600/stylishnangis.gif' alt='' class='smiley'/>");_str = _str.replace(/=\(\(/gi, "<img src='http://4.bp.blogspot.com/-L3GmyJ0rmD0/TgR23zkqPCI/AAAAAAAAAMw/BaqM8PTnFw8/s1600/stylishngee.gif' alt='' class='smiley'/>");_str = _str.replace(/:s/gi, "<img src='http://3.bp.blogspot.com/-tieDFHriZGs/TgR24kOtxNI/AAAAAAAAAM4/Cxgmnny8CIU/s1600/stylishok.gif' alt='' class='smiley'/>");_str = _str.replace(/:\-j/gi, "<img src='http://4.bp.blogspot.com/-h1-ZL3C4wJw/TgR23OUmYbI/AAAAAAAAAMo/UXYsxOg6gPk/s1600/stylishmarah.gif' alt='' class='smiley'/>");c.item(i).innerHTML = _str;}}}//]]></script>
    Setelah selesai sila klik preview dahulu dan jika tiada sebarang error maka klik save template

    Nota :
    Jika anda mempunyai sebarang masalah sila nyatakan di ruangan komen yang disediakan di bawah.

    Read More...

    Cara Memasang Numbered Page Navigation 2

  • Monday, June 20, 2011
  • by
  • Borong Shop

  • Sebelum ini saya telah membuat tutorial cara membuat numbered page versi Abu Farhan dan sekarang ini saya ingin membuat numbered page yang sama cuma berbeza style nya. Terdapat 2 cara untuk membuatnya iaitu secara manual atau auto. Jika anda tidak mahir lagi dalam Html anda boleh menggunakan widget dengan klik gambar di bawah :



    Ok untuk membuatnya sila ikut beberapa langkah di bawah :


    1) Login blog => Design => Edit Html 
    2) Cari kod di bawah ini :
    ]]></b:skin>
    Setelah itu copy kod di bawah ini tepat di atas/sebelum kod ]]></b:skin>


    .showpageArea a {
    text-decoration:underline;
    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #ccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #ccc;
    background-color:#ccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #ccc;
    background: #ccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #ccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333;
    }


    Jika sudah selesai cari pula kod ini :
    </body>
    Copy kod di bawah ini diatas / sebelum kod </body>
    <script style='text/javascript'>var pageCount=5;var displayPageNum=2;var upPageWord=&quot;Previous&quot;;var downPageWord=&quot;Next&quot;;</script><script type='text/javascript'>//<![CDATA[var home_page_url=location.href;function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;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+'&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){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+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){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++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-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 labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&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){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'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++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}//]]></script>
    Nota :


    Nilai yang ditandakan dengan warna hijau di bawah adalah kod yang perlu anda tukar mengikut jumlah post yang terdapat di bahagian hadapan blog.
    2) warna kuning pula adalah jumlah nombor page yang anda inginkan seperti contoh yang saya berikan di posting sebelum ini

    var pageCount=5;var displayPageNum=2;
    Sila klik preview dahulu dan jika tiada sebarang error maka klik save template
    Read More...

    Numbered Page Navigation Versi Abu Farhan

  • by
  • Borong Shop

  • Memasang numbered page pada sesebuah blog sememangnya memudahkan pelawat untuk melihat kesemua entry2 kita. Walaupun fungsinya sama seperti older post yang biasa kelihatan di mana2 blog, namun numbered page kelihatan lebih kemas dan pelawat lebih mudah untuk mengetahui seberapa banyak entry yang ada dalam sesuatu blog itu. Untuk melihat contohnya sila klik preview 



    Widget ini berasal daripada pemiliknya iaitu Abu Farhan yang sememangnya terkenal dengan berbagai jenis widget yang begitu cantik dan memudahkan. Dan disini saya hanya mengulang semula artikel beliau dalam bahasa melayu.


    Ok, untuk membuatnya anda hanya perlu mengikuti beberapa langkah di bawah :


    1) Login Blog => Design => Edit Html => Expand Widget Template
    2) Setelah itu cari kod di bawah :
    ]]></b:skin>
    Copy kod di bawah ini tepat di atas kod ]]></b:skin>
    .showpageNum a {padding: 3px 8px;margin:0 4px;text-decoration: none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background: #ddd;}
    .showpageOf {margin:0 8px 0 0;}.showpageNum a:hover {border:1px solid #888;background: #ccc;}
    .showpagePoint {color:#fff;text-shadow:0 1px 2px #333;padding: 3px 8px;margin: 2px;font-weight: 700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background: #666;text-decoration: none;}
    Setelah itu cari pula kod di bawah ini :
    </body>
    Copy kod di bawah ini tepat di atas kod </body> 
    &lt;script type='text/javascript'&gt;var home_page=&quot;/&quot;;var urlactivepage=location.href;var postperpage=7;var numshowpage=4;var upPageWord ='Prev';var downPageWord ='Next';&lt;/script&gt;&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;
    Kod berwarna biru di atas adalah di antara salah satu style numbered page yang ada. Anda boleh menukarnya dengan membuat beberapa pilihan di bawah mengikut kesesuaian anda:
    1. Style 1
    2. Style 2
    3. Style 3
    4. Style 4
    5. Style 5
    6. Style 6
    Dan di bawah ini pula contoh untuk style kod di atas :
    1. Style 1
    2. Style 2
    3. Style 3
    4. Style 4
    5. Style 5
    6. Style 6
    Perhatikan penerangan bagi kod yang diwarnakan dengan warna hijau

    var postperpage=7;
    var numshowpage=4;

    Postperpage : Berapa banyak post yang mahu anda tampilkan pada blog
    Numshowpage : Berapa banyak nombor yang mahu ditampilkan contohnya 4 maka akan jadi seperti ini (1,2,3,4.........25)

    Jika sudah selesai cari pula kod di bawah ini :
    'data:label.url'
    Gantikan kod diatas dengan kod di bawah ini :
    'data:label.url + &quot;?&amp;max-results=7&quot;'
    Klik dahulu preview dan jika tiada sebarang error maka klik save template
    Read More...

    Cara Masukkan Video You Tube Pada Blogspot

  • Saturday, June 11, 2011
  • by
  • Borong Shop
  • Untuk menambah video You Tube pada Blogspot adalah sangat mudah. Anda hanya perlu mengikuti beberapa langkah yang saya sediakan di bawah :


    1) Pergi ke laman web You Tube
    2) Pilih video yang anda ingin masukkan dan selepas itu sila lihat contoh di bawah :

    Klik pada imej untuk besarkan

    Jika ada sebarang masalah sila nyatakan diruangan komen yang disediakan.
    Read More...

    Cara Register Pada Blogspot

  • by
  • Borong Shop

  • Kepada pemula Blogspot, Di bawah ini terdapat video tutorial register pada blogspot yang sangat mudah untuk dipahami. Jika anda mengalami sebarang masalah seperti tidak dapat register atau sebagainya sila bertanya di ruangan komen yang disediakan.


    Credit to reezluv kerana telah membuat video ini.
    Read More...
     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me