Popup Image


Bagus Kan ?.

Gimana ?Mau ?

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Button



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Zoom

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Trial

1. You have to add this script to your source template, before the </head> tag:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">$(function(){$("#butToggle").click(function(){$('#dvt').toggle(1000);});});</script>

2.Next, add this CSS code before the </body> tag :

#dvt{width: 200px;height: 100px;border: solid 1px black;background-color:LightGrey;text-align:center; display:none;}

3.Finally ,create a HTML/JavaScript then add this code or you can add it to your entry too :
<div id="dvt">Put your codes, texts here...</div>
<button id="butToggle">Spread</button>


Look for the red code ,that is the place you need to put text and option the size of the box.
Save and have fun.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Cara Membuat Related Posting

Ane ada informasi mengenai cara membuat blog kita ada fasilitas related post/posting yang berkaitan itu artinya berkaitan bukan pada judul blog tapi ada pada label yang akan kita namai. Misalnya jika anda membuat dua postingan postingan pertama nama lebelnya "SEO" dan postingan yang kedua nama labelnya "SEO" ini artinya saling berhubungan.Kayaknya ngomong ngelantur,kalau gitu kita mulai sekarang :

Yang musti anda lakukan adalah copy seluruh code script dibawah ini :
<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 = &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>

setelah anda mengcopy seluruh code script di atas, silahkan anda login ke blog anda dan bergegaslah masuk di halaman edit html, dan jangan lupa anda kasih tanda centang atau cecklist pada tulisan "Expand Widgets Template"

kemudian cari dan temukan code script seperti di bawah ini :
<data:post.body/>
jika sudah ketemu code script seperti itu, silahkan pastekan code script yang anda copy pertama kali tadi (yg banyak itu loh) tepat di bawah code :
<data:post.body/>
dan untuk sekedar tambahan jika blog anda sudah pernah anda edit dan anda kasih readmore atau baca selengkapnya, pasti ada dua code seperti ini <data:post.body/> dan anda harus mencari code script ini <data:post.body/> tadi yang pertama dr atas dan paste kan tepat di bawahnya... dan jangan lupa anda tekan tombol save template...

mudah kan..?, dan ingat bahwa setiap anda meposting harus di kasih labels, biar related postnya mau muncul...

Selamat mencoba dan semoga berhasil

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS