scrip efek dalju

 ini beberapa scrip efek salju.....
dengan berbagai warna yang bisa anda gunakan untuk menghias blog anda. Untuk menggunakan script cukup dengan cara tambah gadget, pilih HTML/Javascript dan masukkan scriptnya, simpan dan letakkan dimana saja.

1. Efek salju merah

<script language="javascript"src="http://rikz.mobie.in/script/snow/redsnow.js"type="text/javascript">
</script>

2. Efek salju biru
<script language="javascript"src="http://rikz.mobie.in/script/snow/bluesnow.js"type="text/javascript">
</script>

3. Efek salju hitam
<script language="javascript"src="http://rikz.mobie.in/script/snow/blacksnow.js"type="text/javascript">
</script>

4. Efek salju cyan
<script language="javascript"src="http://rikz.mobie.in/script/snow/cyansnow.js"type="text/javascript">
</script>

5. Efek salju emas
<script language="javascript"src="http://rikz.mobie.in/script/snow/goldsnow.js"type="text/javascript">
</script>

6. Efek salju abu-abu
<script language="javascript"src="http://rikz.mobie.in/script/snow/graysnow.js"type="text/javascript">
</script>

7. Efek salju hijau
<script language="javascript"src="http://rikz.mobie.in/script/snow/greensnow.js"type="text/javascript">
</script>

8. Efek salju fuchsia
<script language="javascript"src="http://rikz.mobie.in/script/snow/fuchsiasnow.js"type="text/javascript">
</script>

9. Efek salju khaki
<script language="javascript"src="http://rikz.mobie.in/script/snow/khakisnow.js"type="text/javascript">
</script>

10. Efek salju lime
<script language="javascript"src="http://rikz.mobie.in/script/snow/limesnow.js"type="text/javascript">
</script>

11. Efek salju navy
<script language="javascript"src="http://rikz.mobie.in/script/snow/navysnow.js"type="text/javascript">
</script>

12. Efek salju maroon
<script language="javascript"src="http://rikz.mobie.in/script/snow/maroonsnow.js"type="text/javascript">
</script>

13. Efek salju olive
<script language="javascript"src="http://rikz.mobie.in/script/snow/olivesnow.js"type="text/javascript">
</script>

14. Efek salju orange
<script language="javascript"src="http://rikz.mobie.in/script/snow/orangesnow.js"type="text/javascript">
</script>

15. Efek salju pink
<script language="javascript"src="http://rikz.mobie.in/script/snow/pinksnow.js"type="text/javascript">
</script>

16. Efek salju ungu
<script language="javascript"src="http://rikz.mobie.in/script/snow/purplesnow.js"type="text/javascript">
</script>

17. Efek salju silver
<script language="javascript"src="http://rikz.mobie.in/script/snow/silversnow.js"type="text/javascript">
</script>

18. Efek salju teal
<script language="javascript"src="http://rikz.mobie.in/script/snow/tealsnow.js"type="text/javascript">
</script>

19. Efek salju kuning
<script language="javascript"src="http://rikz.mobie.in/script/snow/yellowsnow.js"type="text/javascript">
</script>

20. Efek bunga sakura
<script language="javascript"src="http://rikz.mobie.in/script/sakura.js"type="text/javascript">
</script>

Baca Selengkapnya →

cara membuat efek snow pd blog

Pada kesempatan sebelumnya oketrik telah memberikan trik yang hampir sama dengan yang ini yaitu snow efek. Apa perbedaan dari trik yang satu ini? perbedaannya adalah, apabila kursor ke sebelah kanan maka salju pun ikut kesebelah kanan, apabila kursor kesebelah kiri maka salju-pun akan ke sebelah kiri dan salju ini akan menumpuk di bawah browser ini. Coba kamu perhatikan pada postingan ini? ada salju-kah? yup itu lah demo dari trik kali ini. Sekarang mari kita lihat cara pemasangannya.

1. Login ke blogger
2. masuk ke Rancangan >> Edit HTML
   
   
   
3. cari kode </head> lalu tambahkan kode di bawah ini tepat di atasnya
   
   <script src='http://oketrik.googlecode.com/files/Snowefek2%20oketrik.js' type='text/javascript'></script>
   
   
4. setelah itu sobat dapat menyimpannya dan melihat hasilnya

Mudah bukan cara memasangnya? Walaupun cara memasangnya simple dan mudah tapi efek yang di berikan ke pada blog kita tidak jelek bukan? mungkin itu saja yang bisa saya sampaikan,
mogaa bermanfaat... :)

Baca Selengkapnya →

cara membuat menu navigasi dropdown pd blog

Tentu banyak blogger yang menginginkan menu jenis ini, karna selain bisa mempercantik blog, juga memudahkan pengunjung dalam menemukan sesuatu yang ingin dicari, contohnya ingin mencari artikel berdasarkan label, yang biasanya berada di sub menu dari menu navigasi dropdown ini. Dulu saya mencari-cari menu jenis ini di antara banyak blog diluar sana, akan tetapi kode dari menu navigasi dropdown inilah yang paling mudah pemasangannya juga bisa dimengerti oleh saya. Akan tetapi banyak juga koq yang lebih mudah lagi pemasangannya, silakan bisa dicari di blog-blog lain yang membahasnya, dengan search di google. hehe..
Jadi buat kamu yang ingin punya menu navigasi dropdown, sekaranglah saatnya wkwk

Okelah, langsung saya beri tahu langkah-langkah untuk memasang menu navigasi dropdownya..

• Login ke Blogger >> klik Tata Letak >> Edit HTML. 
• Backup dulu template anda. caranya pasti sudah taulah.. >> Download Template Lengkap 
• Cari Code :
  ]]></b:skin> 

• Copy paste code di bawah ini tepat di atasnya
  
  /* Navigasi Dropdown Menu */
        #navdropdownmenu{
        background:black; /*Warna Latar Belakang */
        width:100%;
        height:auto;
        margin:0;
        padding:0;
        }
        #navdropdownmenu ul{
        float:left;
        list-style:none;
        margin:0;
        padding:0;
        }
        #navdropdownmenu li{
        list-style:none;
        float:left;
        }
        #navdropdownmenu li a, #navdropdownmenu li a:link, #navdropdownmenu li a:visited{
        color:yellow; /* Warna Teks */
        display:block;
        padding:9px 10px 9px 10px;
        font-size: 12px; /* Ukuran Teks */
        font-family: verdana; /* Jenis font */
        text-decoration:none;
        }
        #navdropdownmenu li a:hover{
        background:yellow; /* Warna latar saat kursor mouse berada di atasnya (hover) */
        color:black; /* Warna teks saat kursor mouse berada di atasnya */
        padding:9px 10px 9px 10px;
        }
        #navdropdownmenu li ul{
        z-index:10;
        position:absolute;
        height:auto;
        width:200px; /* Lebar submenu */
        border-width:1px 0 0 0; /* Tebal garis pinggir submenu */
        border-style:solid;
        border-color:#ffff66; /* Warna garis pinggir submenu */
        }
        #navdropdownmenu li ul li a, #navdropdownmenu li ul li a:link, #navdropdownmenu li ul li a:visited{
        float:none;
        background:black; /* Warna latar belakang submenu */
        width:200px; /* Lebar submenu. Isi dengan nilai yang sama */
        border-width:0 1px 1px 1px; /* Tebal garis pinggir submenu */
        border-style:solid;
        border-color:#ffff66; /* Warna garis pinggir submenu */
        }
        #navdropdownmenu li ul li a:hover{
        background:yellow; /* Latar belakang submenu ketika kursor mouse berada di atasnya */
        color:black; /* Warna teks submenu ketika kursor mouse berada di atasnya */
        }
        #navdropdownmenu li:hover ul, #navdropdownmenu li a:hover ul#submenu, #navdropdownmenu li:hover a:hover ul#submenu{
        z-index:10;
        position:absolute;
        height:auto;
        width:200px; /* Lebar submenu */
        left:auto;
        }
        .ngumpet{
        display:none;
        }
        .muncul{
        display:block;
        }
  
• Cari kode berikut
  
  </head>
   
• Ketikkan code berikut diatasnya
  
  <script>
        var auahgelap = &#39;&#39;;
        function petakumpet(id)
        {
        var menu = document.getElementById(id);
        var sangmantan = menu.className;
        if (sangmantan == &#39;ngumpet&#39;) {
        if (auahgelap != &#39;&#39;) {
        var terlalu = document.getElementById(auahgelap);
        terlalu.className = &#39;ngumpet&#39;;
        }
        menu.className = &#39;muncul&#39;;
        auahgelap = id;
        } else {
        menu.className = &#39;ngumpet&#39;;
        }
        }
        function umpetpetak(id)
        {
        var menu = document.getElementById(id);
        var sangmantan = menu.className;
        if (sangmantan != &#39;ngumpet&#39;) {
        if (auahgelap == &#39;&#39;) {
        var terlalu = document.getElementById(auahgelap);
        terlalu.className = &#39;muncul&#39;;
        }
        menu.className = &#39;ngumpet&#39;;
        auahgelap = id;
        } else {
        menu.className = &#39;muncul&#39;;
        }
        }
        </script>
   
• Cari kode yang mirip kode berikut.
  
  <div id='header-wrapper'>
        <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='(Judul Blog Anda) (Header)' type='Header'/>
        </b:section>
        </div>
   
• Dibawahnya, ketikkan kode berikut:
  
  <div id='navdropdownmenu'>
        <ul id='navdropdownmenu'>
        <li><a href='#'>Home</a></li>
        <li onmouseout='petakumpet(&quot;submenu1&quot;)' onmouseover='umpetpetak(&quot;submenu1&quot;)'><a href='#'>Software PC</a>
        <div class='ngumpet' id='submenu1'>
        <ul>
        <li><a href='#'>Application</a></li>
        <li><a href='#'>Anti Virus</a></li>
        <li><a href='#'>Internet Browser</a></li>
        <li><a href='#'>Utility</a></li>
        <li><a href='#'>Themes</a></li>
        <li><a href='#'>Desktop</a></li>
        <li><a href='#'>Games</a></li>
        <li><a href='#'>Hack Tools</a></li>
        </ul>
        </div>
        </li>
        <li onmouseout='petakumpet(&quot;submenu2&quot;)' onmouseover='umpetpetak(&quot;submenu2&quot;)'><a href='#'>Mobile Software</a>
        <div class='ngumpet' id='submenu2'>
        <ul>
        <li><a href='#'>Application</a></li>
        <li><a href='#'>Games</a></li>
        <li><a href='#'>Themes</a></li>
        <li><a href='#'>Anti Virus</a></li>
        </ul>
        </div>
        </li>
        <li onmouseout='petakumpet(&quot;submenu3&quot;)' onmouseover='umpetpetak(&quot;submenu3&quot;)'><a href='#'>Tips And Tricks</a>
        <div class='ngumpet' id='submenu3'>
        <ul>
        <li><a href='#'>Blogger</a></li>
        <li><a href='#'>Tutorials</a></li>
        <li><a href='#'>Computers</a></li>
        </ul>
        </div>
        </li>
        <li onmouseout='petakumpet(&quot;submenu4&quot;)' onmouseover='umpetpetak(&quot;submenu4&quot;)'><a href='#'>Music</a>
        <div class='ngumpet' id='submenu4'>
        <ul>
        <li><a href='#'>Indo Hits</a></li>
        <li><a href='#'>Rock</a></li>
        </ul>
        </div>
        </li>
        <li><a href='#'>News Update</a></li>
        </ul>
        </div>
  
  
  Keterangan:
        * Tanda # pada kode <a href='#'> adalah link. Ganti dengan URL yang diinginkan
        * Anda bisa menambah atau mengurangi menu diatas.
  
   
• Lalu klik >> Simpan Template (Di anjurkan untuk mempratinjau dulu sebelum menyimpan!)
   
• Lihat Hasilnya..

Sumber: http://kamu-klik.blogspot.com/2012/01/membuat-menu-navigasi-dropdown-blog.html#ixzz25Vq1V4Bd

Baca Selengkapnya →

cara mudah membuat gambar animinasi gif

Untuk anda ingin tahu cara mudah membuat Gambar Animasi GIF. Yang jelas tidak bakal ribet kaya menggunakan adobe photoshop, karena masih banyak yang belum bisa kan? Caranya dengan menggunakan fasilitas yang disiapkan oleh sebuah blog, berminat silahkan dilanjut bacanya.

GIF (Graphics Interchange Format) adalah salah satu jenis gambar yang populer penggunaannya, utamanya dalam dunia online. Salah satu penunjang hal ini adalah ukuran file GIF termasuk kecil bila dibandingkan JPEG atau BMP, memang kualitas gambar akan berbeda. Salah satu kelebihan GIF adalah kemampuannya untuk menghasilkan animasi gambar, meskipun kualitas gambarnya belum begitu bagus.

File-file animasi GIF banyak kita temukan di forum-forum, jejaring sosial dalam bentuk avatar dan dipakai sebagai “foto” identitas dari user bersangkutan. Dengan avatar tadi maka seolah-olah si user terlihat lebih “keren” tampil dalam forum tersebut, meskipun avatar juga bisa mengelabuhi pengguna yang lain.

Yang penting adalah bagaimana cara membuat file animasi GIF? Kali ini saya mau memberikan informasi tentang fasilitas untuk membuat animasi GIF dengan menggunakan fasilitas dari gickr.com. Ikuti tahapan cara membuatnya berikut:

1. Siapkan sebuah gambar dari komputer maksimal sebanyak 10 gambar.

2. klik situs http://gickr.com/

3. setelah masuk pada blog tersebut…silahkan klik ‘upload images from you computer’

4. klik tombol browse.trus pilih gambar yang mau anda jadikan GIF

5. klik open (batasnya max 10 gambar)

6. untuk ukuran gambarnya dan lainnya terserah pada selera anda.

7. Klik continue pada segitiga dipojok kanan bawah…..

8. trus dapatkan kodenya gambar gif tadi

9. selesai.

Demikian paparan ini, selamat mencoba-coba dengan mengatur kecepatan, dll sehingga sesuai keingginan anda, TX

Baca Selengkapnya →

cara membuat banner blog

Sebelum kita mulai membahas Cara membuat banner blog, perlu anda ketahui apa itu banner blogger dan apa fungsi banner dalam blog  Banner blog adalah sarana berupa gambar, sedangkan fungsinya adalah sebagai informasi, media iklan dan promosi. Dalam dunia internet khususnya internet marketing keberadaan banner dalam sebuah blogspot atau website  sangatlah penting dan merupakan sarana yang sangat ampuh untuk promosi, publikasi, iklan dan lain-lain.

sama halnya dalam pembuatan form online, bentuk banner dalam sebuah blog bervariasi, baik dari segi tampilan maupun ukurannya. Dari segi tampilan ada yang bersifat diam dan ada juga yang bergerak atau biasa disebut dengan animasi banner. Sedangkan dari sisi ukurannya setidaknya ada 17 standar ukuran banner yang biasa digunakan dalam sebuah blog, maka dari itu selain cara membuat banner blog dikuasai anda juga harus mengetahui berapa besar ukuran banner yang akan dibuat. Standar ukuran banner tersebut diantaranya:

Ukuran: 468 x 60S tandard, 728 x 90 Leaderboard, 234 x 60 Half-Banner, 392 x 72 Banner w/Nav Bar, 125 x 125 Square Button, 120 x 240 Vertical Banner, 88 x 31S mall Button, 300 x 250 Medium Rectangle, 240 x 400 Vertival Rectangle, 336 x 280 Large Rectangle, 336 x 280 Large Rectangle, 250 x 250 Square Pop-Up, 180 x 150 Rectangle, 160 x 600 Wide Skycraper, 120 x 600 Skycraper, 120 x 90 Button, 1120 x 60 Button 2.

Cara membuat banner blog bisa dibuat sendiri dengan alat pengolahan gambar seperti Photoshop, sedangkan Banner animasi anda bisa manfaatkan layanan online membuat banner animasi baik yang gratis maupun yang berbayar. Nama extension file banner animasi biasanya berbentuk *.Gif. Berikut adalah beberapa contoh situs yang menyediakan layanan cara membuat banner blog berbentuk animasi:

• http://gickr.com 
• http://www.loogix.com
• http://picasion.com
• http://www.createagif.net
• http://www.123-banner.com (flash)
• http://bannersabc.com (flash)
• http://www.flashbannernow.com (flash)
• http://www.quickbanner.com (flash)
• http://www.flash-banner-maker-online.com (flash)

Pada kesempatan ini saya  akan memberikan contoh cara membuat banner blog animasi pada situs http://picasion.com, caranya adalah: 

1. Buatlah 3 banner yang saling berkaitan (sequence) .
2. Masuk ke situs http://picasion.com.
3. Masukan Gambar Banner yang sudah disiapkan tadi dengan mengklik Browse.
4. Pilih ukuran bannernya (sesuai dengan ukuran banner yang sudah dibuat).
5. Tentukan kecepatan animasi blog, pilih pada opsi speed.
6. Jika sudah tinggal klik Create animation.
7. Simpan banner animasi yang nantinya akan dimasukkan ke blogspot.

Demikian artikel kali ini seputar cara membuat banner blog, semoga bermanfaat.

Baca Selengkapnya →

cara membuat tulisan berkeip pd blog

Dari artikel sekarang beralih membahas cara membuat tulisan berkedip di blog atau kata lain tulisan kelap-kelip. Biasanya tulisan yang di buat menjadi berkedip adalah tulisan yang dianggap penting dan diharapkan dibaca oleh pengunjung. dengan fungsi berkedip atau kelap kelip maka konsentrasi pengunjung yang sedang membaca isi blog anda akan lebih memfokuskan kepada isi yang di buat berkedip tersebut.

Cara membuat tulisan berkedip di blog sangat mudah sekali, anda hanya menambahkan Blink di awal dan di akhir sebuah tulisan yang akan anda di buat kelap-kelip. contohnya tulisan berkedip seperti di-bawah ini:

TULISAN BERKEDIP

Jadi ketika anda menulis sebuah artikel dan slah satu tulisan anda akan dijadikan berkedip maka tambahkan kode <blink> diawal tulisan yang akan dibuat berkedip dan tambahkan kode </blink> di akhir tulisan tersebut. lengkapnya adalah:

<blink>TULISAN BERKEDIP</blink>

Yang perlu anda perhatikan:

• Pada saat menulisakan kode tersebut, posisi penulisan harus berada pada bagian Edit HTML yang letaknya di sebelah tulisan compose.
• Silahkan ganti TULISAN BERKEDIP sesuai dengan tulisan yang akan dibuat berkedip.

Nah selesai sudah artikel singkat ini.. semoga Artikel cara membuat tulisan berkedip di blog kali ini bisa anda menfaatkan.

Baca Selengkapnya →

cara membuat burung berterbangan dgn script html pada blog

Belajar Computer Dunia Maya kali ini membagi Trik bagaimana membuat burung garuda berterbangan. Selain membuat tampilan unik dan menarik, animasi ini bisa membuat daya tarik tersendiri bagi pengunjung blog terutama penggemar burung elang. Buat anda yang ingin mencobanya, silahkan ikuti tutorialnya berikut ini.

Pada Dasbor, anda pilih Rancangan.
Klik "Design" kemudian klik "Edit HTML".
Cari kode </Head> kemudian copy script di bawah ini dan paste-kan di atas kode </Head>.

<script language='JavaScript'>
var no = 8;
var speed = 15;

var snowflake = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsn9jBpCW7b2pHu5BfcBMKrUxeZ7Ayw3JG_Id8dpM54NvIIIgEhtx5Oet2PfPDzPh369OfFIau46smJId6UQ2ZLtpBkvsxOsoYUGnY4sJh3q-GrYLyqtkL2aBE-dQmeJsfAwcG_Pxjlgo/s200/Hawk_Animation.gif&quot;; </script>

<script language='JavaScript' src='http://monozcore-project.googlecode.com/files/FallinImages.js'/>

Simpan dan anda lihat hasilnya. Semoga Bermanfaat.

Baca Selengkapnya →

cara membuat efek salju pd cursor mouse di blog

Biasanya di blog" atau Wordpress" lain yang sobat kunjungi memberikan tutorial seperti ini:
1). Login ke blogger.com dengan akun sobat.
2). Pilih Tata Letak / Rancangan.
3). Pada Tab Element Halaman klik Tambah Gadget.
4). Pilih HTML/Java Script...

setelah di simpan nanti ada gadget yang kosong, padahal itu gadget buat efek salju pada cursor, saat ada orang yang berkunjung ke blog sobat pasti pengunjung itu bingung apalagi blogger newbie "kok ada gadget yang ga ada isinya ya?, aneh..."

Tapi saya tidak, saya menggunakan metode saya sendiri, saya mencoba-coba cari cara lain dan akhirnya ketemu juga, saya tidak tau apa metode ini sudah di temukan orang lain atau belom.

ok langsung aja

1. Login ke blog sobat
2. ke rancangan
3. ke edit html
4. cari kode ]]></b:skin>
5. masukkan kode di bawah ini dan letakkan di bawah kode ]]></b:skin>

<script type=’text/javascript’>
// <![CDATA[
var colour="white";
var sparkles=100;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor=”transparent”;
rats.style.visibility=”hidden”;
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top=”3px”;
rlef.style.left=”0px”;
rdow.style.top=”0px”;
rdow.style.left=”3px”;
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+”px”;
star[c].style.top=(stary[c]=y)+”px”;
star[c].style.clip=”rect(0px, 5px, 5px, 0px)”;
star[c].style.visibility=”visible”;
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout(“sparkle()”, 40);
}
function update_star(i) {
if (–starv[i]==25) star[i].style.clip=”rect(1px, 4px, 4px, 1px)”;
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+”px”;
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+”px”;
}
else {
star[i].style.visibility=”hidden”;
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+”px”;
tiny[i].style.left=(tinyx[i]=starx[i])+”px”;
tiny[i].style.width=”2px”;
tiny[i].style.height=”2px”;
star[i].style.visibility=”hidden”;
tiny[i].style.visibility=”visible”
}
}
function update_tiny(i) {
if (–tinyv[i]==25) {
tiny[i].style.width=”1px”;
tiny[i].style.height=”1px”;
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+”px”;
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+”px”;
}
else {
tiny[i].style.visibility=”hidden”;
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility=”hidden”;
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)==”number”) {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)==”number”) {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement(“div”);
div.style.position=”absolute”;
div.style.height=height+”px”;
div.style.width=width+”px”;
div.style.overflow=”hidden”;
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Yang berwarna hijau adalah warna saljunya, tinggal di ganti sesuai selera soba

Baca Selengkapnya →

cara menambah smile pada kotak komentar

Berikut adalah trik keren untuk dapat anda mencoba nya. Anda dapat menanamkan yahoo ketikan smiley ke dalam kotak komentar Anda. Ketika pembaca ingin menambahkan smiley, ia hanya harus melihat, memilih simbol yang benar untuk smiley yang sesuai dan jenis simbol. Hal ini juga dapat mendorong pengguna untuk meninggalkan komentar nya pada blog anda. Berikut adalah tutorial cara untuk melakukannya.

1. Edit Template Anda

2. Sekarang cari Kode dibawah ini. (Tekan 'Ctrl' + F untuk pencarian browser Anda)

<p class='comment-footer'>

Jika Anda menemukan dua kode atau lebih, pilih kode yang kedua.
kode harus terlihat seperti ini.

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<h3> <a expr: href = 'data: post.addCommentUrl'
expr: onclick 'data: post.addCommentOnclick' =>
<data:postCommentMsg/> </ a> </ h3>

</ B: if>
</ B: if>
</ P>
</ B: if>

Sekarang ganti  kode dengan kode berikut. (Pastikan Anda mengganti atas seluruh set)

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<Div style = '-moz-background-clip:-moz-awal;-moz-background-origin:-moz-awal;-moz-background-inline-kebijakan:-moz-awal; width: 369; text-align : kiri; border: 1px solid # cccccc; padding: 5px; background: # eeeddf, tinggi: 86 '>
<b>
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> : D
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> : p
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> : ((
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> : (
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> : X
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> = ((
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> : - /
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> : -*
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> : |
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8 -}
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~ x (
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x (
border='0' <img height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</ B>
</ Div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:postCommentMsg/> </ a>

</ B: if>
</ B: if>
</ P>
</ B: if>

Setelah itu cari kode dibawah ini

</ Body>

(Tekan 'Ctrl' + F untuk  pencarian browser Anda)

Dan paste  kode dibawah ini tepat di atasnya.

<script src='http://www.hotlinkfiles.com/files/2567928_jj914/smiley-EditBloggy.js]smiley-EditBloggy.js' type='text/javascript'/> <noscript> <a href = "http: / / techknowl.com "target =" _blank "> Blogger

Lalu SAVE dan lihat Hasilnya....Semoga Bermanfaat.

Baca Selengkapnya →

cara membuat favicon pd blogspot

 

Langsung aja...>>>

Berikut kodenya :

<link href='http://3.bp.blogspot.com/-LgxHXeLDrgc/TuJKUcfXT_I/AAAAAAAACHo/iT4GwZuW9nA/s1600/dedeyahya.gif' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Tempatkan kode di atas sebelum kode <b:skin><![CDATA[/* 

cari di edit html template anda. url ini http://3.bp.blogspot.com/-nblOeBv0JEU/TueryIEyGSI/AAAAAAAACKo/3fiSZAY-ivo/s1600/dedeyahya.gif adalah link gambar yang akan dijadi favicon blog anda, bisa diganti dengan gambar-gambar yang bergerak seperti animasi gif bisa gambar rumah, api, dan lain sebagainya dengan ukuran gambar yang tidak terbatas. Semoga berhasil..

Baca Selengkapnya →

cara memasang gambar background matrix pd blogspot

Sebelumnya nya Saya telah Posting bagaimana Cara Membuat Gambar Background Bergerak Pada Blog. Oke...kali ini Belajar Computer dunia Maya memposting bagaimana Cara Memasang Gambar  Background Matrix Pada Blog. Sebelum anda mencoba trik kali ini ada baiknya membuat backup template blog anda terlebih dahulu untuk menghindari hal-hal yang tidak diinginkan.

Cara Pemasangan
Login ke blog sobat.
Klik "Design" kemudian klik "Edit HTML".



Cari kode </Head> kemudian copy-paste kode CSS di bawah ini diatas </Head>.

<style type="text/css">
body{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7muaxqDsTZaS514nzs93LKX4oG8UFCewy8Nb7f-sVIkx3alFWVUmP9zYH_DzDQxb1qydxwFfZ9F6SV1qavQGnFjwMJfvmScx9kC3BfJniN2pK7I5loj9TTN4xk-YX2DMC1TZBh4oraVo8/s800/monozcore_blogspot_com_redmatrix.gif) repeat center center fixed black;
}
</style>

Ganti kode yang berwarna kuning pada baris kode di atas dengan URL gambar animasi matrix yang anda inginkan.

Klik "Save" dan lihat hasilnya... Semoga anda Puas.


0-1-1 Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL0AbjeElg2G8hi1XoCc0zyr_eJi3c_m-BqCyTr5UbqqVBRvVNfTEm4yceqGPW-cK_0QIO6RUA4P-aX2-7HPo0kRXmNxlBe9UPpOYOyh_Qih0Z1oM9WkMl0o5nlinafohpAUwuB4S6GI8/s1600/0_1_1.gif

Black Red Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw5m9yMiIn4URdISEKHUxcP00f3nTlrybcE6FJtk_lB8LDnVqFWJ1NNl7MBzwalQZTScqGxJ7IXGMqbMMfC3eay2Zfl3K03FxTcfcfC73SWilpxFoRbshlJngMYdq4CUbw7OkV3z63smI9/s800/black_red_matrix.gif

Blue Matrix 1

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTRfUuXhpabnIz75OJgHFWrlBKb598B-c0tba5Y91OhN9tdVDb3rVEtRuaRnQm3KW_w3mvDBOYoYUYflYWlpmuih6MEDjk4Vf-tVA7HzQp7ae5ye-M7cLxeX-Tx2KAMA9NG5pnkqWaO-cW/s800/bluematrix.gif

Blue Matrix 2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEOyxxBkwGd5cDkn-Tqu6xb28bjRSMGJEjEALz0LHxwtcoIm7BshXRRShdSlL6tivpjulnRsaf9r_2jMNa45j7iKWiy_WWM5SpeqcWXULBlVR3kTjqf8vV_L-xgVR-wQDM9ZWWDnDz6oDS/s800/bluematrix2.gif

Green Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQD697p9IfBuIZa7Wj2gFpXSRBESQYW9SyqmrfhQP_7hxEMc5q2tiLwAX5-Cs7nYQ-Ct39CGT-smNwrdF1tbdUDKp7tCQBgGH_YvURjl4kbUHYIzMynCLwLNGG3Cej-cs6KbzWepsvkKEK/s800/matrix.gif

Port Listener

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1hWmeb0h2qd_sp97onyfvTplyI8L-qDeqmDhcGioOZSotoxbiVZzT3VeHjAVdYleZ14RcFUW1U2MwtTXvPl9qYvRps4Wuc3R3OwXK8NiLT5YowdZuN_eh-GbXHBjQKSjan4wUl-6jLjP/s800/port_listener.gif

Red Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7muaxqDsTZaS514nzs93LKX4oG8UFCewy8Nb7f-sVIkx3alFWVUmP9zYH_DzDQxb1qydxwFfZ9F6SV1qavQGnFjwMJfvmScx9kC3BfJniN2pK7I5loj9TTN4xk-YX2DMC1TZBh4oraVo8/s800/monozcore_blogspot_com_redmatrix.gif

Blue Matrix

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7tRtUCvdvqiRFfRsyx74G1VNxTiQ_cLUbVi-wvnPPPj11h4mfMkXMIcK_i6wJOMV4wwVRM2hplmRka8pU6YPMZKM2kE_p4OtA8yf6cCmnidmAC_Aqx70UJHgZD6SDpphDZ6DdRqVrbmg/s800/matrix.gif

Selamat mencoba...jangan lupa Follow me.Apabila kurang mengerti tinggalkan komentar anda

Baca Selengkapnya →

cara buka site yg di blokir

 ok langsung aja ane kasih link buat agan" yg suka berselancar di mbah google
n' mendapat ksulitan tuk open link site na, langsung aje ke tkp.... :D
http://www.webproxy.tw/

Baca Selengkapnya →

Twitter Follow Badge Melayang

Kali ini saya akan membagi bagi twitter follow badge nih, tapi kali ini dengan gaya melayang. Kok melayang ? Penasaran ?
Untuk melihat langsung bisa klik di sini : Live Demo
Nah bagaimana ? Tertarik kah ? Kalo begitu, berikut cara membuatnya.

1. Login ke blog anda, lalu masuk ke rancangan > tambah gadget > html/javscript.
2. Copy paste kode di bawah ini, lalu save.

<script src='http://gecokkkk.googlecode.com/files/gecok.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.account = 'barbozzz';
tfb.label = 'follow-me';
tfb.color = '#000';
tfb.side = 'l';
tfb.top = 136;
tfb.showbadge();
</script>

Catatan :
Text yang berwarna merah adalah account twitter, bisa diganti dengan account twitter anda.
Huruf yang ditebalkan itu adalah warna backgroundnya, itu saya setting berwarna hitam. Bisa di ganti sesuai keinginan anda.
script asli dari go2web20, scriptnya lalu save upload ke host saya. :)

---

Atau anda ingin langsung setting dari go2web20 ? baiklah, ikuti langkah langkah berikut.

1. Anda hanya perlu masuk ke web ini : go2web20
2. Lalu anda setting dengan keinginan anda. Contoh gambar seperti di bawah ini :

Terima kasih jangan lupa berkomentar dan terus semangat !

Baca Selengkapnya →

Cara Membuat Daftar Isi Sesuai Label

Ini yang sering kali susah di cari keywordnya oleh blogger. Jadi setiap mau nyari di google susah ketemu padahal ini yang di cari cari buat blogger. Dari pada ngetik satu satu kebanyakan, mending langsung cara simple nya aja.
Saya sampai bingung cari keyword nya, akhirnya ketemu juga.
Dan dari pada bingung nyari nya lagi takut lupa, saya posting aja :)

Cara Membuat Daftar Isi sesuai label atau kategori, mungkin ini biasa ya ? oke saya tambahkan dengan fungsi scroll ? oh itu baru luar biasa  :)
Demo nya anda bisa lihat di bagian 3 kolom pada bagian bawah. Bagus bukan ? Mari kita membuatnya.

Cara Membuat Daftar Isi Sesuai Label :

1. Login dulu ke blog anda, lalu ke rancangan, dan tambahkan gadget > HTML/Javascript.
2. Copy paste kode di bawah ini lalu save

<script style="text/javascript">
var numposts = 500;
var standardstyling = true;
</script>

<script type='text/javascript' src='http://gecokkkk.googlecode.com/files/label-post.js'></script>
<div style="overflow:auto;width:280px;height:200px;padding:10px;border:1px solid #eee">
<ul>
<script src="http://gecokk.blogspot.com/feeds/posts/default/-/Tutorial Blog?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>
</ul>
</div>

    3. Lalu save dan lihat hasilnya :)

Catatan:  
width:280px adalah lebar scroll;
height:200px adalah tinggi scroll;
dan yang paling penting huruf yang di cetak tebal berwarna biru (Tutorial Blog), itu adalah nama label atau kategori. Harap diganti sesuai anda.

Baca Selengkapnya →

Cara Membuat Kotak Komentar Keren Dengan Round Corner dan Shadow Gaya Gecok

Cara Membuat Kotak Komentar Keren Dengan Round Corner dan Shadow Gaya Gecok

Maaf sebelumnya karna saya jarang ngisi tutorial blog lagi, karna ada kesibukan lain. Jadi mungkin sekarang saya akan memberikan tutorial "Cara Membuat Kotak Komentar Keren Dengan Round Corner dan Shadow Gaya Gecok". Anda pasti heran seperti apa ? bagaimana bentuknya ? Sebelumnya juga saya sudah membuat tutorial tentang "Memasang Kotak Komentar Yang Indah di Blog" dan "Cara Mempercantik Kotak Komentar".
Untuk contohnya anda bisa lihat bagian komentar di bawah, kira kira seperti itu, anda bisa mengedit edit nya lagi.

Perhatikan bagian CSS, hapus kode css "comments" yang lama dengan yang baru.
Dari  :

/* Comments ----------------------------------------------- */  sampai .deleted-comment{blablabla}

Berikut CSS komen yang baru:

---

/*COMMENTS*/
.comments {
-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px #000;
-moz-border-radius: 0 0 10px;
-webkit-border-radius: 0 0 10px;
background:#fff;
float: left;
width: 570px;
margin-bottom:5px;
padding: 10px;
overflow:hidden;
border:1px solid #cfcfcf;
}
#comments h4 {
color: #000;
font-size: 20px;
font-family: Georgia,trebuchet ms, tahoma, Verdana, Arial, Sans-Serif;
font-weight: normal;
margin: 0 0 5px;
padding: 0 0 10px 0;
}
#comments-block {
width: 500px;
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: 0em 0;
font-weight: bold;
}
#comments-block .comment-body {
margin: .25em 0 10px;
padding-left: 20px;
font-size:12px;
text-align:justify;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
border-bottom:1px solid #cfcfcf;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
color: gray;
}

---

Jika sudah di ganti, sekarang masuk ke Html nya.
Cari kode berikut :

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1<data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

Tips : Fokus saja sama yang teks di tebalkan, untuk memudahkan pencarian CTRL + F kalau mozilla pencet F3.

Jika sudah menemukan hapus saja semua kode yang di atas, lalu ganti dengan yang baru. Berikut kode yang baru nya.

---

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<div class='bawahpost'>
Commenting is well and do not offend others. And also do not forget to spam here. Your comment is very valuable for me. So was the comment below:<img alt='yahoo' border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/></div>
<br/>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>


<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a> on <data:comment.timestamp/>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=9010539091474445390&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%3A%20#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;' style='padding:0px 5px; '>[Reply]</a></span>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>


<dd class='comment-footer'>
<span class='comment-timestamp'>

<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<h4>This comment box</h4> by <a href='http://gecokk.blogspot.com' target='_blank'>Angga Pradipta</a>
<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

---

Perhatikan no yang berwarna merah. Itu adalah no ID blog, mohon segera diganti dengan BlogID anda.
Bagaimana mengetahuinya ? Coba lihat di address bar, atau lebih jelasnya lihat gambar di bawah ini :

Lalu save, dan lihat hasilnya.

Baca Selengkapnya →