Sitemap

Exchange Link

<a href="http://www.ryu-aozora.com/" target="_blank"><b><span style="color: blue;">A Ryu Aozora's Blog</span></b></a>

1. Ariefinity Blog
2. Game Zone Indonesia

Wanna Banner Exchange With Me...?

<br /><a href="http://www.rhynoa.blogspot.com" target="_blank"><img border="0" alt="tukar banner" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTJPp004AlBsxhQiEQ0Wa9rjUOoPbJ7yzR5PhpFP5x6XQDnVFzizN7MXBvHc053uFkTpqpMwGIwFkp3AV1SsdDjW2BsatGX0Tk4CaZ6H27kWWrA8dw7eQMINNF4jMLkiKNml4TfI5Dcig/s1600/nklogopnggu3+copy.jpg" /></a><br />

 

Contact

EmailMeForm

Contact Form

• 
  Name *
  
• 
  Email *
  
• 
  Subject *
  
• 
  Message *
  
  <br />
• 
  
  
  
• 
  
  

Memasang Breadcumb di Blogger

Posting kali ini tentang cara pemasangan breadcumb di blogger, breadcumb itu sendiri adalah sebuah navigasi yang menunjukkan urutan direktory yang sedang kita buka atau urutan link pada blogger, atau susunan hierarki postingan misalnya dari home>>(label posting)>>(judul posting), maka penggunaannya akan memudahkan pengunjung melihat struktur direktori blog kita. Agar mudah di lihat pengunjung breadcumb ini kita pasang di atas posting.

Pemasanganya sendiri tidak terlalu rumit dan tergolong mudah di praktekkan bahkan untuk seorang pemula blogger.
Untuk mamasangnya, yang harus kamu lakukan adalah masuk ke Blogger >> Design >> Edit HTML (beri tanda centang pada opsi expand widget template)

Selanjutnya kamu cari struktur kode seperti ini <b:includable id='post' var='post'> kemudian letakkan struktur kode berikut di bawahnya (di bawah kode <b:includable id='post' var='post'>)

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

.

Selanjutnya kamu cari kode ]]></b:skin>. kalau sudah kamu letakkan kode berikut sebelum atau di atas kode ]]></b:skin>.

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

.
Kemudian simpan pengaturan template kamu dan lihat blog kamu sekarang...

Selamat mencoba, semoga berhasil.

Membuat Widget Posting Terbaru dengan Gambar

1. Login blog
2. Rancangan -> edit HTML -> tambah gadget (HTML/JavaScript)
3. Copas Script dibawah ini

<script type="text/javaScript">
imgr = new Array();
imgr[0] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[1] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[2] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[3] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
imgr[4] = "http://photoserver.ws/images/xkRt4c7bf67561042.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = false;
icon = " ";
text = "Komentar";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5 ;
home_page = "http://rhynoa.blogspot.com/";
</script>
<script src="http://rhoedalismev2.googlecode.com/files/removeHtmlT.js" type="text/javascript"></script>

NB :
numposts = 5 adalah jumlah posting yang akan ditampilkan.
Dan jangan lupa ganti tulisan yang berwarna biru dengan alamat blog sobat.
4.Save

Membuat Related Post dengan Scroll

1. Login ke blogger dengan idkamu
2. Tuju TataLetak
3. Pada tab menu, pilih Edit HTML
4. Centang kotak kecil Expand Template Widget
5. Cari kode <p><data:post.body/></p>
Letakkan kode berikut di bawah kode tadi :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Related Post:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 50;
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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</div>
</b:if>

6. Klik SIMPAN TEMPLATE

Cara Merubah Favicon (Icon Blogger)

1. Login ke www.blogger.com dan memilih layout (tata letak)
2. Pilih EDIT HTML
3. Expand widget template
4. Kemudian menempatkan kode html berikut di atas </head>
 

<link href='TEMPAT KAMU MENYIMPAN IMAGE KAMU' rel='SHORTCUT ICON'/>

misalnya: 

<link href='http://i1112.photobucket.com/albums/k490/cukrix/Pussycat.gif' rel='SHORTCUT ICON'/>

5. Klik Save template.

Membuat Scroll pada Label

Example

1. Login blog
2. Rancangan >> edit HTML >> centang 'Expand Template Widget'
3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
4. Tekan Ctrl + F untuk memudahkan mencari
5. Cari kode seperti dibawah ini :

<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<div style='overflow:auto; width:ancho; height:300px;'>

 <ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
<data:label.name/>
</a>
</b:if>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div> </div>

Kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya.
Angka 300px adalah tinggi kotak scroll. bisa kamu ganti sesuai selera.



6. Save Template

Membuat Scroll Pada Blog Archive

Example

1. Login Blog
2. Rancangan --> Edit HTML --> Centang Expand Template Widget
3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
4. Tekan Ctrl + F untuk memudahkan mencari
5. Cari kode seperti dibawah ini dan
6. Masukkan kode yang berwarna merah seperti dibawah ini :

<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>

NB    Sesuaikan angka 200px sesuai keinginan kamu (untuk mengatur tinggi kotak Scroll)

Mungkin pada tempate kamu ada yg berbeda makan dari itu cari kode yang mirip" seperti pada kode diatas.

7. Simpan Template

Membuat Link Mengeluarkan Efek Bintang

1. Login blog
2. Rancangan -> edit HTML
3. Cari kode a:hover {  tapi  yg berdekatan dengan  a:link{  atau berdekatan dengan a:visited{
4. Taruh kode 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1B7wAgTA_0yjFI3U9A37dNxuJ4bmP-hrgco_KAfoKBvTPkx8mVl3DnpqamlRrFhgCWtY2CkqHbtXCxquGVOE-MyVEgC2IB2g-oOdkvXtmdsOj7M9Vts6XaVUPvOIa3GodZBQ5XKON-eA/s1600/stars.gif

disamping kode a:hover {  yg berdekatan dengan  a:link{  atau berdekatan dengan a:visited{

Contoh:

a:hover {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1B7wAgTA_0yjFI3U9A37dNxuJ4bmP-hrgco_KAfoKBvTPkx8mVl3DnpqamlRrFhgCWtY2CkqHbtXCxquGVOE-MyVEgC2IB2g-oOdkvXtmdsOj7M9Vts6XaVUPvOIa3GodZBQ5XKON-eA/s1600/stars.gif);}

5. Save template.

Cara Membuat Title Blog Berjalan

Langkah-langkahnya :
1. Login blogger
2. Rancangan -> edit HTML
3. Lalu cari kode dibawah ini

<title><data:blog.pageTitle/></title>

4. lalu ganti kode diatas dengan kode dibawah ini

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="<data:blog.pageTitle/>";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>

5. Save Template

NB : Pada tulisan yang berwarna merah bisa kamu ganti dengan angka berapapun karena itu adalah yang menentukan kecepatan title kamu.

Memasang Widget Tombol "Like" Facebook di Blog

1. Login blog
2. Rancangan -> edit HTML (Centang Expand Template Widget )
3. Cari kode <data:post.body/>
4. Lalu taruh kode dibawah ini, dibawah kode diatas

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100
&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

Maka hasilnya akan seperti dibawah ini

Lalu jika sobat ingin hasilnya seperti dibawah ini

Maka ganti kode yang berwarna merah diatas menjadi button_count

5. Save template

Cara Memasang Reply pada Komentar Blog

Cara Memasang Reply pada Komentar Blog :
1. Login blog
2. Rancangan --> edit HTML (centang "Expand Widget Templates")
3. Cari kode <data:commentPostedByMsg/> atau kode <data:comment.timestamp/>
4. Lalu letakkan kode dibawah ini diatas kode diatas

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BloggerIDKamu&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'>[Reply Comment]</a></span>

5. ganti tulisan BloggerIdSobat dengan id blog kamu bila kamu belum mengetahuinya, coba sobat buka menu rancangan lalu perhatikan digit angka pada address bar sobat, dan jangan lupa ganti dengan id blog kamu.

 Lalu bila kamu ingin tampilannya lebih menarik sobat bisa ganti tulisan [Reply Comment] dengan icon gambar, caranya cukup ganti tulisan  [Reply Comment] diatas dengan kode gambar dibawah ini












<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig5Fb5aOSpAI3mM2c9JtTfEclnWlpCF8obCVlbtyV0pMXzoCn3B0T2BM8gUzcQD9K7dr2X9rA2nwvpcSbz_5L2TFpnhNuBd0LPPwrVHehWgfOg2SdVzdVm2QZ9OS585tsJjcay16s8vyWB/'/>


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkvabNP8Y-rPEABEaciQ7vEHmAYhbFlGrAquPHl8WdnE6paSnA581BbgidoAJroG06u6r7yzng7yww5ck9ieAvtWecvGRn6tnfLNEl7-RPyGkT-xe_39miJGTSvCLOgxTDwPdjoIcqddof/'/>


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRllonhtsoXkDK0fk3RfjWDaGOPDqSIYOF5FIqPD8x9O4WahlaosAlgvDHfNe8u0rwamdBSzMFXWKtPcQgeiRjuOO0GLYqBOxaIFb8H1dpB45PqA5SwF-7P28d7BxcZUHCh_7wwX6kH-RZ/'/>


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6iNcctInYvMMYoae3KgnoVHZ-oP5ciXfF1UVcMwsRhFdcEDLexgCVkto43E3SHuMudtsEoLiSBcepBwDTk95qoIaBUvydLA3wugNHumobfzQxLP9YZEfi2Lt20gDriTFxg9YN2K08BHNw/'/>


<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfZPj84jh7Ie22Tv3z7SFUucQsMgFR_XdpsWFbqgvOa5Dft2SQ6pkNFRqRCb3omYqPf13jTA3XCSIIZ7kWW2rgvFvUiS3p2Amnzmi7rcjb3X7izgiPS5t2SgnA2loHzy2VkpveOboSnOPj/'/>


Jangan lupa di save.

Disable Klik Kanan ( Right Click )

Berikut langkah - langkahnya :

1. Login ke Blogger dengan ID sobat.
2. Klik Tata Letak --> Elemen Halaman.
3. Pilih yang HTML/JavaScript.
4. Copy kode dibawah ini ke dalam kolom kosong yang tersedia :

<script>
var message="Maaf, Klik Kanan Tidak Diperbolehkan !";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>

kemudian Save, dan lihat hasilnya.
Mudah - mudahan dengan disable klik kanan pada blog sobat, gambar atau file privasi milik sobat akan aman dari tangan - tangan orang yang tidak bertanggung jawab.
Oke..selamat mencoba !!

Cara Membuat Auto Read more Blogspot

Script auto readmore blogger/blogspot dengan thumbnails (gambar preview) ini adalah penyempurnaan dari script auto readmore bagian pertama, di mana ditemukan adanya masalah pada halaman statis. Ketika halaman statis ditampilkan, auto readmore ikut muncul, sehingga harus diberi pengecualian (b if cond) untuk static pages pada scriptnya. Selain itu, script ini juga bersifat internal jadi tidak perlu lagi memuat file .js eksternal yang diupload ke hosting lain. Meskipun file template menjadi sedikit lebih besar, namun loading page menjadi lebih cepat daripada auto readmore sebelumnya.

Langkah-langkahnya:
1. Masuk ke dahboard > Design/Rancangan > Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.
2. Jika dulu sudah diisi script auto readmore yang pertama, hapus terlebih dahulu, gunakan panduan dari posting auto readmore bagian pertama untuk mengetahui mana saja yang harus dihapus.
3. Copy-paste script berikut tepat DI BAWAH </head>(gunakan Ctrl+F):

<script type="text/javascript">
var thumbnail_mode = &quot;yes&quot;; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type="text/javascript">
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>

' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
div.innerHTML = summary;
}
//]]>
</script>

Yang berwarna biru adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F), dan GANTI dengan:

<!-- Auto read more -http://buka-rahasia.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Read More >></a>
</b:if>
</b:if>
<!-- Auto read more -http://buka-rahasia.blogspot.com- End -->

4. Save Template

Broken Link

Cara Membuat widget Recent Post / Postingan Terbaru

Seperti pada judulnya kali ini Admin akan share mengenai Cara Membuat widget Recent Post / Postingan Terbaru. Widget Recent Post adalah sebuah widget untuk menampilkan postingan-postingan terbaru.

Untuk membuat widget ini cukup mudah kok, karena hanya membutuhkan sedikit kode HTML saja. Dan widget ini juga tidak terlalu berat kok.




Ini dia caranya :
1. Login ke blog dulu
2. Klik rancangan >> elemen halaman >> tambah gadget (HTML/JavaScript)
3. Lalu masukkan kode dibawah ini

Code:

<script style="text/javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/recentposts.js"></script>
<script style="text/javascript">
var numposts = 10;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://ryu-net.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">
</script>

Atau bisa juga yang ini :

<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://ryu-net.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

NB :
text yang berwarna biru adalah jumlah banyak posting yang akan tampil pada widget tersebut
text yang berwarna merah adalah alamat blog, jadi jangan lupa ganti dengan alamat blog kamu.

Membuat Spoiler di Blog

Bisa dipilih nih, Admin punya 2 biji =D





Spoiler 1

Contoh:

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

Scriptnya :

&lt;div style=&quot;margin: 5px 20px 20px;&quot;&gt;&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;
&lt;b&gt;Judul Spoiler&lt;/b&gt;: &lt;input onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display != &#039;&#039;) { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;&#039;; this.innerText = &#039;&#039;; this.value = &#039;Close&#039;; } else { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;none&#039;; this.innerText = &#039;&#039;; this.value = &#039;Open&#039;; }&quot; style=&quot;font-size: 11px; margin: 0px; padding: 0px; width: 55px;&quot; type=&quot;button&quot; value=&quot;Open&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;border: 1px inset; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;

Spoiler 2

LETAKKAN KODENYA DISINI

Scriptnya :

<div id="spoiler"><div><input
style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;"
onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display
!= '') {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display
= '';
this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display
= 'none'; this.innerText = ''; this.value = 'TUTUP';
} else {
this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display
= 'none';
this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display
= ''; this.innerText = ''; this.value = 'LIHAT LAGI'; }" name="button" type="button" value="BUKA"
/></div><div id="show" style="border: 1px solid white;
display: none; margin: 5px; padding: 2px; width: 98%;"><div
style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb;
border: 1px solid #aaccee; padding: 7px; margin: 0px;"><p
style="text-align: justify;">LETAKKAN KODENYA DISINI</p></div><div id="hide"></div></div></div>

Kenapa Google Adsense bertuliskan 'No Data Available' ?

Berhubung Admin baru mencicipi GA kemarin (23/08/2011) jadi masih cengak-cengok. Dan yang bikin bingung untuk pertama kali adalah kenapa gak ada iklan yang muncul di blog Admin, yang ada hanya tulisan 'No Data Available', maklum karna masih Newbie (GapTek tepatnya =D) jadi lumayan bikin heran.

Setelah di-klik tanda tanya disebelah tulisan itu ada beberapa penjelasan seperti

Nah, ada 2 hal yang menyebabkan seperti itu :

1. Mungkin adsense kita belum ada yang nge-klik sampai batas waktu yang telah ditentukan.
2. Dan, untuk blog baru seperti blog admin ini butuh wakti sekitar 24 jam agar iklannya bisa muncul.

Daripada ntar jadi seperti itu, mending Admin tingkatin dulu aja ah pengunjungnya coz blog ini masih sepi pembeli T.T