Layout4all

Test Blog Engine

noreply@blogger.com (Adnan Agnesa) — Sun, 21 Aug 2011 19:19:21 PDT

Encoder URL ke ASCII | Konversi URL ke PDF | Google Hacking

Move To Alonemisery[dot]Blogspot[dot]Com

noreply@blogger.com (Adnan Agnesa) — Tue, 24 May 2011 19:11:54 PDT

Move>>>http://alonemisery.blogspot.com/

selau menjadi plagiat

noreply@blogger.com (Adnan Agnesa) — Tue, 24 May 2011 19:00:56 PDT

Template blogger yang pernah aku cloning :

http://yogi-prasetiya.blogspot.com/

http://kokobotax.blogspot.com/

http://botzzz.blogspot.com/

http://hitsuke.blogspot.com/

maaf buat blogger2 diatas..aku cuma lagi belajar :(

hasil cloningan bisa diliat di :

http://alonemisery.blogspot.com/

Berbagai Format atau jenis kode Title(Judul) blog

noreply@blogger.com (Adnan Agnesa) — Mon, 07 Feb 2011 21:45:47 PST

Berbagai Format atau jenis kode Title(Judul) blog

1. Format Pertama
<title><data:blog.pageTitle/></title>

2. Format Kedua undefinedyang aq pakai)


<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>


3.Format Ketiga

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
</b:if>


4.Format Keempat

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>


silahkan pilih kode diatas sesuai selera anda.

Nb : kode2 diatas diletakan dibawah <b:include data='blog' name='all-head-content'/>

contoh :

Beberapa Kode b:if cond= Untuk Mengatur Tampilan Blog Anda

noreply@blogger.com (Adnan Agnesa) — Thu, 27 Jan 2011 00:36:35 PST

Ada banyak macam yang bisa digunakan dalam kode ini, namun saya hanya akan memberikan beberapa kode saja, dan anda sendiri dapat mengembangkannya.:

1.<b:if cond="data:blog.url == data:blog.homepageUrl"> ... </b:if>
Kode ini berfungsi agar tampilan hanya pada homepage atau halaman utama saja. Contohnya ada pada blog ini yaitu kotak pencariannya.

2.<b:if cond="data:blog.pageType != "item""> ... </b:if>
kode ini berfungsi agar tampilan ada pada homepage dan label atau kategori post. Contoh yang jelas di blog ini adalah kata-kata read more, dan juga panjang lebar kotak posting yang lebih kecil.

3.<b:if cond="data:blog.pageType == "item""> ... </b:if>
Kode ini berfungsi agar tampilan hanya ada ketika kita membaca posting blog saja. Contoh yang paling sederhana adalah kotak komentar yang terdapat dibawah posting. undefinedkode ini kebalikan dari kode ke 2)

4.<b:if cond="data:blog.url != data:blog.homepageUrl"> ... </b:if>
Kode ini berfungsi agar tampilan ada pada kategori atau label dan posting. Contohnya kebetulan saya tidak memakainya. :). Fungsi ini kebalikan dari kode ke 1.

5.<b:if cond="data:blog.url == "url postingnya disini""> ... </b:if>
Kode ini berfungsi agar tampilan ada ketika kita membaca posting tertentu. Anda tinggal mengganti kata yang bercetak tebal dengan url posting anda.

Template Alonemisery

noreply@blogger.com (Adnan Agnesa) — Sun, 23 Jan 2011 23:34:31 PST

Template Alonemisery

akhirnya jadi juga template nya.. walaupun jadi plagiat c..hehehehhe

DEMO

Bikin Blogroll Kamu Jadi nofollow

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:59:59 PST

bikin blogroll kamu jadi nofollow? begini caranya :
1.Login -- dashboard--> layout- -> Edit HTML

2.klik "Expand Widget Templates"

3.Cari kode Blogroll widget code : <b:widget id='BlogList

ne contoh kode yang bakalan kamu liat

<b:widget id='BlogList1' locked='false' title='Blogroll' type='BlogList'>
<b:includable id='main'>
 <!-- only display title if it's non-empty -->
 <b:if cond='data:title != &quot;&quot;'>
   <div id='blog-list-title'>
     <h2 class='title'><data:title/></h2>
   </div>
 </b:if>

 <div class='widget-content'>
   <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
     <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
       <b:loop values='data:items' var='item'>
         <li expr:style='data:item.displayStyle'>
           <div class='blog-icon'>
             <b:if cond='data:showIcon == &quot;true&quot;'>
               <input expr:value='data:item.blogIconUrl' type='hidden'/>
             </b:if>
           </div>
           <div class='blog-content'>
             <div class='blog-title'>
               <a expr:href='data:item.blogUrl' target='_blank'>
                 <data:item.blogTitle/></a>
             </div>
             <div class='item-content'>
               <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
                 <b:if cond='data:item.itemThumbnail'>
                   <div class='item-thumbnail'>
                     <a expr:href='data:item.blogUrl' target='_blank'>
                       <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
                     </a>
                   </div>
                 </b:if>
               </b:if>
               <b:if cond='data:showItemTitle == &quot;true&quot;'>
                 <span class='item-title'>
                   <b:if cond='data:item.itemUrl != &quot;&quot;'>
                     <a expr:href='data:item.itemUrl' target='_blank'>
                       <data:item.itemTitle/></a>
                   <b:else/>
                     <data:item.itemTitle/>
                   </b:if>
                 </span>
               </b:if>
               <b:if cond='data:showItemSnippet == &quot;true&quot;'>
                 <b:if cond='data:showItemTitle == &quot;true&quot;'>
                   -
                 </b:if>
                 <span class='item-snippet'>
                   <data:item.itemSnippet/>
                 </span>
               </b:if>
               <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
                 <div class='item-time'>
                   <data:item.timePeriodSinceLastUpdate/>
                 </div>
               </b:if>
             </div>
           </div>
           <div style='clear: both;'/>
         </li>
       </b:loop>
     </ul>

     <b:if cond='data:numItemsToShow != 0'>
       <b:if cond='data:totalItems &gt; data:numItemsToShow'>
         <div class='show-option'>
           <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
             <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
           </span>
           <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
             <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
           </span>
         </div>
       </b:if>
     </b:if>

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

4.tambahkan rel='nofollow' pada blogroll widget ,kodenya jadinya seperti ini:

<b:widget id='BlogList1' locked='false' title='Blogroll' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
  <div id='blog-list-title'>
    <h2 class='title'><data:title/></h2>
  </div>
</b:if>

<div class='widget-content'>
  <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
    <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
      <b:loop values='data:items' var='item'>
        <li expr:style='data:item.displayStyle'>
          <div class='blog-icon'>
            <b:if cond='data:showIcon == &quot;true&quot;'>
              <input expr:value='data:item.blogIconUrl' type='hidden'/>
            </b:if>
          </div>
          <div class='blog-content'>
            <div class='blog-title'>
              <a expr:href='data:item.blogUrl' rel='nofollow' target='_blank'>
                <data:item.blogTitle/></a>
            </div>
            <div class='item-content'>
              <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
                <b:if cond='data:item.itemThumbnail'>
                  <div class='item-thumbnail'>
                    <a expr:href='data:item.blogUrl' rel='nofollow' target='_blank'>
                      <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
                    </a>
                  </div>
                </b:if>
              </b:if>
              <b:if cond='data:showItemTitle == &quot;true&quot;'>
                <span class='item-title'>
                  <b:if cond='data:item.itemUrl != &quot;&quot;'>
                    <a expr:href='data:item.itemUrl' rel='nofollow' target='_blank'>
                      <data:item.itemTitle/></a>
                  <b:else/>
                    <data:item.itemTitle/>
                  </b:if>
                </span>
              </b:if>
              <b:if cond='data:showItemSnippet == &quot;true&quot;'>
                <b:if cond='data:showItemTitle == &quot;true&quot;'>
                  -
                </b:if>
                <span class='item-snippet'>
                  <data:item.itemSnippet/>
                </span>
              </b:if>
              <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
                <div class='item-time'>
                  <data:item.timePeriodSinceLastUpdate/>
                </div>
              </b:if>
            </div>
          </div>
          <div style='clear: both;'/>
        </li>
      </b:loop>
    </ul>

    <b:if cond='data:numItemsToShow != 0'>
      <b:if cond='data:totalItems &gt; data:numItemsToShow'>
        <div class='show-option'>
          <span expr:id='data:widget.instanceId + &quot;_show-n&quot;' style='display: none;'>
            <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
          </span>
          <span expr:id='data:widget.instanceId + &quot;_show-all&quot;' style='margin-left: 5px;'>
            <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
          </span>
        </div>
      </b:if>
    </b:if>

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

5.simpan template kamu.

cara bikin widget mu tampil di home saja

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:59:35 PST

cara bikin widget mu tampil di home saja:

1.Log in blogger

2.Dashboard--> Design- ->Edit HTML

3.Klick pada "Expand Widget Templates".

3.cari widget code( contoh : cari widget ID 'HTML4'). contoh seperti ini:

------------------------------------------------------

<b:widget id='HTML4' locked='false' title='Latest News' type='HTML'>
<b:includable id='main'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:includable>
</b:widget>

-------------------------------------------------------------

4.sekarang tambahkan,

<b:if cond='data:blog.url == data:blog.homepageUrl'> widget code mu </b:if> contoh nya seperti ini:

-------------------------------------------------------------

<b:widget id='HTML4' locked='false' title='Latest News' type='HTML'>
<b:includable id='main'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>


<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>

</b:if>

</b:includable>
</b:widget>

------------------------------------------------------------------

sekian

cara bikin postingan mu ada backgroundnya

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:59:12 PST

copy paste kode dibawah ini d postinganmu--pilih edit html ( bukan yg compose):

<div style="padding: 10px; background: transparent url(http://i1002.photobucket.com/albums/af149/Imtikhan/background_posting.jpg) no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(0, 0, 0); -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;"><br>TARUH POSTINGANMU DISINI<br>
<br>
</div>

nb :
http://i1002.photobucket.com/albums/af149/Imtikhan/background_posting.jpg

bisa d ganti link foto kamu lhooo

Link pelangi a.k.a rainbow

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:58:44 PST

Contoh blog yang menggunakan link pelangi adalah http://kesmas-unsoed.blogspot.com/
langsung saja ke tutorialnya:

1.Log in blogger

2.Dashboard--> Design- ->Edit HTML

3.Cari kode </head>

4.Pasang kode dibawah ini SEBELUM kode </head>

<script src='http://kesmas.googlecode.com/files/rainbow.js' type='text/javascript'></script>

5. Sekarang liat hasilnya. Bagus kan...hhehehhe

Bikin Background pada Follower kamu

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:53:34 PST

Follower pada blog q keren kan..motifnya bunga

langsung saja ke tutorialnya.
1.login blogger
2.Dashboard--> Design- ->Edit HTML
3.cari kode ]]></b:skin>
4. masukan kode dibawah SEBELUM kode ]]></b:skin>

#Followers1 h2 {background:transparent url(http://3.bp.blogspot.com/_rgHYBmPCWo4/TLAEm5wF0sI/AAAAAAAADFg/6SyKNVMUp-o/s1600/members2.png) no-repeat scroll left top;
height:32px;margin-bottom:-5px;text-indent:-9999px;}
#Followers1-wrapper {
background-image: url(http://1.bp.blogspot.com/_TbPDE8RU3hE/TN-0Mq4wfXI/AAAAAAAAAgM/AqN_g2sZyIg/s1600/fbg.png);
color:#555147;width: 290px;height: 320px;);}
.foot-block {
line-height: 14px; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px !important; color: #5f5f5f !important;
width: 260px;height: 222px;padding: 17px;
-webkit-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow:1px 1px 10px 1px rgba(0, 0, 0, 0.1);}

5.save dan liat hasilnya

NB : kamu bisa ganti backgrounya dgn ganti link http://1.bp.blogspot.com/_TbPDE8RU3hE/TN-0Mq4wfXI/AAAAAAAAAgM/AqN_g2sZyIg/s1600/fbg.png dengan link gambar kamu

anti klik kanan

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:53:10 PST

untuk bikin anti klik kanan pada blog kamu caranya tinggal copy paste kode dbawah ini dan simpan d widget km---> html/javascript

or edit html--->letakkan kode ini d atas </head>

<script type="text/javascript">
// no right klick
var msg = "OopSs..[anti klik kanan by alonemisery ]!!";
/////////////////////////////////////////////////////////
function clickIE4()
{if (event.button == 2)
{alert(msg);
return false;
}
}
function clickNS4(e)
{if (document.layers || document.getElementById && ! document.all)
{if (e.which == 2 || e.which == 3)
{alert(msg);
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(msg);top.location.href = 'http://alonemisery.blogspot.com';return false");
</script>

Bikin Artikel Berhubungan Pada Blogspot

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:52:31 PST

1. Login dulu ke blog kamu

2. Pilih menu "Rancangan - Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template" .

4. Setelah itu cari kode ini <data:post.body/> dan letakkan script dibawah ini setelah kode tersebut.

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

<div class='similiar'>

<div class='widget-content'>

<h3>Related Posts by Categories</h3>

<div id='data2007'/><br/><br/>

<script type='text/javascript'>

var homeUrl3 = "<data:blog.homepageUrl/>";

var maxNumberOfPostsPerLabel = 4;

var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;

maxNumberOfLabels = 3;

function listEntries10(json) {

var ul = document.createElement('ul');

var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?

json.feed.entry.length : maxNumberOfPostsPerLabel;

for (var i = 0; i < maxPosts; i++) {

var entry = json.feed.entry[i];

var alturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

alturl = entry.link[k].href;

break;

}

}

var li = document.createElement('li');

var a = document.createElement('a');

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 < json.feed.link.length; l++) {

if (json.feed.link[l].rel == 'alternate') {

var raw = json.feed.link[l].href;

var label = raw.substr(homeUrl3.length+13);

var k;

for (k=0; k<20; k++) label = label.replace("%20", " ");

var txt = document.createTextNode(label);

var h = document.createElement('b');

h.appendChild(txt);

var div1 = document.createElement('div');

div1.appendChild(h);

div1.appendChild(ul);

document.getElementById('data2007').appendChild(div1);

}

}

}

function search10(query, label) {

var script = document.createElement('script');

script.setAttribute('src', query + 'feeds/posts/default/-/'

+ label +

'?alt=json-in-script&callback=listEntries10');

script.setAttribute('type', 'text/javascript');

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 = "<data:label.name/>";

var test = 0;

for (var i = 0; i < labelArray.length; i++)

if (labelArray[i] == textLabel) test = 1;

if (test == 0) {

labelArray.push(textLabel);

var maxLabels = (labelArray.length <= maxNumberOfLabels) ?

labelArray.length : maxNumberOfLabels;

if (numLabel < maxLabels) {

search10(homeUrl3, textLabel);

numLabel++;

}

}

</b:loop>

</b:loop>

</script>

</div>

</div>

</b:if>

<div id='alonemisery'>
<b>Get This Widget <u><a href='http://www.mikro-usaha.co.cc/2010/11/bikin-artikel-berhubungan-pada-blogspot.html'> Here </a></u></b>
</div>

Note: Untuk blog yang ada "readmore"nya biasanya akan terdapat 2 kode. Nha km taruhnya di bawah kode yang pertama.

5. Kalo sudah simpan (SAVE) template kamu dan lihat hasilnya.

Efek gempa pada blog kamu

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:52:06 PST

Langkah-langkah pasang efek gempa bumi pada blog kamu
1.Log in blogger

2.Dashboard--> Design- ->Edit HTML

3.Cari kode </head>

4.Pasang kode dibawah ini SEBELUM kode </head>

<script type="text/javascript"> function Shw(n) {if (self.moveBy) {for (i = 77; i > 0; i--) {for (j = n; j > 0; j--) {self.moveBy(1,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0); } } }} Shw(14) </script>

5. Sekarang ltinggal d coba y

Anti Copy

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:51:26 PST

Sebel g c..lo postingan kita d copas gt aja ma orang lain.untuk itu pasang aja kode dbawah ini..langsung ke tutorialnya y..

1.Log in blogger

2.Dashboard--> Design- ->Edit HTML

3.Cari kode </head>

4.Pasang kode dibawah ini SEBELUM kode </head>

<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

5. Sekarang ltinggal d coba y

efek hujan salju pada blog kamu

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:50:18 PST

Langkah-langkah pasang efekHujan Salju pada blog kamu
1.Log in blogger

2.Dashboard--> Design- ->Edit HTML

3.Cari kode </head>

4.Pasang kode dibawah ini SEBELUM kode </head>

<SCRIPT language="JavaScript"> if ((document.getElementById) && window.addEventListener || window.attachEvent){ (function(){ var num = 10; var timer = 10; var enableinNS6 = 1 var y = []; var x = []; var fall = []; var theFlakes = []; var sfs = []; var step = []; var currStep = []; var h,w,r; var d = document; var pix = "px"; var domWw = (typeof window.innerWidth == "number"); var domSy = (typeof window.pageYOffset == "number"); var idx = d.getElementsByTagName('div').length; if (d.documentElement.style && typeof d.documentElement.style.MozOpacity == "string") num = 12; for (i = 0; i < num; i++){ sfs[i] = Math.round(1 + Math.random() * 1); document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:' +sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>'); currStep[i] = 0; fall[i] = (sfs[i] == 1)? Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); step[i] = (sfs[i] == 1)? 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; } if (domWw) r = window; else{ if (d.documentElement && typeof d.documentElement.clientWidth == "number" && d.documentElement.clientWidth != 0) r = d.documentElement; else{ if (d.body && typeof d.body.clientWidth == "number") r = d.body; } } function winsize(){ var oh,sy,ow,sx,rh,rw; if (domWw){ if (d.documentElement && d.defaultView && typeof d.defaultView.scrollMaxY == "number"){ oh = d.documentElement.offsetHeight; sy = d.defaultView.scrollMaxY; ow = d.documentElement.offsetWidth; sx = d.defaultView.scrollMaxX; rh = oh-sy; rw = ow-sx; } else{ rh = r.innerHeight; rw = r.innerWidth; } h = rh - 2; w = rw - 2; } else{ h = r.clientHeight - 2; w = r.clientWidth - 2; } } function scrl(yx){ var y,x; if (domSy){ y = r.pageYOffset; x = r.pageXOffset; } else{ y = r.scrollTop; x = r.scrollLeft; } return (yx == 0)?y:x; } function snow(){ var dy,dx; for (i = 0; i < num; i++){ dy = fall[i]; dx = fall[i] * Math.cos(currStep[i]); y[i]+=dy; x[i]+=dx; if (x[i] >= w || y[i] >= h){ y[i] = -10; x[i] = Math.round(Math.random() * w); fall[i] = (sfs[i] == 1)? Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2); step[i] = (sfs[i] == 1)? 0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ; } theFlakes[i].top = y[i] + scrl(0) + pix; theFlakes[i].left = x[i] + scrl(1) + pix; currStep[i]+=step[i]; } setTimeout(snow,timer); } function init(){ winsize(); for (i = 0; i < num; i++){ theFlakes[i] = document.getElementById("flake"+(idx+i)).style; y[i] = Math.round(Math.random()*h); x[i] = Math.round(Math.random()*w); } snow(); } if (window.addEventListener){ window.addEventListener("resize",winsize,false); window.addEventListener("load",init,false); } else if (window.attachEvent){ window.attachEvent("onresize",winsize); window.attachEvent("onload",init); } })(); } </SCRIPT>

5. Sekarang ltinggal d coba y

ucapan berdasarkan waktu

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:49:48 PST

Caranya gampang k, tinggal copy code dbawah ini ,terus paste di widget (html/javascript) kamu.

<script>
var Digital=new Date()
var hours=Digital.getHours()

//Silahkan sesuaikan dengan pesan yang Anda inginkan
if (hours>=5&&hours<=11)
//pesan pagi hari (05.00-11.00)
document.write('<b><blink>Selamat Pagi! Terima Kasih Sudah Berkunjung</b></blink>')
else if (hours==12)
//pesan siang hari (12.00)
document.write('<b>Selamat Siang ! Terima Kasih telah berkunjung</b>')
else if (hours>=13&&hours<=17)
//pesan sore hari(13.00-17.00)
document.write('<b>Selamat Sore! Terima Kasih Sudah Berkunjung.</b>')
else if (hours>=18&&hours<=20)
//pesan petang hari (18.oo-20.00)
document.write('<b>Selamat Petang! Terima Kasih Sudah Berkunjung</b>')
else if (hours>=21&&hours<=23)
//pesan malam hari (21.00-23.00)
document.write('<b>Selamat Malam! Terima Kasih Sudah Berkunjung</b>')
else if (hours>=24&&hours<=04)
//pesan malam menjelang pagi(00.00-04.00)
document.write('<b>Wow, Sudah Larut Malam Anda Masih Sempat Berkunjung, Terima Kasih!</b>')
//edit by http:
//http://kesmas-unsoed.blogspot.com
</script>

CONTOH :

Cara bikin recent post thumbnail

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:48:51 PST

cara bikin recent post (hanya thumbnailnya saja). caranya gampang k.tinggal copy kode d bawah ini, terus add new widget (html/javascript), terus paste kode disitu.

<script language='javascript'>
imgr = new Array();
showRandomImg = true;
tablewidth =0;
cellspacing = 0;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 50;
imgheight =60;

fntsize = 12;
acolor = "#000";
aBold = true;
icon = " ";

text = "";
fsize= "11";

showPostDate = false;

summaryPost = 60;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 20;

home_page =

"http://mikro-usaha.co.cc";
</script>
<script src='http://industrimikro.googlecode.com/files/xthumbnail.js' type='text/javascript'/></script>

nb: ganti http://mikro-usaha.co.cc dengan url blog kamu.

Flynet 2 Template Blogger

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:27:10 PST

Flynet2 DEMO

Copy dan paste code dibawah ini pada edit template anda

     <?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br />   <head><br /> <br /> <link href='http://layout4all.googlepages.com/fly02.css' rel='stylesheet' type='text/css'/><br />     <b:include data='blog' name='all-head-content'/><br />     <title><data:blog.pageTitle/></title><br />     <b:skin><![CDATA[/*<br /> -----------------------------------------------<br /> Blogger Template Style layout4all blogspot<br /> Name:    Fly-Net-02<br /> Designer: Abdul Munir<br /> URL:      http://layout4all.blogspot.com<br /> Date:     2007<br /> Updated by: Blogger Team<br /> ----------------------------------------------- */<br /> ]]></b:skin><br />   </head><br />   <body><br />   <div id='outer-wrapper'><div id='wrap2'><br />     <!-- skip links for text browsers --><br />     <span id='skiplinks' style='display:none;'><br />       <a href='#main'>skip to main </a> |<br />       <a href='#sidebar'>skip to sidebar</a><br />     </span><br /> <div class='wrapper'><br />   <div id='menu'><br />    <ul id='nav'><br />     <li class='current-page-item'><br />      <a expr:href='data:blog.homepageUrl'><br />       <span class='menu-left'/><br />       <span class='menu-mid'><br />        <span class='menu-caption'>Blog</span><br />       </span><br />       <span class='menu-right'/><br />      </a><br />     </li><br />     <li class='page-item'><br />      <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'><br />       <span class='menu-left'/><br />       <span class='menu-mid'><br />        <span class='menu-caption'>Entries undefinedRSS)</span><br />       </span><br />       <span class='menu-right'/><br />      </a><br />     </li><br />     <li class='page-item'><br />      <a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'><br />       <span class='menu-left'/><br />       <span class='menu-mid'><br />        <span class='menu-caption'>Comments undefinedRSS)</span><br />       </span><br />       <span class='menu-right'/><br />      </a><br />      <ul><br />       <li class='page-item'><br />        <a href='#' title='Mac'><br />         <span class='menu-left'/><br />         <span class='menu-mid'><br />          <span class='menu-caption'>Edit</span><br />         </span><br />         <span class='menu-right'/><br />        </a><br />       </li><br />       <li class='page-item'><br />        <a href='#' title='WP'><br />         <span class='menu-left'/><br />         <span class='menu-mid'><br />          <span class='menu-caption'>WordPress</span><br />         </span><br />         <span class='menu-right'/><br />        </a><br />        <ul><br />         <li class='page-item'><br />          <a href='#' title='Mac'><br />           <span class='menu-left'/><br />           <span class='menu-mid'><br />            <span class='menu-caption'>Themes</span><br />           </span><br />           <span class='menu-right'/><br />          </a><br />         </li><br />         <li class='page-item'><br />          <a href='#' title='WP'><br />           <span class='menu-left'/><br />           <span class='menu-mid'><br />            <span class='menu-caption'>Plugins</span><br />           </span><br />           <span class='menu-right'/><br />          </a><br />         </li><br />        </ul><br />       </li><br />      </ul><br />     </li><br />     <li class='page-item'><br />      <a href='#' title='undefinedAn)archÃ­vum'><br />       <span class='menu-left'/><br />       <span class='menu-mid'><br />        <span class='menu-caption'>Edit</span><br />       </span><br />       <span class='menu-right'/><br />      </a><br />     </li><br />     <li class='page-item'><br />      <a href='#' title='Kontakt'><br />       <span class='menu-left'/><br />       <span class='menu-mid'><br />        <span class='menu-caption'>Edit</span><br />       </span><br />       <span class='menu-right'/><br />      </a><br />      <ul><br />       <li class='page-item'><br />        <a href='http://layout4all.blogspot.com' title='About Me'><br />         <span class='menu-left'/><br />         <span class='menu-mid'><br />          <span class='menu-caption'>About Me</span><br />         </span><br />         <span class='menu-right'/><br />        </a><br />       </li><br />      </ul><br />     </li><br />    </ul><br />   <br /> <iframe frameborder='0' height='320' scrolling='auto' src='http://www.template-help.com/screenshots/12100/12132.html' style='width: 768px;'/><br /> <br />       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='FlyNet 02 undefinedHeader)' type='Header'><br /> <b:includable id='title'><br />   <b:if cond='data:blog.url == data:blog.homepageUrl'><br />     <data:title/><br />   <b:else/><br />     <a expr:href='data:blog.homepageUrl'><data:title/></a><br />   </b:if><br /> </b:includable><br /> <b:includable id='description'><br />   <div class='descriptionwrapper'><br />     <p class='description'><span><data:description/></span></p><br />   </div><br /> </b:includable><br /> <b:includable id='main'><br /> <br />   <b:if cond='data:useImage'><br />     <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'><br />       <!--Show just the image, no text--><br />       <div id='header-inner'><br />         <a expr:href='data:blog.homepageUrl' style='display: block'><br />           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/><br />         </a><br />       </div><br />     <b:else/><br />       <!--Show image as background to text--><br />       <div expr:style='&quot;background-image: urlundefined\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-repeat: no-repeat; &quot;                      + &quot;width: &quot; + data:width + &quot;px; &quot;                      + &quot;height: &quot; + data:height + &quot;px;&quot;' id='header-inner'><br />         <div class='titlewrapper' style='background: transparent'><br />           <h1 class='title' style='background: transparent; border-width: 0px'><br />             <b:if cond='data:blog.url == data:blog.homepageUrl'><br />               <data:title/><br />             <b:else/><br />               <a expr:href='data:blog.homepageUrl'><data:title/></a><br />             </b:if><br />           </h1><br />         </div><br />         <div class='descriptionwrapper'><br />           <p class='description'><span><data:description/></span></p><br />         </div><br />       </div><br />     </b:if><br />   <b:else/><br />     <!--No header image --><br />     <div id='header-inner'><br />       <div class='titlewrapper'><br />         <h1 class='title'><br />           <b:if cond='data:blog.url == data:blog.homepageUrl'><br />             <data:title/><br />           <b:else/><br />             <a expr:href='data:blog.homepageUrl'><data:title/></a><br />           </b:if><br />         </h1><br />       </div><br />       <div class='descriptionwrapper'><br />         <p class='description'><span><data:description/></span></p><br />       </div><br />     </div><br />   </b:if><br /> </b:includable><br /> </b:widget><br /> </b:section><br />     </div><br />  </div><br /> <div id='content-wrapper'><br />       <div id='crosscol-wrapper' style='text-align:center'><br />         <b:section class='crosscol' id='crosscol' showaddelement='no'/><br />       </div><br />       <div id='main-wrapper'><br />         <b:section class='main' id='mainatas' showaddelement='no'/><br />         <b:section class='main' id='mainbawah' showaddelement='no'><br /> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'><br /> <b:includable id='main'><br />     <b:if cond='data:title != &quot;&quot;'><br />       <h2><data:title/></h2><br />     </b:if><br />     <div class='widget-content'><br />     <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile --><br />       <ul><br />         <b:loop values='data:authors' var='i'><br />           <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li><br />         </b:loop><br />       </ul><br /> <br />       <b:else/> <!-- normal blog profile --><br /> <br />       <b:if cond='data:photo.url != &quot;&quot;'><br />         <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a><br />       </b:if><br /> <br />       <dl class='profile-datablock'><br />         <dt class='profile-data'><data:displayname/></dt><br /> <br />         <b:if cond='data:showlocation == &quot;true&quot;'><br />           <dd class='profile-data'><data:location/></dd><br />         </b:if><br /> <br />         <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if><br />       </dl><br />       <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a><br />     </b:if><br /> <br />      <b:include name='quickedit'/><br />     </div><br />   </b:includable><br /> </b:widget><br /> <b:widget id='HTML3' locked='false' title='' type='HTML'><br /> <b:includable id='main'><br />   <!-- only display title if it's non-empty --><br />   <b:if cond='data:title != &quot;&quot;'><br />     <h2 class='title'><data:title/></h2><br />   </b:if><br />   <div class='widget-content'><br />     <data:content/><br />   </div><br /> <br />   <b:include name='quickedit'/><br /> </b:includable><br /> </b:widget><br /> </b:section><br />       </div><br />       <div id='sidebar-wrapper'><br />         <b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='HTML2' locked='false' title='Sponsor' type='HTML'><br /> <b:includable id='main'><br />   <!-- only display title if it's non-empty --><br />   <b:if cond='data:title != &quot;&quot;'><br />     <h2 class='title'><data:title/></h2><br />   </b:if><br />   <div class='widget-content'><br />     <data:content/><br />   </div><br /> <br />   <b:include name='quickedit'/><br /> </b:includable><br /> </b:widget><br /> <b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'><br /> <b:includable id='main'><br />  <div class='widget-content'><br />     <a href='http://www.blogger.com'><img alt='Powered By Blogger' expr:src='data:fullButton'/></a><br />     <b:include name='quickedit'/><br />   </div><br /> </b:includable><br /> </b:widget><br /> <b:widget id='LinkList1' locked='false' title='Links' type='LinkList'><br /> <b:includable id='main'><br /> <br /> <b:if cond='data:title'><h2><data:title/></h2></b:if><br />  <div class='widget-content'><br />    <ul><br />      <b:loop values='data:links' var='link'><br />        <li><a expr:href='data:link.target'><data:link.name/></a></li><br />      </b:loop><br />    </ul><br />    <b:include name='quickedit'/><br />  </div><br /> </b:includable><br /> </b:widget><br /> <b:widget id='Feed1' locked='false' title='Layout for all' type='Feed'><br /> <b:includable id='main'><br />     <h2><data:title/></h2><br />     <div class='widget-content'><br />     <ul expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'><br />       <b:loop values='data:feedData.items' var='i'><br />         <li><br />           <span class='item-title'><br />             <a expr:href='data:i.alternate.href'><br />               <data:i.title/><br />             </a><br />           </span><br />           <b:if cond='data:showItemDate'><br />             <b:if cond='data:i.str_published != &quot;&quot;'><br />               <span class='item-date'><br />                 &#160;-&#160;<data:i.str_published/><br />               </span><br />             </b:if><br />           </b:if><br />           <b:if cond='data:showItemAuthor'><br />             <b:if cond='data:i.author != &quot;&quot;'><br />               <span class='item-author'><br />                 &#160;-&#160;<data:i.author/><br />               </span><br />             </b:if><br />           </b:if><br />         </li><br />       </b:loop><br />     </ul><br />     <b:include name='quickedit'/><br />     </div><br />   </b:includable><br /> </b:widget><br /> </b:section><br /> <b:section class='sidebar' id='sidebar2' preferred='yes'><br /> <b:widget id='BlogArchive1' locked='false' title='Arsip blog' type='BlogArchive'><br /> <b:includable id='toggle' var='interval'><br />   <b:if cond='data:interval.toggleId'><br />   <b:if cond='data:interval.expclass == &quot;expanded&quot;'><br />     <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +       &quot;&amp;dir=close&amp;toggle=&quot; + data:interval.toggleId +       &quot;&amp;toggleopen=&quot; + data:toggleopen'><br />         <span class='zippy toggle-open'>&#9660; </span><br />     </a><br />   <b:else/><br />     <a class='toggle' expr:href='data:widget.actionUrl + &quot;&amp;action=toggle&quot; +         &quot;&amp;dir=open&amp;toggle=&quot; + data:interval.toggleId +         &quot;&amp;toggleopen=&quot; + data:toggleopen'><br />           <span class='zippy'>&#9658; </span><br />     </a><br />   </b:if><br />  </b:if><br /> </b:includable><br /> <b:includable id='interval' var='intervalData'><br />   <b:loop values='data:intervalData' var='i'><br />       <ul><br />         <li expr:class='&quot;archivedate &quot; + data:i.expclass'><br />           <b:include data='i' name='toggle'/><br />           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a><br />             undefined<span class='post-count'><data:i.post-count/></span>)<br />           <b:if cond='data:i.data'><br />             <b:include data='i.data' name='interval'/><br />           </b:if><br />           <b:if cond='data:i.posts'><br />             <b:include data='i.posts' name='posts'/><br />           </b:if><br />         </li><br />       </ul><br />   </b:loop><br /> </b:includable><br /> <b:includable id='menu' var='data'><br />   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'><br />     <option value=''><data:title/></option><br />     <b:loop values='data:data' var='i'><br />       <option expr:value='data:i.url'><data:i.name/> undefined<data:i.post-count/>)</option><br />     </b:loop><br />   </select><br /> </b:includable><br /> <b:includable id='flat' var='data'><br />   <ul><br />     <b:loop values='data:data' var='i'><br />       <li class='archivedate'><br />         <a expr:href='data:i.url'><data:i.name/></a> undefined<data:i.post-count/>)<br />       </li><br />     </b:loop><br />   </ul><br /> </b:includable><br /> <b:includable id='posts' var='posts'><br />   <ul class='posts'><br />     <b:loop values='data:posts' var='i'><br />       <li><a expr:href='data:i.url'><data:i.title/></a></li><br />     </b:loop><br />   </ul><br /> </b:includable><br /> <b:includable id='main'><br />   <b:if cond='data:title'><br />     <h2><data:title/></h2><br />   </b:if><br />   <div class='widget-content'><br />   <div id='ArchiveList'><br />   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'><br />     <b:if cond='data:style == &quot;HIERARCHY&quot;'><br />      <b:include data='data' name='interval'/><br />     </b:if><br />     <b:if cond='data:style == &quot;FLAT&quot;'><br />       <b:include data='data' name='flat'/><br />     </b:if><br />     <b:if cond='data:style == &quot;MENU&quot;'><br />       <b:include data='data' name='menu'/><br />     </b:if><br />   </div><br />   </div><br />   <b:include name='quickedit'/><br />   </div><br /> </b:includable><br /> </b:widget><br /> </b:section><br /> <b:section class='sidebar' id='sidebar3' preferred='yes'><br /> <b:widget id='Label1' locked='false' title='label' type='Label'><br /> <b:includable id='main'><br />   <b:if cond='data:title'><br />     <h2><data:title/></h2><br />   </b:if><br />   <div class='widget-content'><br />     <ul><br />     <b:loop values='data:labels' var='label'><br />       <li><br />         <b:if cond='data:blog.url == data:label.url'><br />           <data:label.name/><br />         <b:else/><br />           <a expr:href='data:label.url'><data:label.name/></a><br />         </b:if><br />         undefined<data:label.count/>)<br />       </li><br />     </b:loop><br />     </ul><br /> <br />     <b:include name='quickedit'/><br />   </div><br /> </b:includable><br /> </b:widget><br /> </b:section><br />    </div> <br /> <div id='main-post'><br />         <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'><br /> <b:includable id='nextprev'><br />   <div class='blog-pager' id='blog-pager'><br />     <b:if cond='data:newerPageUrl'><br />       <span id='blog-pager-newer-link'><br />       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><Kembali/></a><br />       </span><br />     </b:if><br /> <br />     <b:if cond='data:olderPageUrl'><br />       <span id='blog-pager-older-link'><br />       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><Lanjut/></a><br />       </span><br />     </b:if><br /> <br />     <b:if cond='data:blog.homepageUrl != data:blog.url'><br />       <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />       <b:else/><br />       <b:if cond='data:newerPageUrl'><br />         <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a><br />       </b:if><br />     </b:if><br /> <br />   </div><br />   <div class='clear'/><br /> </b:includable><br /> <b:includable id='backlinks' var='post'><br />   <a name='links'/><h4><data:post.backlinksLabel/></h4><br />   <b:if cond='data:post.numBacklinks != 0'><br />     <dl class='comments-block' id='comments-block'><br />       <b:loop values='data:post.backlinks' var='backlink'><br />         <div class='collapsed-backlink backlink-control'><br />           <dt class='comment-title'> <br />             <span class='backlink-toggle-zippy'>&#160;</span><br />             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a><br />             <b:include data='backlink' name='backlinkDeleteIcon'/><br />           </dt><br />           <dd class='comment-body collapseable'><br />             <data:backlink.snippet/><br />           </dd><br />           <dd class='comment-footer collapseable'><br />             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span><br />             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span><br />           </dd><br />         </div><br />       </b:loop><br />     </dl><br />   </b:if><br />   <p class='comment-footer'><br />     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a><br />   </p><br /> </b:includable><br /> <b:includable id='post' var='post'><br /> <br /> <br />   <div class='post hentry uncustomized-post-template'><div class='posthead'><br />     <a expr:name='data:post.id'/><br />     <b:if cond='data:post.title'><br />       <h3 class='post-title entry-title'><br />      <b:if cond='data:post.link'><br />        <a expr:href='data:post.link'><data:post.title/></a><br />      <b:else/><br />         <b:if cond='data:post.url'><br />           <a expr:href='data:post.url'><data:post.title/></a><br />         <b:else/><br />           <data:post.title/><br />         </b:if><br />      </b:if><br />       </h3><br />     </b:if><br /> <br />       <small><span class='post-author vcard'><br />         <b:if cond='data:top.showAuthor'><br />           <data:top.authorLabel/><br />           <span class='fn'><data:post.author/></span><br />         </b:if><br />       </span><br /> <br />       <span class='post-timestamp'><br />         <b:if cond='data:top.showTimestamp'><br />           <data:top.timestampLabel/><br />         <b:if cond='data:post.url'><br />           <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a><br />         </b:if><br />         </b:if><br />       </span></small><br /> <br /> <br /> <br /> </div><br /> <br />     <div class='post-header-line-1'/><br /> <br />     <div class='post-body entry-content'><br />       <p><data:post.body/></p><br />       <div style='clear: both;'/> <!-- clear for photos floats --><br />     </div><br />     <div class='post-footer'><br />     <p class='post-footer-line post-footer-line-1'><br /> <br />       <span class='post-comment-link'><br />         <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <br />           <b:if cond='data:post.allowComments'><br />             <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br />           </b:if><br />         </b:if><br />       </span><br /> <br />        <!-- backlinks --><br />        <span class='post-backlinks post-comment-link'><br />          <b:if cond='data:blog.pageType != &quot;item&quot;'><br />            <b:if cond='data:post.showBacklinks'><br />              <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a><br />            </b:if><br />          </b:if><br />        </span><br /> <br />       <span class='post-icons'><br />         <!-- email post links --><br />         <b:if cond='data:post.emailPostUrl'><br />           <span class='item-action'><br />           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'><br />             <span class='email-post-icon'>&#160;</span><br />           </a><br />           </span><br />         </b:if><br /> <br />         <!-- quickedit pencil --><br />         <b:include data='post' name='postQuickEdit'/><br />       </span><br />       </p><br /> <br />       <p class='post-footer-line post-footer-line-2'><br />       <span class='post-labels'><br />         <b:if cond='data:post.labels'><br />           <data:postLabelsLabel/><br />           <b:loop values='data:post.labels' var='label'><br />             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br />           </b:loop><br />         </b:if><br />       </span><br />       </p><br /> <br />       <p class='post-footer-line post-footer-line-3'/><br />     </div><br />   </div><br /> </b:includable><br /> <b:includable id='status-message'><br />   <b:if cond='data:navMessage'><br />   <div class='status-msg-wrap'><br />     <div class='status-msg-body'><br />       <data:navMessage/><br />     </div><br />     <div class='status-msg-border'><br />       <div class='status-msg-bg'><br />         <div class='status-msg-hidden'><data:navMessage/></div><br />       </div><br />     </div><br />   </div><br />   <div style='clear: both;'/><br />   </b:if><br /> </b:includable><br /> <b:includable id='primarycontent'><br />  <div id='primarycontent'><div><br /> <br /> <br />    <!-- posts --><br />    <div class='blog-posts'><br />     <b:loop values='data:posts' var='post'><br />      <b:if cond='data:post.dateHeader'><br />       <h2 class='date-header'><data:post.dateHeader/></h2><br />      </b:if><br />      <b:include data='post' name='post'/><br />      <b:if cond='data:blog.pageType == &quot;item&quot;'><br />       <b:if cond='data:post.allowComments'><br />        <b:include data='post' name='comments'/><br />       </b:if><br />      </b:if><br />     </b:loop><br />    </div><br /> <br /> <br /> <br />    <b:includable id='post' var='post'><br />     <div class='item entry'><br /> <br />     <div class='itemhead'><br />      <a expr:name='data:post.id'/><br />      <b:if cond='data:post.title'><br />       <h3><br />       <b:if cond='data:post.url'><br />        <a expr:href='data:post.url'><data:post.title/></a><br />       <b:else/><br />        <data:post.title/><br />       </b:if><br />       </h3><br />      </b:if><br /> <br />      <small class='metadata'><br />       <b:if cond='data:blog.pageType != &quot;item&quot;'><br /> <br />        <b:if cond='data:post.allowComments'><br />         <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><br />         <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a><br />        </b:if><br />       </b:if><br /> <br /> <br />       <span class='chronodata'><br />        <b:if cond='data:top.showAuthor'><br />         <data:top.authorLabel/> <data:post.author/><br />        </b:if><br />        <b:if cond='data:top.showTimestamp'><br />         <data:top.timestampLabel/><br />        <b:if cond='data:post.url'><br />         <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a><br />        </b:if><br />        </b:if><br />       </span><br /> <br />      </small><br />     </div><br /> <br />     <div class='itemtext'><br />      <p><data:post.body/></p><br />      <div style='clear: both;'/> <!-- clear for photos floats --><br />     </div><br /> <br /> <br />     <div class='itemhead'><br />      <p class='post-footer-line post-footer-line-1'><br /> <br />       <!-- backlinks --><br />       <span class='post-backlinks post-comment-link'><br />        <b:if cond='data:blog.pageType != &quot;item&quot;'><br />         <b:if cond='data:post.showBacklinks'><br />          <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a><br />         </b:if><br />        </b:if><br />       </span><br /> <br />      <span class='post-icons'><br />       <!-- email post links --><br />       <b:if cond='data:post.emailPostUrl'><br />        <span class='item-action'><br />        <a expr:href='data:post.emailPostUrl' title='Email Post'><br />         <span class='email-post-icon'>&#160;</span><br />        </a><br />        </span><br />       </b:if><br /> <br />       <!-- quickedit pencil --><br />       <b:include data='post' name='postQuickEdit'/><br />      </span><br />      </p><br /> <br />      <p class='post-footer-line post-footer-line-2'><br />      <span class='post-labels'><br />       <b:if cond='data:post.labels'><br />        <data:postLabelsLabel/><br />        <b:loop values='data:post.labels' var='label'><br />         <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><br />        </b:loop><br />       </b:if><br />      </span><br />      </p><br /> <br />      <p class='post-footer-line post-footer-line-3'/><br /> <br />     </div></div><br />    </b:includable><br /> <br /> <br />    <b:includable id='postQuickEdit' var='post'><br />     <b:if cond='data:post.editUrl'><br />      <span expr:class='&quot;item-control &quot; + data:post.adminClass'><br />       <a expr:href='data:post.editUrl' title='Edit Post'><br />        <span class='quick-edit-icon'>&#160;</span><br />       </a><br />      </span><br />     </b:if><br />    </b:includable><br />    <b:includable id='commentDeleteIcon' var='comment'><br />     <span expr:class='&quot;item-control &quot; + data:comment.adminClass'><br />      <a expr:href='data:comment.deleteUrl' title='Delete Comment'><br />       <span class='delete-comment-icon'>&#160;</span><br />      </a><br />     </span><br />    </b:includable><br />    <b:includable id='backlinkDeleteIcon' var='backlink'><br />     <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'><br />      <a expr:href='data:backlink.deleteUrl' title='Delete Backlink'><br />       <span class='delete-comment-icon'/><br />      </a><br />     </span><br />    </b:includable><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />   <div class='comments'><br />    <b:includable id='comments' var='post'><br /> <br /> <br />     <a name='comments'/><br />     <h4><br />      <b:if cond='data:post.numComments == 1'><br />       1 Comment:<br />      <b:else/><br />       <data:post.numComments/> Comments:<br />      </b:if><br />     </h4><br /> <br />     <ol id='commentlist'><br /> <br />      <li class='item'><br />       <b:loop values='data:post.comments' var='comment'><br />        <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'><br />         <a expr:name='&quot;comment-&quot; + data:comment.id'/><br />         <b:if cond='data:comment.authorUrl'><br />          <span class='commentauthor'><a expr:href='data:comment.authorUrl'><data:comment.author/></a></span><br />         <b:else/><br />          <span class='commentauthor'><data:comment.author/></span><br />         </b:if><br />         said...<br />        </dt><br />        <small class='commentmetadata'><br />         <a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'><br />          <data:comment.timestamp/><br />         </a><br />         <b:include data='comment' name='commentDeleteIcon'/><br />        </small><br /> <br />        <b:if cond='data:comment.isDeleted'><br />         <div class='itemtext'><data:comment.body/></div><br />        <b:else/><br />         <div class='itemtext'><data:comment.body/></div><br />        </b:if><br /> <br />       </b:loop><br />      </li><br />     </ol><br /> <br />     <p><br />      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>Post a Comment</a><br />     </p><br/><br/><br /> <br />      <div class='backlinks-container'><br />        <b:if cond='data:post.showBacklinks'><br />         <b:include data='post' name='backlinks'/><br />        </b:if><br />      </div><br />    </b:includable><br /> <br /> <br />    <b:includable id='backlinks' var='post'><br />     <a name='links'/><h4><data:post.backlinksLabel/></h4><br /> <br />     <b:if cond='data:post.numBacklinks != 0'><br />      <ol><br />       <b:loop values='data:post.backlinks' var='backlink'><br />        <div class='collapsed-backlink backlink-control'><br />         <span class='commentauthor'><br />          <span class='backlink-toggle-zippy'>&#160;</span><br />          <a expr:href='data:backlink.url'><data:backlink.title/></a><br />          <b:include data='backlink' name='backlinkDeleteIcon'/><br />         </span><br />         <dd class='comment-body collapseable'><br />          <data:backlink.snippet/><br />         </dd><br />         <small class='commentmetadata'><br />          <span class='pingtype'><data:post.authorLabel/> <data:backlink.author/></span><br />          <data:post.timestampLabel/> <data:backlink.timestamp/><br />         </small><br />        </div><br />       </b:loop><br />      </ol><br />     </b:if><br /> <br />     <p><br />      <a class='comment-link' expr:href='data:post.createLinkUrl' id='b-backlink' target='_blank'><data:post.createLinkLabel/></a><br />     </p><br /> <br />    </b:includable><br /> <br /> <br />    <b:includable id='feedLinks'><br />     <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --><br />      <b:if cond='data:feedLinks'><br />       <div class='blog-feeds'>;;<br />        <b:include data='feedLinks' name='feedLinksBody'/><br />       </div><br />      </b:if><br /> <br />      <b:else/> <!--Post feed links --><br />      <div class='post-feeds'><br />       <b:loop values='data:posts' var='post'><br />        <b:if cond='data:post.allowComments'><br />         <b:if cond='data:post.feedLinks'><br />          <b:include data='post.feedLinks' name='feedLinksBody'/><br />         </b:if><br />        </b:if><br />       </b:loop><br />      </div><br />     </b:if><br />    </b:includable><br />    <b:includable id='feedLinksBody' var='links'><br />     <div class='feed-links'><br />     Subscribe to:<br />     <b:loop values='data:links' var='f'><br />       <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'> </a><br />     </b:loop><br />     </div><br />    </b:includable><br />   </div></div></div><br />   </b:includable><br /> <b:includable id='backlinkDeleteIcon' var='backlink'><br />   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'><br />     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'><br />       <span class='delete-comment-icon'>&#160;</span><br />     </a><br />   </span><br /> </b:includable><br /> <b:includable id='PeekABooPost' var='post'><br />   <div class='post uncustomized-post-template'><br />       <table><tr><br />  <td width='40px'><br />   <a expr:onclick='&quot;javascript:toggleItundefined\&quot;&quot; + data:post.id + &quot;\&quot;);&quot;' href='javascript:voidundefined0)' style='text-decoration:none' title='Expand/collapse this post'>[+/-]</a><br />  </td><br />  <td><br />   <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3><br />  </td><br />  </tr></table><br />       <div class='post-body' expr:id='data:post.id' style='display:none'><br />         <p><data:post.body/></p><br />         <div style='clear: both;'/> <!-- clear for photos floats --><br />       </div><br />   </div><br /> </b:includable><br /> <b:includable id='postQuickEdit' var='post'><br />   <b:if cond='data:post.editUrl'><br />     <span expr:class='&quot;item-control &quot; + data:post.adminClass'><br />       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'><br />         <span class='quick-edit-icon'>&#160;</span><br />       </a><br />     </span><br />   </b:if><br /> </b:includable><br /> <b:includable id='breadcrumbs' var='post'><br /> <!-- Breadcrumbs hack. By Hoctro 9/11/2006 http://hoctro.blogspot.com --><br />   <b:if cond='data:blog.pageType == &quot;item&quot;'><br />       <p class='breadcrumbs'><br />       <span class='post-labels'><br />         <b:if cond='data:post.labels'><br />           You are here: <br />           <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>  &gt;<br />           <b:loop values='data:post.labels' var='label'><br />             <b:if cond='data:label.isLast == &quot;true&quot;'><br />               <a expr:href='data:label.url' rel='tag'> <data:label.name/></a><br />             </b:if><br />           </b:loop><br />           <b:if cond='data:post.title'><br />             &gt;  <b><data:post.title/></b><br />           </b:if><br />         </b:if><br />       </span><br />       </p><br />   </b:if><br /> <!-- End of Breadcrums Hack --><br /> </b:includable><br /> <b:includable id='main' var='top'><br />   <!-- posts --><br />   <div class='blog-posts hfeed'><br /> <br />     <b:include data='top' name='status-message'/><br /> <br />     <data:adStart/><br />     <b:loop values='data:posts' var='post'><br /> <br />       <b:include data='post' name='post'/><br />       <b:if cond='data:blog.pageType == &quot;item&quot;'><br />         <b:include data='post' name='comments'/><br />       </b:if><br />       <b:if cond='data:post.includeAd'><br />         <data:adEnd/><br />         <data:adCode/><br />         <data:adStart/><br />       </b:if><br />     </b:loop><br />     <data:adEnd/><br />   </div><br /> <br />   <!-- navigation --><br />   <b:include name='nextprev'/><br /> <br />   <!-- feed links --><br />   <b:include name='feedLinks'/><br /> </b:includable><br /> <b:includable id='commentDeleteIcon' var='comment'><br />   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'><br />     <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'><br />       <span class='delete-comment-icon'>&#160;</span><br />     </a><br />   </span><br /> </b:includable><br /> <b:includable id='feedLinks'><br />   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --><br />     <b:if cond='data:feedLinks'><br />       <div class='blog-feeds'><br />         <b:include data='feedLinks' name='feedLinksBody'/><br />       </div><br />     </b:if><br /> <br />     <b:else/> <!--Post feed links --><br />     <div class='post-feeds'><br />       <b:loop values='data:posts' var='post'><br />         <b:if cond='data:post.allowComments'><br />           <b:if cond='data:post.feedLinks'><br />             <b:include data='post.feedLinks' name='feedLinksBody'/><br />           </b:if><br />         </b:if><br />       </b:loop><br />     </div><br />   </b:if><br /> </b:includable><br /> <b:includable id='nextprev-icon'><br />   <div class='blog-pager' id='blog-pager'><br />     <b:if cond='data:newerPageUrl'><br />       <span class='pushbutton'><span id='blog-pager-newer-link'><br />       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/left.1.gif'/></a><br />       </span></span><br />     </b:if><br /> <br />     <b:if cond='data:olderPageUrl'><br />       <span class='pushbutton'><span id='blog-pager-older-link'><br />       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/right.1.gif'/></a><br />      </span></span><br />     </b:if><br /> <br />     <b:if cond='data:blog.homepageUrl != data:blog.url'><br />       <span class='pushbutton'><a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/home.1.gif'/></a></span><br />       <b:else/><br />       <b:if cond='data:newerPageUrl'><br />         <span class='pushbutton'><a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://photos1.blogger.com/blogger2/7669/739886498227135/400/home.1.gif'/></a></span><br />       </b:if><br />     </b:if><br /> <br />   </div><br />   <div class='clear'/><br /> </b:includable><br /> <b:includable id='feedLinksBody' var='links'><br />   <div class='feed-links'><br />    <b:loop values='data:links' var='f'><br />      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'> </a><br />   </b:loop><br />   </div><br /> </b:includable><br /> <b:includable id='comments' var='post'><br />   <div class='comments' id='comments'><br />     <a name='comments'/><br />     <b:if cond='data:post.allowComments'><br />       <h4><br />         <b:if cond='data:post.numComments == 1'><br />           1 <data:commentLabel/>:<br />         <b:else/><br />           <data:post.numComments/> <data:commentLabelPlural/>:<br />         </b:if><br />       </h4><br /> <br />       <dl id='comments-block'><br />         <b:loop values='data:post.comments' var='comment'><br />           <dt class='comment-author' expr:id='&quot;comment-&quot; + data:comment.id'><br />             <a expr:name='&quot;comment-&quot; + data:comment.id'/><br />             <b:if cond='data:comment.authorUrl'><br />               <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><br />             <b:else/><br />               <data:comment.author/><br />             </b:if><br />             <data:commentPostedByMsg/><br />           </dt><br />           <dd class='comment-body'><br />             <b:if cond='data:comment.isDeleted'><br />               <span class='deleted-comment'><data:comment.body/></span><br />             <b:else/><br />               <p><data:comment.body/></p><br />             </b:if><br />           </dd><br />           <dd class='comment-footer'><br />             <span class='comment-timestamp'><br />               <a expr:href='&quot;#comment-&quot; + data:comment.id' title='comment permalink'><br />                 <data:comment.timestamp/><br />               </a><br />               <b:include data='comment' name='commentDeleteIcon'/><br />             </span><br />           </dd><br />         </b:loop><br />       </dl><br /> <br />       <p class='comment-footer'><br />         <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a><br />       </p><br />     </b:if><br /> <br />     <div id='backlinks-container'><br />     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'><br />        <b:if cond='data:post.showBacklinks'><br />          <b:include data='post' name='backlinks'/><br />        </b:if><br />     </div><br />     </div><br />   </div><br /> </b:includable><br /> </b:widget><br /> </b:section><br /> </div>  <br />       <!-- spacer for skins that want sidebar and main to be the same height--><br />       <div class='clear'>&#160;</div><br />     </div> <!-- end content-wrapper --><br />  <div id='footer'><br />       <b:section class='footer' id='footer'/><br />  <div class='designer'>  <br /> <center><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - Design by <a href='http://layout4all.blogspot.com/'> Abdul Munir</a> </center> </div></div><br />   </div></div> <!-- end outer-wrapper --><br /> </body><br /> </html>   

kode warna

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:31:14 PST

html convert

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:29:43 PST

Alonemisery Webmaster Tools berikut ini dapat digunakan untuk mengubah karakter HTML spesial ke dalam bentuk sederhana yang nantinya dapat kamu gunakan untuk dimasukan kedalam postingan, template, dan juga kotak komentar blogger. Alat ini juga bisa kamu gunakan untuk merubah kode google adsense agar bisa diselipkan di template blog atau untuk menambahkan kode HTML dalam kotak komentar. Berikut ini adalah kode-kode HTML dasar yang akan dirubah kedalam bentuk sederhananya secara otomatis supaya bisa di masukkan kedalam postingan, kotak komentar, dll seperti yang sudah dijelaskan sebelumnya.

'<' menjadi '<'
'>' menjadi '>'
'"' (double quote) menjadi '"'
''' (single quote) menjadi '''
'&' menjadi '&'

Start Converting Now!

(Silahkan masukkan kode HTML kamu kedalam kotak dibawah ini untuk diubah secara otomatis)

menambah footer

noreply@blogger.com (Adnan Agnesa) — Tue, 14 Dec 2010 17:36:23 PST

1. Seperti biasa, masuk ke akun blogger anda
2. Klik Design
3. Lalu pilih Edit HTML
4. Ada baiknya anda download full template anda terlebih dahulu, jaga-jaga kalau tidak berhasil
5. Kalau sudah cari kode ]]></b:skin>dengan CTRL+F
6. Lalu, tambahkan kode script di bawah ini tepat di bawah kode ]]></b:skin>

#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

7. Jika sudah cari kode yang ada di bawah ini

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

8. Tambahkan kode berikut dibawah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

Catatan:
Jika anda tidak menemukan kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode berikut dibawah <div id='footer'>

Jika ingin membuat footer 2 kolom. Gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer 3 kolom. Gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 33%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 33%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 33%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

Membuat footer menjadi 4 kolom. Gunakan kode berikut:

<div id='footer-column-divide'>

<div id='footer1' style='width: 25%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 25%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col3'
preferred='yes' style='float:right;'/>
</div>

<div id='footer4' style='width: 25%; float: right;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col4'
preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>
</div>

9. Jika sudah, silahkan klik save dan lihat hasilnya dengan klik Page Element

kode html kesmas unsoed

noreply@blogger.com (Adnan Agnesa) — Thu, 02 Dec 2010 16:53:36 PST

Accordion Template for Blogger

noreply@blogger.com (Adnan Agnesa) — Wed, 01 Dec 2010 23:14:19 PST

Bismillah, Alhamdulillah

I add one more Blogger template collection at my Blogger Templates . This template call Accordion Template. This template not design by me but my Team.
I made this template to make it easy visitor to read and not show all long post. The script only show first post and hide others. If visitor click title bar for every post will show the post area.
Feature of This template :

1. Accordion at Post area and Sidebar
2. All new feature of Blogger (Read More, Avatar, Page list)
3. Automatic page list at menu bar
4. Modification of h1 for title(Front page h2 and Single h1)
5. Paginator 3000 for page navigation
6. Some color can change inside of Blogger Dashboard

Site Map

noreply@blogger.com (Adnan Agnesa) — Tue, 25 Jan 2011 22:22:54 PST