Thanks For Visiting My Blog
Showing posts with label Tips dan Trick Blog. Show all posts
Showing posts with label Tips dan Trick Blog. Show all posts

Tuesday, August 2, 2016

How To Install Anti AdBlock On Your Blog


Anti-Adblock Killer is a userscript whose functionality is removes many protections used on some website that force the user to disable the AdBlocker. So you can continue to visit this website without having to disable your Adblocker.

And this post will describe How To Install Anti AdBlock On Your Blog with simply scipt .

Instruction :
1. Go to Layout
2. Click Add Gadget / Add This Widget

3. Add Html and Javascript


4. Copy This Code :
<style>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#f9f9f9;opacity:.97;display:block;padding:10% 0}#h237 *{text-align:center;margin:0 auto;display:block;filter:none;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 ~ *{display:none}</style><br />
<div id="h237">
Please Enable JavaScript!<br />Mohon Aktifkan Javascript!<a href="http://www.enable-javascript.com/">[ Enable JavaScript ]</a></div>
<script>window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKZlSdVfN_VDDqpyM_4VpRV87eFfjOnB8_PEwBPKFEhDFYWYQYjYDpk4mc6fDNVGBaM3MAjzjyYgojcnjWTUXyJcMuJbzTiCd_0GdVJClSguxMqUQoXYfKPBABdBAFTRPSXu-_Guyn-fg/s1600/Disable+Adblock+-+English.png" height="350" width="699" alt="Stop-AdBlock" /> <a href="JavaScript:window.location.reload()">[ Reload ] [ AutoHack-Android ]</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>


4. Paste into Content Box and Click Save
RESULT


SUMBER : http://www.droidhack.cf/

Saturday, May 25, 2013

Cara Membuat Tag Cloud Berputar Seperti Bola Dunia Di Blogger


Setelah nyari sana-sini akhirnya nemu juga tutorial cara membuat tag cloud berputar di blog, atau label berputar. Kamu bisa lihat hasil cara membuat label berputar pada blog punyaku ini.



 
CATATAN : Tidak semua template dapat mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu. 
Berikut caranya:

1. Login ke  blogspot
2.  Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode :
( kalau mau lebih cepat nyarinya pakai F3 aja)
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,














 5. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save .

CATATAN
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Hitam : Ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.

Wednesday, May 22, 2013

Cara Membuat Rating Pada Blog Dengan Gambar Bintang Dengan Voting

Pada postingan kali ini saya akan berbagi cara Cara Membuat Rating Pada Blog Dengan Gambar Bintang Dengan Voting seperti blog saya ini !!!

biar lebih jelas
ini Contohnya !!!




gambar di atas hanya contohnya saja
jika mau dengan pilihan lebih banyak lagi
KUNJUNGI SITUS http://www.mypagerank.net/service_starrating_index

Thursday, May 16, 2013

Daftar Vulnerability Website With Webdav

Daftar Website Vuln WebDav Terbaru Januari 2013
Iseng-iseng nggak ada kerjaan buka lagi tool lama buat deface. Pasti tau kan Tool WebDav buatan kakak Hmei7. Banyak situs yang share 1000 situs vuln Webdav namun kenyataannya situs tersebut sudah tidak bisa diinjek karena sudah di-patch. Nah, karena keisengan tadi, lagsung saja saya cari pakai google dork situs-situs yang masih perawan alias masih vuln sama webdav di awal tahun 2013 ini.

Berikut daftar situs yang masih Vuln WebDav Januari 2013 :

http://dike.dpt.go.th
http://www.shbhgy.com
http://www.vintagefaucet.net/
http://www.blusign.it/
http://www.indal2000.it/
http://www.kozi.com.tw/
http://vendors.csgroupny.com/
http://www.druckpunkt.at/
http://lidu.homesoft.com.cn/
http://www.mazda-gh.tw/
http://www.wiltrom.com.tw/
http://www.dialect.tw/
http://caiwu.hkjulong.com/
http://sportgame.shenzhenfdi.cn/
http://www.szfdi.cn/
http://www.designmonic.se/
http://www.fulaigongwq.com/
http://www.xgzssh.com/
http://oa.cumtec.com/
http://taihelive.com/
http://zhuanqian28.com/
http://ftxx.hyedu.net.cn/
http://www.chitoo.cn/
http://www.zhenhbjzz.cn/
http://www.luoxuanguan.net.cn
http://fe.sziit.edu.cn/
http://www.chfdc.gov.cn/
http://jsj.ahiec.net/
http://tmkzxh.com/
http://lib.nttec.edu.cn/
http://marcatoarredamenti.it/
http://www.adhesive-tapes.it/
http://www.hotelnewtiffanyspark.com/
http://www.giocattoliemodellismo.it
http://www.agnolettoautotrasporti.it/
http://www.gammapoliuretani.it/
http://www.zzhsjxc.com/
http://www.zzhsjxc.com/
http://bh-parts.com/
http://www.vintagefaucet.net/

Tutorial Deface Dengan Tool Havij

Pertama yang anda Butuhkan Adalah Mencari Dork Website yang ingin Anda Deface  Daftar Dork

Download Havij 1.15 Mediafire
Extrack Hasil Download dari Mediafire tadi
Lalu Extrack Filenya .
Buka Havijnya
Lakukan Crack - Sesuai Cara yang saya Lampirkan

Link Website yang ingin anda Deface


Cara Deface Website Dengan Havij 1.15

Nomor 1 Kita memasukkan Link Website yang Akan di Deface
Nomor 2 Lakukan analyze
Nomor 3 Kita akan Mendapatkan Nama Database Website tersebut
Nomor 4 Tekan Table Untuk Melihat Isi Database tersebut

Cara Deface Website Dengan Havij 1.15

Akan Terlihat Databasenya.  jika masih kosong seperti ini tekan Get DB . lalu tekan Get Table. Kemudian tekan Get Columms 


Cara Deface Website Dengan Havij 1.15
Anda akan mendapati Data base . dan cari dimana letak User dan Passwordnya .. Lihat gambar . Centang databasenya .  lalu pilih Get Data maka akan keluar seperti  user dan passwordnya

namun passwordnya masih berbentuk MD5 , maka Tekanlah MD5 pada Havij untuk mengetahui password aslinya .

setelah mendapati passwordnya . silahkan cari Admin Login dengan Menekan Find Admin

Setelah itu silahkan anda lakukan apapun dengan website itu haha ..
Cara Deface Website Dengan Havij 1.15
ini tidak saya teruskan karena pusing lihat bahasanya haha ..
kalo ada yang mau nerusin nih :

User : wedlife
Password : 311078
Halaman Login : www.wedlife.ge/admin/

Sekian Artikel tentang Cara Deface Website Dengan Havij 1.15 semoga bermanfaat dan jangan disalah gunakan

Cara Deface Web Sekolah

Oke Langsung Saja ^_^

Kali Ini Saya Akan Berbagi Sedikit Trick Ngawur Dari Saya,... ^_^
Atau Cara Mendeface Website Sekolah
Dan Langkah Langkahnya Pun Sangat Mudah Dan Sederhana,..

Pertama-tama Anda Siapkan File Deface Kalain
Berupa  .txt  / .jpg / .gif /.png , Yang Akan Di Upload Nantinya,...
Nah Kalau Sudah Anda Siapkan,..
Langsung Saja Pilih Salah Satu Dork
Dan Copy Salah Satu Dork Di Bawah ini,...

Dork:
inurl:/html/siswa.php?
inurl:/html/alumni.php?
inurl:/html/guru.php?


Dan Saya Akan Memberi Contoh Pada Kalian,..
Nah  Sekarang Saya Akan Memilih Salah Satu Dork Di Atas,
Dan Kali ini Saya Memilih Dork Yang  inurl:/html/guru.php?
Dan Saya Akan Paste Pada Halaman Googel Seperti Gambar berikut ini

Kalau Dork Sudah Anda Paste Lalu Klick Enter / Seperti Petunjuk Pada Gambar Tersebut
Dan Akan Keluar Banyak website Seperti Gambar Di Bawah ini
Lalu Anda pilih Salah Satu Website,..
Oke,.. Apakah Anda Sudah Paham,..??
Kalau Sudah Saya Akan Melanjutkan Salah Satu Contoh Tadi

Setelah Anda Memilih Salah Satu Website,..
Lalu Rubah Tampilanya Kita Exploit  Dengan menambahkan
/editor/filemanager/connectors/test.html  Pada belakang Site tersebut,..
Oke Saya Lanjut Contohnya,...
Setelah Saya Memilih Salah Satu Website,..
Dan Saya Memilih Website ini Sebagai Contohnya,...
Saya Memilih website Yang Saya temukan tadi Go.id 
http://www.tanjabbarkab.go.id/html/guru.php?id=profil&kode=53&profil=Pantun%20Daerah
Dan perhatikan Gambar tersebut
Lalu Saya Akan Exploit Seperti Contoh Gambar Berikut ini

Bila Anda Masih Bingung Sedikit Singkat
Langsung Saja
http://www.tanjabbarkab.go.id/html/guru.php?id=profil&kode=53&profil=Pantun%20Daerah
Anda Rubah yang Warna Hijau ini
 /html/guru.php?id=profil&kode=53&profil=Pantun%20Daerah
Hingga Menjadi Seperti ini
http://www.tanjabbarkab.go.id/editor/filemanager/connectors/test.html

Dan Akan Keluar Seperti Contoh Gambar Berikut ini


Setelah Anda Exploit Dan Menjumpai Tampilan Seperti Pada Gambar tersebut
Langkah yang Anda Lakukan Selanjutnya Hanya Merubah
Pada Kolom Connector *ASP Ubah Menjadi *PHP 
Terus Kolom Resource Type Ubah Jadi *FILE




Perhatikan Gambar ini


Jika Sudah Langsung Saja Klik Browse
Pilih File Yang Sudah Anda Siapakan Tadi Sejak Awal
Kalau Sudah Anda Pilih Filenya Lalu Upload


Setelah File Terupload,...
Sekarang Kita Cari File Kita,...
Dengan Menambahkan /userfiles/namafileanda.txt
Dibelakang Site / Website Tadi
Sebagai Hasil Dari Contoh Tadi
Inilah Hasilnya,...
http://www.tanjabbarkab.go.id/userfiles/file/HsH.txt






Dan Anda Juga Bisa Upload Tipe Gambar
Kalau Gambar,.. Langkahnya,..
Rubah Kolom Resource Type  *FILE  Ubah Jadi *Image
Perhatikan Gambar ini




Kalau File Gambar Sudah Terupload
Sekarang Kita Cari File Kita,...
Dengan Menambahkan /userfiles/image/namafileanda.jpg
Dibelakang Site / Website Tadi

Wednesday, May 15, 2013

Cara Membuat Popular Post Dengan Scroll

postingan kali ini saya akan membahas Cara Membuat Popular Post/Entri Populer dengan Fungsi Scroll. Pada dasarnya caranya sama dan kode yang di gunakan pun juga sama, hanya penempatan kodenya saja yang berbeda.

Dibawah ini adalah screenshot pada saat posting ini saya tulis:

Bagi sobat yang ingin menampilkan widgat Arsip / Daftar isi dengan fungsi scroll silahkan ikuti berikut ini:
  1. Login terlebih dahulu mengunakan akun bloger
  2. Buatlah Entri Populer/Populer Post dengan menambah Gadget pada sidebar, beri nama dengan "Populer Post" ( bisa diganti sesuai keingian ).
  3. Simpan/save. sampai disini anda telah membuat Entri Populer/Populer Post ( tanpa fungsi scroll ).
  4. Utuk menambahkan fungsi scroll pada Arsip Sekarang tuju Tata letak -- -->>Edit HTML.
  5. Beri tanda centang pada Expand Template Widgets.
  6. Cari Populer Post yang sudah di buat tadi, dengan CTRL+F dan ketikkan kata “Populer Post”, ( biasanya di pojok kanan bawah ). akan muncul kode hatml seperti di bawah ini:


    <b:widget id='PopularPosts1' locked='false' title='Galery Populer' type='PopularPosts'>
    <b:includable id='main'>
    <b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div style='overflow:auto; width:ancho;height:200px;'>
    <div class='widget-content popular-posts'>
    <ul>
    <b:loop values='data:posts' var='post'>
    <li>
    <b:if cond='data:showThumbnails == &quot;false&quot;'>
    <b:if cond='data:showSnippets == &quot;false&quot;'>
    <!-- (1) No snippet/thumbnail -->
    <a expr:href='data:post.href'><data:post.title/></a>
    <b:else/>
    <!-- (2) Show only snippets -->
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    <div class='item-snippet'><data:post.snippet/></div>
    </b:if>
    <b:else/>
    <b:if cond='data:showSnippets == &quot;false&quot;'>
    <!-- (3) Show only thumbnails -->
    <div class='item-thumbnail-only'>
    <b:if cond='data:post.thumbnail'>
    <div class='item-thumbnail'>
    <a expr:href='data:post.href' target='_blank'>
    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
    </a>
    </div>
    </b:if>
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    </div>
    <div style='clear: both;'/>
    <b:else/>
    <!-- (4) Show snippets and thumbnails -->
    <div class='item-content'>
    <b:if cond='data:post.thumbnail'>
    <div class='item-thumbnail'>
    <a expr:href='data:post.href' target='_blank'>
    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
    </a>
    </div>
    </b:if>
    <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
    <div class='item-snippet'><data:post.snippet/></div>
    </div>
    <div style='clear: both;'/>
    </b:if>
    </b:if>
    </li>
    </b:loop>
    </ul>
    <b:include name='quickedit'/>
    </div></div>
    </b:includable>
    </b:widget>
  7. Letakkan Kode berikut ini <div style='overflow:auto; width:ancho;height:200px;'> sebelum kode <div class='widget-content popular-posts'>


8. Letakkan Kode berikut Sebelum kode </b:includable>

</div>


9. Perhatikan tulisan berwarna merah di atas, kode itulah yang harus disisipkan kedalam
arsip yang telah dibuat, sedangkan tulisan yang berwarna biru pada height:200px;
adalah ukuran tinggi pada fungsi scroll ( ganti angka 200 sesuai dengan keinginan )
10. Simpan template dan lihatlah hasilnya

Cara Membuat Meta Tag Di Setiap Postingan Secara Otomatis

Cara memasang meta tag deskripsi dan keyword setiap postingan secara otomatis ini juragan bagi kedalam 2 bagian, sobat-sobat ikutin aja salah satu dari kedua cara dibawah ini :



Bagi yang BELUM PERNAH memasang meta tag deskripsi sebelumnya, ikutin cara ini :

  1. Pertama-tama login dulu dong ke blogger.com terus ke tata letak > edit html.
  2. Tunggu sampe terload secara maksimal dan cari kode berikut (gunakan ctrl + f di firefox untuk mencari) :
    <title><data:blog.pageTitle/></title>
  3. Setelah dapat kode diatas hapus lalu ganti dengan kode berikut :
    <b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>
    <title><data:blog.pageTitle/></title>
    <meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
    <meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
    </b:if>
  4. Selesai dan save template sobat.

Bagi yang SUDAH PERNAH memasang meta tag deskripsi sbelumnya, ikutin cara berikut ini :

  1. Udah login ke blogger kan ? langsung menuju tata letak > edit html.
  2. Di halaman edit html, cari kode ini :
    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>

    Intinya tuh sobat cari kode deskripsi yang lama ( yang udah pernah sobat pasang sebelumnya), kemudian dihapus aja semua kode deskripsi yang lama ntuh.
  3. Setelah kode meta tag deskripsi dan keyword yang lama dihapus diganti dengan kode berikut yang tentunya lebih canggih lagi,hhe :
    <b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>
    <title><data:blog.pageTitle/></title>
    <meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
    <meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
    </b:if>
  4. Udah digantikan ? kalo udah selesai langsung aja di save template.
Nah, demikianlah cara bikin meta tag di setiap postingan secara otomatis. Semoga setelah ikutin cara diatas sobat-sobat juragan semuanya gak direpotkan lagi dengan harus memasang meta tag deskripsi di setiap postingan secara manual lagi. Salam.

Cara Membuat Like Button, Tweet Button dan Add to Google Button

Cara membuat like button, tweet button dan add to google button
silahkan "pemirsa" copy dan paste html dibawah ini !!!


<div class="addthis_bar addthis_bar_vertical addthis_bar_large" style="top:50px;left:05px;">            <div class="addthis_toolbox addthis_default_style">                <span><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a></span><br />                 <span><a class="addthis_button_tweet" tw:count="vertical"></a></span><br />                 <span><a class="addthis_button_google_plusone" g:plusone:size="tall"></a></span><br />                 <span><a href="http://ivant-to-ivank..com/2012/02/cara-membuat-like-button-melayang-di.html" target="_blank"><span style="font-size: x-small;">pasang di blog anda</span></a></span><br />             </div></div><script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js"></script>

Jika belum tahu cara memasukan html di atas
nih silahkan pemirsa ikuti langkahnya !!!
  1. Masuk ke akun blogger pemirsa
  2. Pergi ke "Tata Letak"
  3. Add Gadget atau Tambah Gadget
  4. Cari "Edit HTML/javascript"
  5. Dan masukan html di atas
  6. Selesai
Mudahkan !!!
mohon komentar atau balasannya OK !!! 

Cara Membuat Kotak Tweet Twitter dan Widget Follow Pada Blogger

OKE ... Sob bertemu lagi ama ane yang dah lama ga update posting,
berikut adalah Cara Membuat Kotak Tweet Twitter dan Widget Follow Pada Blogger
dah dari pada basa-basi mendingan langsung kita ke TKP...


<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvAbzBhJsiaVVJsIEerqN8X8GNe_qV2u0crDlk9TC3ml_9nsZyBYO7ELvTUYJZJeWoTPKUPsaVNeTrA7hB1Spt0u47slpPamKIlOq4LBPI8na0SC_KOqdd4sxSxqcXH-eM0LWbLqIIeHRZ/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('Zone Of Anonymous').start();
</script>
</div>
<br />
<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
lang=en&amp;link_color=&amp;screen_name=abelavriyanno&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
 Keterangan :
  • Masuk Blogger
  • Ke Tata Letak
  • Tambah Gadget atau Add Gadget
  • Pilih Edit HTML/javascript
  • Masukan HTML/script Di atas
Mudahkan................................................

Cara Membuat Kotak Scroll Untuk Text Dan HTML Dalam Postingan Blog

Nah posting lagi nih, sekaligus dua gapa-pa
kata MBAH Google posting sehari maksimal dua yang terindeks google
dah dari pada basa-basi kita langsung ke pembahasan kali ini
tentang Cara Membuat Kotak Scroll Untuk Text Dan HTML Dalam Postingan Blog

  • masuk akun blogger siapa aja yang penting masuk
  • ke tata letak
  • add gadget atau tambah gadget
  • pilih edit HTML/javascript
  • lalu masukan script dibawah ini


<span><span style="font-style: italic;"><span style="font-style: italic;"><div style="height: 100px; width: 400px; font: 16px/26px Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>

  • Untuk yang berwarna merah ukurannya terserah mau berapa aja
  • Setelah itu Simpan
Mudahkan Brother
tips-tips saya memang mudah
jika ada postingan saya yang kurang jelas
silahkan komentar di postingan tersebut
sekian pembahasan tentang
Cara Membuat Kotak Scroll Untuk Text Dan HTML Dalam Postingan Blog

Cara Membuat Kotak Pesan Pembuka Dan Penutup

  • Membuat Pesan Pembuka

1. login blog
2. klik Rancangan --> EDIT HTML
3. cari kode <head>
4. taruh kode dibawah ini tepat dibawah kode <head>
<script type='text/javascript'>
alert("welcome to my blog")
</script>
6. Ganti tulisan yang berwarna biru
7. Selesai
  • Membuat Pesan Penutup

    kalau sobat pengen tambah dengan pesan penutup. dibawah ini ada juga langkah"nya.

    Langkah-langkahnya membuat pesan penutup :

    <script type="text/javascript">
    // goodbye alert
    function goodbye(){
    alert(&#39;Thankz for your visit.... good bye&#39;);
    }
    parent.window.onunload=goodbye;
    </script>
Ganti tulisan yang berwarna biru
OK Brother
Mudahkan !!! 

Cara Membuat Kotak Pencarian Google di Blog

OK Brother masih dengan saya yang update terus .....
nah kali ini saya akan berbagi info yang selama ini saya juga cari
yaitu ...  "Cara Membuat Kotak Pencarian Google di Blog"
dan sampai sekarang baru ketemu........
nah langsung aja ni saya kasih petunjuk untuk pemirsa

Langkah-langkahnya
berikut :

  • Masuk akun blogger siapa aja yang penting masuk (seperti biasa)
  • pilih rancangan bagi blog versi lama dan pilih tata letak bagi blog versi baru
  • klik "add gadget" atau "tambah gadget"
  • pilih HTML/javascript
  • masukan HTML di bawah ini

Script Kotak Pencarian
<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'in', style : google.loader.themes.MINIMALIST});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '004040233045276945651:WMX1209676875', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.LARGE_RESULTSET);
    var options = new google.search.DrawOptions();
    options.setAutoComplete(true);
    customSearchControl.draw('cse', options);
  }, true);
</script>

<style type="text/css">
  .gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-control-cse .gsc-table-result {
    font-family: Arial, sans-serif;
  }
  input.gsc-input {
    border-color: #777777;
  }
  input.gsc-search-button {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #777777;
    background-color: #777777;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #333333;
    background-color: #333333;
  }
  .gsc-tabsArea {
    border-color: #333333;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result.gsc-promotion:hover {
    border-color: #000000;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #444444;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #777777;
  }
  .gsc-cursor-page {
    color: #444444;
  }
  a.gsc-trailing-more-results:link {
    color: #444444;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #000000;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #777777;
    background-color: #FFFFFF;
    color: #444444;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #333333;
    background-color: #333333;
    color: #444444;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #CCCCCC;
    background-color: #E6E6E6;
  }
  .gsc-completion-title {
    color: #444444;
  }
  .gsc-completion-snippet {
    color: #333333;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #0000CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #444444;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #00CC00;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #00CC00;
  }</style>




  • Setelah itu simpan


  • Mudahkan..............
  • Cara Membuat Kotak Like Box atau Iklan Melayang Di Blog

    nah sekarang postingan tentang
    Cara Membuat Kotak Like Box atau Iklan Melayang Di Blog

    nah ga usah basa-basi langsung ajAA kita KE TKP
    • masuk akun blogger siape aje yang penting masuk seperti biasa
    • ke tata letak
    • add gadget atau tambah gadget
    • pilih edit HTML/javascript
    • masukan script di bawah


    <style type="text/css">
    #topbar{
    position:absolute;
    padding-left:260px;
    background-color: transparancy;
    width: 300px;
    visibility: hidden;
    z-index: 100;
    }
    </style>
    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>
    <br />
    <div class="clear">
    </div>
    <div id="topbar">
    <div style="text-align: right;">
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO5fulbClt3VABgZbJq6RaOhemErIqtWfMAICaWenoemhLYOnnR1vZkb3vF0J-DZ-8Uq_F7Esvjm1OKgNAPcTWR7rh3bmDOytKep_ob5WKbqVSAZhYi2TksQcCWLmGZ_fydYRgPZQyad7X/s1600/close3.png" /></a></div>
    <center>
    <div style="background: #fff;">
    Masukan Code/HTML like box pemirsa
    </div>
    </center>
    </div>



    • Ganti Tulisan Yang berwarna merah dengan HTML like box pemirsa
    • Setelah Itu Simpan....
    OK Brother....

    Cara Membuat Kotak Komentar Blogger, Facebook, Twitter Pada Blog

    Cara Membuat Kotak Komentar Twitter Dan Facebook Di Blog

    Kami telah mencoba selalu berinofasi untuk membuat sesuatu yang baru, yang dapat membuat blog kita meningkat Trafficnya, pasti berbagai cara kita lakukan. Kini kami mendukung usaha anda dalam postingan-postingan kami yang sangat bermutu dan berkualitas, semoga bisa menjadi sebuah kekuatan pada blog kawan-kawan.

    Langsung saja, kami telah mencoba berbagai cara untuk membuat seperti yang anda lihat pada gambar. Awalnya kami hanya menggunakan penggabungan Blogger Comment dengan Facebook Comments, tapi kami melihat banyak juga saat ini para penggguna Twitter Mania, kami mencari solusi sebuah inofasi, akhirnya kami Tanya mbah google “Cara Membuat Aplikasi di Twitter” dan kami mencoba menganalisa dengan cermat. Seperti inilah yang dapat kami lakukan, menggabungkan 3 komentar langsung (Blogger, Twitter, Facebook) sehingga membuat komentar pada blog kita menjadi indah. Dan kami langsung mempraktekkannya pada blog kami, akhirnya berhasil.

    Dan kami telah menggunakan ini.
    Apakah kawan-kawan ingin menggunakannya juga-??

    *Kami akan memberikan cara dengan mudah dan terperinci.
    Semoga dapat bermanfaat.

    Untuk membuat kotek komentar Blogger, Twitter, Facebook dengan digabungkan ikuti langkah dibawah ini :

    Yang kita butuhkan adalah :
    - APP ID (pada facebook)
    - API Key (pada twitter)
    - ID Blogger (pada bglogger)

    Bingung cara membuatnya-??
    Naahh…
    Langsung saja untuk mendapatkan API Key buatlah aplikasi di Twitter,
    Untuk membuat nya KLIK DISINI
    kemudian ikuti langkah-langkah yang diajukan. (mudah)

    Untuk mendapatkan APP ID buatlah aplikasi di Facebook Devoleper
    Untuk membuatnya KLIK DISINI
    kemudian ikuti langkah-langkah yang diajukan. (mudah)

    Untuk mendapatkan ID Blogger,
    Kita masuk pada blogger kemudian lihat pada Address Bar (copy angka setelah ID=…….)

    Sekarang selesai langkah pertama.
    Sebelum memulai, terlebih dulu download template lengkap untuk berjaga-jaga barangkali kita ingin mengembalikan ke template semula atau jika terjadi kesalahan. Sekarang kita mulai langkah-langkah memasang kotak komentar facebook dan twitter di blogger.

    1. Masuk ke akun blogger, lalu pilih Rancangan > Edit HTML > Centang 'Expand Template Widget'
    2. Tekan tombol Ctrl+F lalu cari kode <head>
    3. Masukkan kode berikut tepat di bawah kode <head>:

    <meta content='Profile_ID' property='fb:admins'/> 
    <meta content='APP_ID' property='fb:app_id'/>
    <script src='http://code.jquery.com/jquery-latest.pack.js'/>
    <script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
    <script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>
    <script src='http://platform.twitter.com/anywhere.js?id=API_KEY&amp;v=1'/>

    4. Perhatikan kode berwarna merah :
    • Ganti tulisan Profile_ID dengan ID profil atau username facebook kita. ID profil bisa berupa angka atau huruf. Cara mengetahui ID profil kita adalah dengan membuka halaman profil dan lihatlah kolom alamat (address bar).  Jika alamat profil Rafi Aldiansyah Asikin adalah www.facebook.com/fian.rasyah, maka ID profil Saya adalah fian.rasyah
    • Kita juga bisa mengeset username dengan masuk ke account settings (pengaturan akun) > username (nama pengguna) > edit (sunting).
    • Ganti tulisan APP_ID dengan ID Aplikasi facebook kita yang tadi kita buat sebelumnya
    • Ganti tulisan API_KEY dengan API KEY dari aplikasi twitter yang kita buat sebelumnya
    5. Berikutnya, cari kode class='comments'
    6. Masukkan kode berikut tepat di bawah kode class='comments'

    <d
    iv class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
    <data:po
    st.numComments/> Comments
    </div>
    <div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
    <span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
    </div>
    <div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
    <fb:comments-count expr:href='data:post.url'/> Komentar
    </div>
    <div class='clear'/>
    </div>
    <div class='comments-page' id='twitter-comments-page'>
    <div id='js-tweet-box'/>
    </div>
    <div class='comments-page' id='fb-comments-page'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <div id='fb-root'/>
        <fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
      </b:if>
    </div>
    <div class='comments comments-page' id='blogger-comments-page'>

    7. Perhatikan kode berwarna merah:
    • Kita bisa mengganti kata Comments dan Tweets dengan kata lainnya yang diinginkan
    • Kita bisa mengganti angka 10 dengan jumlah komentar facebook yang ingin ditampilkan
    • Kita bisa mengganti angka 400 dengan ukuran lebar kotak komentar yang diinginkan 
     8. Simpan template dan hasilnya bisa dilihat sendiri pada halaman postingan di blog Rafi Orilya ini. Selamat mencoba, semoga berhasil!

    Selesai.... kan.

    Tambahan ilmu :

    Untuk menghilangkan ikon kotak komentar dari halaman statis, lakukan langkah-langkah berikut (setelah kita berhasil memasang kotak komentar facebook dan twitter di blogger):
    1. Masuk ke dasbor > rancangan > edit HTML > ceklis 'expand template widget'
    2. Dengan menggunakan Ctrl+F, cari kode class='comments' 
    3. Tepat di bawahnya, masukkan kode <b:if cond='data:blog.pageType != "static_page"'>
    4. Di bawah kode yang kita tambahkan tadi, akan kita temukan kode-kode tab kotak komentar yang sudah kita masukkan sebelumnya.
    5. Scroll ke bawah lagi dan temukan kode <div class='clear'/>
    6. Tepat di atas kode tersebut, masukkan kode </b:if>
    7. Simpan template

    Cara Membuat Kotak Komentar Admin Berbeda Di Blog

    Cara Membuat Kotak Komentar Admin Berbeda Di Blog

    KomentarKetika saya jalan-jalan (blogwalking) saya sering menemukan komentar admin yang berbeda dari pengunjung nya. Hal ini membuat saya selalu bertanya-tanya bagaimana cara mereka membuat nya karena template blogspot punya saya tidak seperti itu.
    Akhirnya saya googling dan menemukan banyak cara untuk membuat ini, berikut Cara Membuat Kotak Komentar Admin Berbeda Di Blog :
    Masuk blogger > rancangan > edit html > centang expand template widget
    Cari kode ]]></b:skin> Pastekan kode berikut tepat di atas kode  ]]></b:skin>
    .author-comments {
    background: #333333;
    border: 2px solid #666666;
    padding: 5px;
    }
    Pada kode berwarna merah di kotak atasbisa diganti sesuai keinginan.
    Kemudian cari kode
                <data:commentPostedByMsg/>
                </dt>

    Jika sudah ketemu kode di atas, pastekan kode di bawah ini tepat di bawah </dt>
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='author-comments'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    Kemudian cari kode <dd class='comment-footer'> tambahkan </b:if> tepat di atas kode <dd class='comment-footer'>Sehingga keseluruhannya tampak seperti di bawah ini :
    <data:commentPostedByMsg/>
    </dt>
    <b:if cond='data:comment.author == data:post.author'>
    <dd class='author-comments'>
    <p><data:comment.body/></p>
    </dd>
    <b:else/>
    <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                  <b:if cond='data:comment.isDeleted'>
                    <span class='deleted-comment'><data:comment.body/></span>
                  <b:else/>
                    <p>
                      <data:comment.body/>
                    </p>
                  </b:if>
                </dd>
    </b:if>            <dd class='comment-footer'>
    Terakhir simpan template, dan kemudian untuk melihat hasilnya silahkan  berkomentar di blog sendiri dengan catatan harus login di blogger dulu.