Pages

Showing posts with label Blogger Hack. Show all posts
Showing posts with label Blogger Hack. Show all posts

16 February 2009

Mencari ayat tersembunyi

Cuba cari ayat tersembunyi kat bawah, kalu jumpe saya bg seposen..hehe:puppyeyes:
sebelum itu, tolong guna firefox yer sbb ie xjadi ngan trick ni ::(


Lorem ipsum dolor sit amet, consectetur adipiscing Adakahelit. Mauris lacus sem, gravida sed, congue et, Anda sagittis sit amet, sapien. Maecenas feugiat elit ac nunc. Sed turpis diam, imperdiet eget, condimentum ut, mattis nec, dui. Cras vel urna ut nisl porttitor Seorang vehicula. Mauris rutrum tellus a nunc. Sed purus YAng sapien, vulputate posuere, auctor in, malesuada vel, leo. Curabitur sodales iaculis ante. Nulla Baikaccumsan vestibulum felis. Vivamus commodo. Sed non eros sit amet sem cursus tincidunt. Integer blandit vulputate Hati? sem. Etiam dignissim sodales nisi.


Tak jumpe, ke dah pening...bagaimana kalu kamu highlight ayat kat atas..sudah nampak?
bagaimana saya membuat...anda ingin tahu..jom kita ke sebalik tabir:woooh:

Macam biase, mula2
  • Seperti biasa, login ke Blogger, masuk ke Layout --> Edit HTML
  • Cari kod ini</head>, guna CTRL+F utk lebih senang...
  • kedian masukkan kod di bawah diatasnye
  • <style type='text/css'>
    #container { width:600px;margin:10px auto; }
    #logo img { border:none; }
    #ie { display:none; }
    p { font: normal normal 14px/150% Verdana, Arial, Helvetica, sans-serif; }
    p::selection { background:#000;color:#000; }
    p::-moz-selection { background:#000;color:#000; }
    p span::selection { background:#fff;color:#000; }
    p span::-moz-selection { background:#fff;color:#000; }
    </style>

    <!--[if IE 7]>
    <style type="text/css">
    #ie { display:block; }
    </style>
    <![endif]-->

    dan untuk membuat posting ayat tersembunyi macam kat atas, kamu kena buat macam ni
    <div id="container">
    <p class="hide"> Ayat yang ingin disembunyikan <span> Yang nak ditunjuk </span> Ayat yang ingin disembunyikan </p></div>


    itu saje...sebaiknyer gunakan bahagian HTML berbanding Compose kerana lebih mudah untuk melihat kod ketika membuat posting ini.

    sumber : CSS Tricks

    Menghilangkan "dotted line" pada link

    Kalau kita perhatikan, bila kita menggunakan mozilla firefox (dgn ie7 xde plak rsnyer) klik je link mesti kuat dotted line di sekitar link tersebut...bukan link sahaja, gambar, tajuk entry dan sebagainya mesti kuar benda tu..ape??xtahu yg mana satu..cuba tgk gambar kat bawah...sudah perasan?!!:devilishgrin:
    sebelum

    selepas


    Tak mengganggu pun tp bg sape2 yg xmao tgk dotted link 2 bleh la ikut trick kat bawah yer...

  • Seperti biasa, login ke Blogger, masuk ke Layout --> Edit HTML
  • Cari kod ini]]></b:skin>, guna CTRL+F utk lebih senang...
  • kedian masukkan kod di bawah diatasnye

  • a:focus {
    outline: none;
    }



    dah siap, mudah saje kan..:sweaty:.

    walaubagaimanapun, dotted line 2 membantu kita mengenalpasti link yg kita klik...pilihan ditangan anda..:okay:

    sumber : css-tricks

    14 February 2009

    CSS untuk paparan teks

    Kalau kita melayari blog kekawan lain d internet yg mengajar cara untuk memaparkan code atau ape2 saje yg menarik..pasti kita perasan yg kod itu diletakkan dalam satu area yg berbeza agar ia tampil dalam bentuk yg menarik :love:....contohnye mcm kat bawah;

    saya ada dalam kotak info

    saya ada dalam kotak warning

    saya ada dalam kotak download

    saya ada dalam kotak alert

    saya ada dalam kotak note


    berminat nk membuatnya dalam blog, ikut cara berikut:-

    • Seperti biasa, login ke Blogger, masuk ke Layout --> Edit HTML
    • Cari kod ini ]]</b:skin> , guna CTRL+F utk lebih senang...
    • Dah jumpe, pastekan kod di bawah kat atas ]]</b:skin>.
    • #rec { margin:20px;padding:20px;}
      .info {
      border: 1px solid #4AB7FF;
      font-size: 11px;
      color: #191919;
      background: #BFE5FF url(http://i190.photobucket.com/albums/z315/fyzue/info.gif) no-repeat 5px center;
      font-family: Verdana, sans-serif, "Courier New";
      line-height: 125%;
      margin: 5px 0px 0px;
      padding: 12px 12px 12px 40px;
      display: block;
      font-weight: 400;
      width: 85%;
      }
      .warning {
      border: 1px solid #FF8888;
      font-size: 11px;
      color: #191919;
      font-family: Verdana, sans-serif, "Courier New";
      line-height: 125%;
      background: #FFBFBF url(http://i190.photobucket.com/albums/z315/fyzue/warning.gif) no-repeat 5px center;
      display: block;
      margin: 5px 0px 0px;
      padding: 12px 12px 12px 40px;
      font-weight: 400;
      width: 85%;
      }
      .download {
      border: 1px solid #C2E069;
      font-size: 11px;
      color: #191919;
      font-family: Verdana, sans-serif, "Courier New";
      line-height: 125%;
      background: #E5F2BF url(http://i190.photobucket.com/albums/z315/fyzue/download.gif) no-repeat 5px center;
      display: block;
      margin: 5px 0px 0px;
      padding: 12px 12px 12px 40px;
      font-weight: 400;
      width: 85%;
      }
      .alert {
      border: 1px solid #FFC875;
      font-size: 11px;
      color: #191919;
      line-height: 125%;
      background: #FFE5BF url(http://i190.photobucket.com/albums/z315/fyzue/alert.gif) no-repeat 5px 5px;
      font-family: Verdana, sans-serif, "Courier New";
      display: block;
      margin: 5px 0px 0px;
      padding: 12px 12px 12px 40px;
      font-weight: 400;
      width: 85%;
      }
      .note {
      border: 1px solid #FFE375;
      font-size: 11px;
      color: #191919;
      font-family: Verdana, "Times New Roman", Times, Georgia, serif;
      line-height: 125%;
      background: #FFF2BF url(http://i190.photobucket.com/albums/z315/fyzue/note.gif) no-repeat 5px center;
      display: block;
      margin: 5px 0px 0px;
      padding: 12px 12px 12px 40px;
      font-weight: 400;
      width: 85%;
      }

    • sekarang Save Template...
    Untuk melihat samaada cara ini berjaya atau tidak...cuba buat posting baru

    kat dalam post 2 cuba buat :-
    contoh untuk kotak alert kena buat camni <div class="alert"> tulisan dibuat disini </div>


    sudah fahamkan cara nak menggunakan kotak ini kan...untuk yg lain ikut kod dibawah;

    <div class="info">

    Maklumat Disini

    </div>



    <div class="download">

    Download Disini

    </div>



    <div class="warning">

    Amaran Disini

    </div>



    <div class="alert">

    Perhatian Disini

    </div>



    <div class="note">

    Nota Disini

    </div>


    Semoga blog anda lebih ceria :music:

    sumber : Mohamed Rias

    11 February 2009

    Kira maklumat blog


    Cuba tgk kat bawah blog saya bahagian "Site Counter" nerd
    nampak tak ayat pernyataan Bil. Pos, Bil. Komen dan Bil. Pelawat..berminat nk masukkan dalam blog anda..ikut cara2 berikut:-

    memula Log-in lam blogger --> Layout --> Add a Gadget -->

    pilih Add HTML / JAVASCRIPT lepas tu tampal kod kat bawah:-

    <script style="text/javascript">
    function showpostcount(json) {
    document.write('Bil. Pos : <b>' + parseInt(json.feed.openSearch$totalResults.$t,10) + '</b><br>');}</script>
    <script src="http://Bloganda.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script>

    <script style="text/javascript"></script>

    <script style="text/javascript">
    function numberOfComments(json) {
    document.write('Bil Komen : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script>
    <script src="http://Bloganda.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>

    Bil. Pelawat : <span style="font-weight:bold;"><script src="http://freeonlineusers.com/on4.php?id=114472" type="text/javascript"></script></span><br/>


    Bloganda = tukar dengan nama blog anda sendiri :ayuk:

    semoga berjaya tepuktangan

    10 February 2009

    "Back To Top" @ "Home" button



    Cuba tengok kat penjuru kanan blog saya, ada gambar anak panah kan..cuba klik ape jadi.

    Ia akan membawa anda ke bahagian atas blog saya, berminat nak wat camtu..senang bangat :nggaya:

    memula Log-in lam blogger --> Layout --> Add a Gadget -->

    pilih Add HTML / JAVASCRIPT lepas tu tampal kod kat bawah:-

    <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://amomentoftime.com/img/icons/Green/32/arrow_up.png"/></a>

    # = membawa anda ke bahagian atas laman blog (back to top)
    anda juga boleh menukarnye dengan alamat blog anda sendiri untuk menjadikannye sebagai butang "HOME".
    Back to Top = tajuk, ayat yg akan kuar bile mouse berada atas butang
    http://amomentoftime.com/img/icons/Green/32/arrow_up.png = tukarkan dengan link gambar yang anda suka


    sumber : bloggerbuster

    semoga berjaya sengihnampakgigi

    03 February 2009

    Try rotate img





    10 January 2009

    Memasang "Top Komentator"

    Top Komentator ni bertujuan memaparkan nama pengunjung blog kita yg telah memberikan komen bersama jumlah komen yg diberikan dalam blog kita, disamping memberi kita maklumat yg berguna ia juga memberikan mereka galakan utk terus mengomen.


    tgk gmbar diatas, itu contoh paparan yg ditunjukan..jika nak ikut cara dibawah:-

    memula Log in ke lam Blogger

    gi kat |Layout| --> |Page Element| --> Add a gadget

    pilih Add HTML / JAVASCRIPT lepas tu tampal kod kat bawah:-

    <script type="text/javascript">
    function pipeCallback(obj) {
    document.write("<ol>");
    var i;
    for (i = 0; i < obj.count ; i++)
    {
    var href = "'" + obj.value.items[i].link + "'";
    var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
    document.write(item);
    }
    document.write("</ol>");
    }
    </script>
    <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
    _id=c92ac21897d8b56e61cfa85930dd89a1&url=http://blogkamu.blogspot.com&num=10&filter=Anonymous" type="text/javascript"></script>



    Sekarang tukar perkataan bewarna merah itu mengikut citarasa kamu:-
    1. http://blogkamu.blogspot.com = Alamat Blog Kamu
    2.10 = Bilangan komentator yg ingin dipaparkan
    3.Anonymous = Nama yg ingin ditapis, maksudnye nama ni takkan keluar..pisahkan dgn koma jika lebih drp satu..cth (fyzue, faizu, peju)


    selamat mencuba alamak

    sumber : lupa dh lama guna, @Liyannuar rasanya

    09 January 2009

    Meletak Photo Komentator

    Kalau pengguna wordpress mmg xyah susah2, komennye mmg dh tunjuk gambar org yang mmberi komen...bagi kita pengguna Blogger jg sdh berpeluang nk wat camtu dgn sedikit tambahan kod....xjelas mcmmana kedudukan gambar tu, cuba tgk gmbar kat bawah:-

    anda dpt perhatikan ada gmbar komentator yg dipaparkan bsebelah dgn komen yang dibuat...alamak
    gambar ini hanya akan keluar jika komentator tersebut telah log in kedalam dashboard terlebih dahulu..jika tidak gambar ni akan kuar ..

    berminat nak meletakkan gambar anda yg hensemmen/lawawomen ditepi komen..ikut proses dibawah:-
    1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|
    pastikan tanda Expand Template Widget diklik.

    A) Skang masukkan kod yang berwarna merah dibawah ditempat sepatutnye, tgk kod HTML dibawah dgn berhati2...

    <dl id='comments-block'>
    <b:loop values='data:post.comments' var='comment'>
    <dt class='comment-author' expr:id='"comment-" data:comment.id'>
    <div class='commentphoto' style='float:right;'/>
    <a expr:name='"comment-" data:comment.id'/>
    <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
    <b:else/>
    <data:comment.author/>
    </b:if>
    <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
    <b:if cond='data:comment.isDeleted'>
    <span class='deleted-comment'><data:comment.body/></span>
    <b:else/>
    <p><data:comment.body/></p>
    </b:if>
    </dd>
    <dd class='comment-footer'>
    <span class='comment-timestamp'>
    <a expr:href='"#comment-" data:comment.id' title='comment permalink'>
    <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
    </span>
    </dd>
    <div style='clear:both;'/>
    </b:loop>
    </dl>

    kalu susah cuba tekan CTRL+F dan masukkan <dl id='comments-block'> ni..nerd

    B) Skang cari kod ini </head> dan masukkan kod dibawah diatas </head> :-

    <script src='http://javascripthost.com/s1/bin/fyzuex.photokomen.js' type='text/javascript'/>
    <script type='text/javascript'>
    //<![CDATA[
    addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
    //]]>
    </script>


    save templates dan cuba tgk perubahannye...
    selamat mencuba ye...jgn pening
    alamak

    sumber : O-om
    angkatkening

    08 January 2009

    Nak buat Scroll Banner kat Sidebar

    Tau tak banner tu ape?..bg yg xtahu banner tu adalah link ke laman web tertentu tp dalam bentuk bergambar contohnyer camni

    ummie eriey bergosip

    jika kiter klik gambar 2, dier akan bawa kite laman lain kan..kat sini sy bkn nak ajar cr nk wat banner tp cr nk buat scroll banner slot iaitu satu gadget di sidebar yg memaparkan banner dgn bergerak dr bawah ke atas atau sebaliknye..

    caranyer ialah...memula Log in ke lam Blogger

    gi kat |Layout| --> |Page Element| --> Add a gadget

    pilih Add HTML / JAVASCRIPT lepas tu tampal kod kat bawah:-


    <marquee scrolldelay="20 " direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1 " align="center">

    <a href="http://eriey3.blogspot.com/" target="_blank"><img border="0" alt="ummie eriey bergosip" src="http://i190.photobucket.com/albums/z315/fyzue/ummieriey.png"/></a>

    paste link banner disini

    paste link banner2 disini

    </marquee>


    tukarkan paste link banner disini dgn link yg diperolehi..
    untuk memaparkan banner dr atas kebawah tukar direction="up" kpd direction="down"

    selamat mencuba

    06 January 2009

    Memasang "No Halaman" V.2

    Hari tu saya dah tunjukan nak wat "no halaman" kan?tp yg tu xbape lawa kotak2 je, yg ni sma gak cuma dengan sedikit variasi..senyumkenyit
    ada 2 jenis variasi yg saya bagi,
    • Jenis Pertama: yg ni digunakan kat blog wife saya...cuba tengok gambar gak bawah..

      cantikkan ni,warna purple gteww...yang ni sesuai untuk blog yg mempunyai background berwarna putih sahaja, kalu warna lain terutama latarbelakang gelap xbape seswai xcaye cuba wat..kalu nak guna,amik kod kat bawah...

      <style>
      .showpageArea {
      padding : 10px;
      color : #003366;
      text-align : left;
      width : 530px;
      }
      .showpageArea a {
      float : left;
      background : url(http://i190.photobucket.com/albums/z315/fyzue/backbuttob.gif) no-repeat 0 0;
      text-align : center;
      width : 80px;
      height : 42px;
      text-align : center;
      display : block;
      margin : 0 5px;
      color : #333;
      padding-top : 6px;
      }
      .showpageArea a:hover {
      color : #333;
      margin : 0 5px;
      padding-top : 6px;
      }
      .showpageNum a {
      background : url(http://i190.photobucket.com/albums/z315/fyzue/page_numb.gif) no-repeat 0 0;
      width : 37px;
      height : 42px;
      display : block;
      text-align : center;
      float : left;
      margin : 0 5px;
      padding-top : 6px;
      text-decoration : none;
      color : #333;
      }
      .showpageNum a:hover {
      background : url(http://i190.photobucket.com/albums/z315/fyzue/page_numb.gif) no-repeat 0 100%;
      color : #fff;
      }
      .showpagePoint {
      background : url(http://i190.photobucket.com/albums/z315/fyzue/page_numb.gif) no-repeat 0 100%;
      width : 37px;
      height : 42px;
      display : block;
      float : left;
      text-align : center;
      margin : 0 5px;
      padding-top : 6px;
      font-weight : bold;
      color : #fff;
      }
      .showpageNum a:link, .showpage a:link {
      text-decoration : none;
      color : #cc0000;
      }

      </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=2;
      var firstPageWord = 'First';
      var endPageWord = 'last'; //&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;
      var upPageWord ='Back';
      var downPageWord ='Next';
      //&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;&#65533;


      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"></span>'+upPageHtml+' '+html +' ';
      }
      }

      html = '<div class="showpageArea"><span style="color:#fff;" class="showpage"> Total '+(postNum-1)+': </span>'+html;

      if(thisNum<(postNum-1)){
      html += downPageHtml;

      }

      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>


      yang atas tu utk blog yg mempunyai background putih jer tp blog yang mempunyai latarbelakang yang gelap jgn bersedih plak, saya bagi gaknyer...
      • Jenis Kedua:tengok gambar kat bawah


      kalau nak gunakan yang ni, amik kod kat bawah ni yer..

      <style>
      .showpageArea {
      padding : 10px;
      color : #003366;
      text-align : left;
      width : 530px;
      }
      .showpageArea a {
      float : left;
      background : url(http://i190.photobucket.com/albums/z315/fyzue/buttonh2.gif) no-repeat 0 0;
      text-align : center;
      width : 80px;
      height : 28px;
      text-align : center;
      display : block;
      margin : 0 5px;
      color : #333;
      padding-top : 6px;
      }
      .showpageArea a:hover {
      color : #333;
      margin : 0 5px;
      padding-top : 6px;
      }
      .showpageNum a {
      background : url(http://i190.photobucket.com/albums/z315/fyzue/buttonh.gif) no-repeat 0 0;
      width : 37px;
      height : 28px;
      display : block;
      text-align : center;
      float : left;
      margin : 0 5px;
      padding-top : 6px;
      text-decoration : none;
      color : #333;
      }
      .showpageNum a:hover {
      background : url(http://i190.photobucket.com/albums/z315/fyzue/buttonh.gif) no-repeat 0 100%;
      color : #fff;
      }
      .showpagePoint {
      background : url(http://i190.photobucket.com/albums/z315/fyzue/buttonh.gif) no-repeat 0 100%;
      width : 37px;
      height : 28px;
      display : block;
      float : left;
      text-align : center;
      margin : 0 5px;
      padding-top : 6px;
      font-weight : bold;
      color : #fff;
      }
      .showpageNum a:link, .showpage a:link {
      text-decoration : none;
      color : #cc0000;
      }

      </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=3;
      var displayPageNum=2;
      var firstPageWord = 'Depan';
      var endPageWord = 'Akhir';
      var upPageWord ='<<<';
      var downPageWord ='>>>';

      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"></span>'+upPageHtml+' '+html +' ';
      }
      }

      html = '<div class="showpageArea"><span style="color:#fff;" class="showpage"> Total '+(postNum-1)+': </span>'+html;

      if(thisNum<(postNum-1)){
      html += downPageHtml;

      }

      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>


      cara2 nak masukkan kod kedalam blog sila rujuk posting saya yg terdahulu kat sini yer....SINI..

      ape pun selamat mencuba yer....

    03 January 2009

    Memasang Search Form



    Tengok gambar kat atas, tu la dier Search Form...fungsinyer mengeledah blog kiter utk mencari ape2 aje asalkan ade lam blog kiter..

    caranyer senang bangat...memula Log in ke lam Blogger

    gi kat |Layout| --> |Page Element| --> Add a gadget

    pilih Add HTML / JAVASCRIPT lepas tu tampal kod kad bawah:-

    <form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="Go" type="submit"/></form>

    kalu jadi benda ni
    akan kuar..mudahkan kenyit
    selamat mencuba :ayuk:

    Sumber : Rias-techno

    21 December 2008

    Membuat "pos berkaitan" V.2

    Kalu aritu saya dah dapat cara nak wat "Related Post" gadjet, kali ni sya jupe gadjet yang sama fungsinya...bezanya, gadjet ni memaparkn "related post" pecah kepada tag@label yg ada dalam posting kite...cuba tgk gambar kat bawah
    Gambar diatas memaparkan link yang sama kerana saya menggunakan label Blogger hack & Tutorial utk setiap Posting Tersebut..Jadi kalu nak guna kod ni, saya nasihatkan jgn guna label yg banyak..@sengihnampakgigi


    Jika kamu ingin letakkannya dalam blog kamu, ikut prosedur dibawah:-

    1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|.
    Jangan lupa tanda pada kotak |Expand Widget Template|

    Okay cuba cari kod yang warna merah kat bawah:-

    <div class='post-body entry-content'>
    <data:post.body/>
    <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>


    Kalu dah jupe,letakkan kod dibawah selepas <data:post.body/> itu

    <b:if cond='data:blog.pageType == "item"'>
    <div class='similiar'>

    <div class='widget-content'>
    <h3>Related Posts :</h3>
    <div id='data2007'/><br/><br/>
    <script type='text/javascript'>

    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;

    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;


    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i ) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k ) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;

    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l &lt; json.feed.link.length; l ) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length 13);
    var k;
    for (k=0; k&lt;20; k ) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query &#39;feeds/posts/default/-/&#39;
    label
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    document.documentElement.firstChild.appendChild(script);
    }

    var labelArray = new Array();
    var numLabel = 0;

    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i )
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel ;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>

    </div>
    </b:if>


    Save Template dan cube tgk perubahan dalam blog anda....:smoke:

    Sumber : Kang Rohman @star

    20 December 2008

    MEngHiAs "Text"

    :kiss::what:

    Kalu duk tgk tulisan biase, bosan gak kan...jd kat sini saya nak ajar beberapa jenis hiasan selain drp Bold, Italic, tukar color yang biase digunakan...try tgk kat bawah contohnya:-

    1. Tulisan Blink-Blink

    2.Aku Potong


    3. Tulisan Marque :girl_9:

    4.
    "Yesterday is HISTORY.
    Tomorrow is MISTERY.
    Today is a GIFT.
    Thats why it is called PRESENT!"


    "INi AdalAH
    TuLIsan MArQueE
    StYLe ScrOLL

    "




    5.Marquee yg ada background
    marquee ada background berwarna

    Okay, ini kodnye...

    1. Tulisan Blink2
    <blink>Tulis Dalam Ni</blink>

    2.Tulisan Strike
    <strike>Tulis Di Sini</strike>
    atau
    <s>Tulis Di Sini</s>

    3.Tulisan Marquee
    <marquee>Tulis Dalam Ni</marquee>

    4.Tulisan Marquee Scroll
    <marquee scrolldelay="20 " direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1 " align="center">Tulis Dalam Ni</marquee>

    5.Marquee yg ada background
    <marquee behavior="alternate" bgcolor="#00ffcc" width="80%">marquee ada background berwarna</marquee>


    Ini antara yang saya tau buat, kalu ada lg...saya bgtau
    Cuba Buat ye...
    :pompom:

    19 December 2008

    Sonata Musim Salju

    Indahkan kalu tgk dlm tv...salji turun kat tepi ada pokok xde daun, jalan2 ngan awek plak..pegrh:girl_11:

    kat lam blog saya ni, nampak tak titik2 jatuh bak salju...cantik tak, 2 org panggil snow effect...kalu nak, awak log in dlm blogger dan klik button kat bawah ye.



    lepas 2 dier akan jd gadget kat sidebar nama "snow effect" kalu xnak tgk nama "snow effect" klik edit lps 2 delete nama "snow effect" dan save.

    Sumber : BloggerBusterPirate

    17 December 2008

    Background Tajuk Posting

    Meletakkan Latarbelakang pada Tajuk postingan ( blogmenjerit )
    lihat gambar diatas, Tajuk posting kita mempunyai background bg memudahkan pengunjung membezakan setiap posting yang dibuat.

    untuk membuatnya, sila ikut prosedur dibawah:-
    1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|

    Cari kod ini:-
    .post h3 {

    Tampalkan kod ini dibawahnya:-
    background:url(http://4.bp.blogspot.com/_ug2su064JjY/SUlewKKM5UI/AAAAAAAAAA4/mqnuLPC6nfU/s1600/grey.gif) repeat-x;

    Susunan kod akan kelihatan seperti dibawah
    .post h3 {
    background:url(http://4.bp.blogspot.com/_ug2su064JjY/SUlewKKM5UI/AAAAAAAAAA4/mqnuLPC6nfU/s1600/grey.gif) repeat-x;margin:0;
    line-height:1.5em;
    display:block;
    border:1px dotted $borderColor;
    border-width:0 1px 1px;
    color: $postTitleColor;
    font: $postTitleFont;
    }


    gantikan gambar background dgn menukarkan kod yang berwarna hijau


    Save Template dan tgk hasilnya.

    sumber : blogmenjerit