Iklan

Senin, 30 Mei 2011

Windows Password Remover 7.01 | Hack Windows Administrator

- bazComp share -

Windows Password Remover 7.01 merupakan salah satu tool buat hack password administrator windows. Cara menggunakan aplikasi ini katanya sangat lah mudah, terus terang saya juga belum mencobanya, saya hanya membaca informasi di readme.txt nya saja. Mungkin kalau ada kesempatan lain kali akan saya coba.

Cara menggunakan software Windows Password Remover 7.01 :
  1. Burn the iso on a cd.
  2. Boot the cd.
  3. Wait untill it asks any thing from you (Some time).
  4. Remove the password of the admininstrator.
*The interface is simple and easy, You will get it.

Supports : Windows 7, Windows Vista, XP, 2008, 2003 and 2000, etc.


Password :
www.remo-xp.com
Download Windows Password Remover 7.01 | Hack Windows Administrator
readmore »»  

Tips Membuka Situs Yang Di Blokir Oleh Nawala, Telkom, AHA

- bazComp share -
Sobat blogger yang demen online dan browsing pasti udah nggak asing lagi dong dengan yang namanya Nawala?? Banyak sobat blogger yang bertanya ke saya "Bang, cara buka situs yang di blokir oleh Nawala gimana sih??" Mau tau, silahkan baca tips berikut ini,,

Oiya, sebelum saya menjelaskan caranya, ada baiknya kita mengenal apa itu Nawala yang saya ambil langsung dari nawala.org.

Nawala (DNS) adalah salah satu layanan sistem penyaring berdasarkan nama Domain Name System yang didukung oleh berbagai pihak, yaitu pelaku bisnis warnet, Kemkominfo, dan PT. Telkom sebagai BUMN penyedia jasa layanan internet di Indonesia.

DNS Nawala secara spesifik menyaring segala jenis konten negatif, seperti Pornografi, Judi, situs Phising (penyesatan) serta situs yang mengandung Malware (software berbahaya).

Efek pemblokiran :

Efek menghindari pemblokiran :

Nah, bagaimana untuk menghindari pemblokiran tersebut?? Intinya sih kita harus mengganti DNS nawala dengan DNS lain. Bisa menggunakan layanan OpenDNS dan sebagainya. Disini saya akan share dengan menggunakan tool yang bernama DNS Jumper karena simple dan mudah untuk digunakan.

Cara menggunakan DNS Jumper :
  1. Download DNS Jumper
  2. Ekstrak (keluarkan file dari zip) ke desktop atau kemana aja.
  3. Jalankan DNS Jumper
  4. Pilih Network card (sesuaikan dengan komputer anda)
  5. Pilih DNS Service yang akan kita gunakan di menu dropdown.
  6. Klik apply DNS.
  7. Done.
Selain itu, dengan menggunakan DNS Jumper sobat blogger juga bisa menggunakan mengecek DNS yang cepat untuk komputer/internet sobat blogger, dengan klik menu Fastest DNS.

DISCLAIMER : Artikel ini saya share hanya untuk pengetahuan semata. Resiko dan penyalahgunakan informasi ini merupakan tanggung jawab individu masing-masing.


Password : www.remo-xp.com
Download DNS Jumper 1.04 Free
 
artikel diambil dari REmo-Xp
readmore »»  

Sabtu, 28 Mei 2011

Membuat Tombol Next Page Nomor Halaman Pada Blog

- bazComp share -


Ingin membuat tombol Next Page 1, 2, 3,4 >> ... pada blogger ? jangan khawatir kita bisa memasangnya dengan mudah di blogger sehingga pengunjung dengan mudah mengeksplorasi halaman artikel kita lebih leluasa dan untuk mempercantik blog supaya lebih kelihatan professional lagi.

Sebenarnya untuk membuat Next Page / Navigasi Halaman itu caranya sangat mudah kita hanya perlu menambahkan script pada Fotter dari blogger kita.

caranya seperti ini :

1. Pertama-tama Copy Code dibawah ini


<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>






<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';


var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;

}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

2. Setelah itu seperti biasa masuk Rancangan

3. Lalu tambahkan Add Page Element / Gedget --> HTML/Javascript pada bagian Fotter dan Paste Code yang di atas tersebut

4. Setelah itu save, Lalu geser gadget tersebut ke bagian bawah kotak postingan Anda, seperti gambar di bawah ini:





witto blog

Jadi deh...

Catatan : Jika setelah melakukan ini tidak berhasil, maka setelah halaman blog kamu tampil coba kamu klik older post dulu satu kali. Di beberapa template fungsi ini muncul mulai halaman kedua. Kalau Tidak Muncul Juga, Coba Kamu klik pada label blog yang memiliki artikel banyak, nanti akan muncul di situ. Karena memang beberapa template tidak mendukung script ini.

Tambahan :
Untuk menambah jumlah posting yang ingin di tampilkan ganti angkanya var pageCount=5 Selamat Mencoba. Terima Kasih
readmore »»  

Rocking Rolling Rounded Menu with jQuery and CSS3


Demonya bisa dilihat disini


    Cara membuatnya :
  1. Login blogger
  2. Rancangan, Edit Html, Cari kode ]]></b:skin>
  3. Dan Simpan kode berikut diatasnya :
/* -------------------------
Rocking Rolling Rounded Menu with jQuery and CSS3
----------------------------------------------- */
.item{
    position:relative;
    background-color:#f0f0f0;
    float:right;
    width:52px;
    margin:0px 5px;
    height:52px;
    border:2px solid #ddd;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    -moz-box-shadow:1px 1px 3px #555;
    -webkit-box-shadow:1px 1px 3px #555;
    box-shadow:1px 1px 3px #555;
    cursor:pointer;
    overflow:hidden;
}

.link{
    left:2px;
    top:2px;
    position:absolute;
    width:48px;
    height:48px;
}
.icon_home{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicphAJ49DYcVhVleWFn9Z-Nd4kVW41385OLQk-O6y-7xuxv7cKnBNlmiDvrEVCnl-j7mfq5WXRMHbEmd01qica3hcEcm9zz86S8egB35ZkbmVlf-t2ewxzKxt6tBPFVgNPIiEqbGQF1M8/s1600/home.png) no-repeat top left;
}
.icon_mail{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbbRBJP0lPnK6EZwxh8-JqBPQF7NURC8YUwGqA77renTzurUYujwQXJxZDpisNXhiI1QuIyCUIsGeDfTgIi5LLVxY-R37nnEvuu0_8s40vbB7RG8rp_6UYbNyoTvFS9ugRCKrJrpIF9P8/s1600/mail.png) no-repeat top left;
}
.icon_help{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCg5nHgU0U_nFLzda0js8UoDfvV4s7DyGxnbriGDiw7x0bfhnQhe0N_CRLDUXhSpXtcLy7U0NFQk-u_pisRJjVB03LM_jjwMRTHB9eI_vsPstX8cRw3KRc3n6hP6TfFCBb3nLPsLOBa-Y/s1600/help.png) no-repeat top left;
}
.icon_find{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdud16Gq2b1w4FtkItcmpx2pJ70SHetsJ-siCvmYGUms1dtKIWFt30yDp6RSPH8ZBit6zSsRGzVHYdwh3giTd2ZyBWVBLW17wdL6oW6jk_QnFGOme0kW5jXlfs1zbBEANjzu8uXUUe_DE/s1600/find.png) no-repeat top left;
}
.icon_photos{
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Y_B6lp2XA1bwuM0QCaLN1y2wvziW4-wzoGLBufagHL7ZYripbZSs8EGQVNJ09gmto0sUAQ0qOzWE3ev_pTZ1wcihcZwJuXLMXlrkfGedToE_atFF2ExvgRrNGZoKeCzx9NEvTJuz8vk/s1600/photos.png) no-repeat top left;
}
.item_content{
    position:absolute;
    height:52px;
    width:220px;
    overflow:hidden;
    left:56px;
    top:7px;
    background:transparent;
    display:none;
}
.item_content h2{
    color:#aaa;
    text-shadow: 1px 1px 1px #fff;
    background-color:transparent;
    font-size:14px;
}
.item_content a{
    background-color:transparent;
    float:left;
    margin-right:7px;
    margin-top:3px;
    color:#bbb;
    text-shadow: 1px 1px 1px #fff;
    text-decoration:none;
    font-size:12px;
}
.item_content a:hover{
    color:#0b965b;
}
.item_content p {
    background-color:transparent;
    display:none;
}
.item_content p input{
    border:1px solid #ccc;
    padding:1px;
    width:155px;
    float:left;
    margin-right:5px;
}


selanjutnya simpan script berikut tepat diatas kode </body> :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script src="http://kangdadang.googlecode.com/files/jquery-css-transform.js" type="text/javascript"></script>
        <script src="http://kangdadang.googlecode.com/files/jquery-animate-css-rotate-scale.js" type="text/javascript"></script>
        <script>
            $('.item').hover(
                function(){
                    var $this = $(this);
                    expand($this);
                },
                function(){
                    var $this = $(this);
                    collapse($this);
                }
            );
            function expand($elem){
                var angle = 0;
                var t = setInterval(function () {
                    if(angle == 1440){
                        clearInterval(t);
                        return;
                    }
                    angle += 40;
                    $('.link',$elem).stop().animate({rotate: '+=-40deg'}, 0);
                },10);
                $elem.stop().animate({width:'268px'}, 1000)
                .find('.item_content').fadeIn(400,function(){
                    $(this).find('p').stop(true,true).fadeIn(600);
                });
            }
            function collapse($elem){
                var angle = 1440;
                var t = setInterval(function () {
                    if(angle == 0){
                        clearInterval(t);
                        return;
                    }
                    angle -= 40;
                    $('.link',$elem).stop().animate({rotate: '+=40deg'}, 0);
                },10);
                $elem.stop().animate({width:'52px'}, 1000)
                .find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut();
            }
        </script>

terakhir cara pemanggilannya pada HTML (tata letaknya sesuaikan dengan template dan keinginan):
<div class="item">
                <a class="link icon_mail"></a>
                <div class="item_content">
                    <h2>Contact us</h2>
                    <p>
                        <a href="#">eMail</a>
                        <a href="#">Twitter</a>
                        <a href="#">Facebook</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <a class="link icon_help"></a>
                <div class="item_content">
                    <h2>Help</h2>
                    <p>
                        <a href="#">FAQ</a>
                        <a href="#">Live Support</a>
                        <a href="#">Tickets</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <a class="link icon_find"></a>
                <div class="item_content">
                    <h2>Search</h2>
                    <p>
                        <input type="text"></input>
                        <a href="">Go</a>
                    </p>
                </div>
            </div>
            <div class="item">
                <a class="link icon_photos"></a>
                <div class="item_content">
                    <h2>Image Gallery</h2>
                    <p>
                        <a href="#">Categories</a>
                        <a href="#">Archives</a>
                        <a href="#">Featured</a>
                    </p>
                </div>

Sebagai tambahan java script yang diberi warna Biru, bisa diganti dengan alamat link Js berikut
http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js 
maksudnya penggantian itu jika kawan-kawan ingin efek putarannya hanya pada awal Hover saja seperti demo di situs http://tympanus.net/Tutorials/RockingRollingMenu/
readmore »»  

Jumat, 20 Mei 2011

Kode-kode Warna HTML

- bazComp share -


Gunakan kode kode warna html untuk mempercantik tampilan blog maupun website anda.


Untuk menerapkan kode kode warna html dalam blog berikut contoh nya
<div style="color:#BB0000;"> tulisan disini </div>

Berikut daftar kode warna html yg bisa di terapkan.

#000000 #000055 #0000AA #0000FF #002400
#0024AA #0024FF #004800 #004855 #0048AA
#0048FF #006D00 #006D55 #006DAA #006DFF
#009100 #009155 #0091AA #0091FF #00B600
#00B655 #00B6AA #00B6FF #00DA00 #00DA55
#00DAAA #00DAFF #00FF00 #00FF55 #00FFAA
#00FFFF #240000 #240055 #2400AA #2400FF
#242400 #242455 #2424AA #2424FF #244800
#244855 #2448AA #2448FF #246D00 #246D55
#246DAA #246DFF #249100 #249155 #2491AA
#2491FF #24B600 #24B655 #24B6AA #24B6FF
#24DA00 #24DA55 #24DAAA #24DAFF #24FF00
#24FF55 #24FFAA #24FFFF #480000 #480055
#4800AA #4800FF #482400 #482455 #4824AA
#4824FF #484800 #484855 #4848AA #4848FF
#486D00 #486D55 #486DAA #486DFF #489100
#489155 #4891AA #4891FF #48B600 #48B655
#48B6AA #48B6FF #48DA00 #48DA55 #48DAAA
#48DAFF #48FF00 #48FF55 #48FFAA #48FFFF
#6D0000 #6D0055 #6D00AA #6D00FF #6D2400
#6D2455 #6D24AA #6D24FF #6D4800 #6D4855
#6D48AA #6D48FF #6D6D00 #6D6D55 #6D6DAA
#6D6DFF #6D9100 #6D9155 #6D91AA #6D91FF
#6DB600 #6DB655 #6DB6AA #6DB6FF #6DDA00
#6DDA55 #6DDAAA #6DDAFF #6DFF00 #6DFF55
#6DFFAA #6DFFFF #910000 #910055 #9100AA
#9100FF #912400 #912455 #9124AA #9124FF
#914800 #914855 #9148AA #9148FF #916D00
#916D55 #916DAA #916DFF #919100 #919155
#9191AA #9191FF #91B600 #91B655 #91B6AA
#91B6FF #91DA00 #91DA55 #91DAAA #91DAFF
#91FF00 #91FF55 #91FFAA #91FFFF #B60000
#B60055 #B600AA #B600FF #B62400 #B62455
#B624AA #B624FF #B64800 #B64855 #B648AA
#B648FF #B66D00 #B66D55 #B66DAA #B66DFF
#B69100 #B69155 #B691AA #B691FF #B6B600
#B6B655 #B6B6AA #B6B6FF #B6DA00 #B6DA55
#B6DAAA #B6DAFF #B6FF00 #B6FF55 #B6FFAA
#B6FFFF #DA0000 #DA0055 #DA00AA #DA00FF
#DA2400 #DA2455 #DA24AA #DA24FF #DA4800
#DA4855 #DA48AA #DA48FF #DA6D00 #DA6D55
#DA6DAA #DA6DFF #DA9100 #DA9155 #DA91AA
#DA91FF #DAB600 #DAB655 #DAB6AA #DAB6FF
#DADA00 #DADA55 #DADADA #DADAFF #DAFF00
#DAFF55 #DAFFAA #DAFFFF #FF0000 #FF0055
#FF00AA #FF00FF #FF2400 #FF2455 #FF24AA
#FF24FF #FF4800 #FF4855 #FF48AA #FF48FF
#FF6D00 #FF6D55 #FF6DAA #FF6DFF #FF9100
#FF9155 #FF91AA #FF91FF #FFB600 #FFB655
#FFB6AA #FFB6FF #FFDA00 #FFDA55 #FFDAAA
#FFDAFF #FFFF00 #FFFF55 #FFFFAA #FFFFFF

salam bazComp..
readmore »»  

Membuat tombol like Facebook

- bazComp share -

membuat tombol like facebook pada blogBerikut kode tombol like facebook untuk homepage saja, jadi jika ada yang nge-like maka yg di like hanya homepage saja.

<iframe src="http://www.facebook.com/plugins/like.php?href=http:// www.bazcomp.co.cc&layout=button_count&show_faces=true&width=100&action=like&font=lucida%2Bgrande&colorscheme=light&height=21"
scrolling="no"
frameborder="0"
style="border:none; overflow:hidden; width:100px; height:21px;"
allowTransparency="true">
</iframe>

Ganti text yang berwarna ungu dg alamat homepage blog kamu.Berikut kode tombol like facebook untuk setiap postingan dan homepage juga, jadi jika ada yang nge-like maka hanya halaman yang di lihat yg di like, atau mudah singkatnya kode tombol like facebook otomatis.


<script type="text/javascript">
document.write ('<iframe src="http://www.facebook.com/plugins/like.php?href=' + escape (location.href) + '&action=like&layout=standard&show_faces=true&width=100%&font=arial&colorscheme=light"
allowTransparency="true"
frameborder="0"
scrolling="no"
style="border:none; overflow:hidden; width:100%; height:25px;">
</iframe>'); </script>

Tempatkan salah satu script diatas pada widget HTML/javascript agar bekerja secara maximal, pilih script mana yang kamu suka. Oh ya jika kamu menginginkan tombol share facebook dan twitter dg counter / penghitung, kamu bisa membaca artikelnya pada membuat tombol share facebook dan twitter dg penghitung..
salam bazComp..
readmore »»  

Membuat tombol share Facebook Twitter dengan penghitung

- bazComp share -

membuat tombol share facebook dan twitter dengan counter penghitung      Langsung saja membuat sendiri tombol share facebook dan twitter dengan penghitung
Oh ya tombol share ini akan menunjukan jumlah (counter/penghitung) berapa kali artikel tersebut di share ke facebook dan twitter .

  • Login ke dashboard blogspot kamu
  • pilih Rancangan »» Edit HTML
  • Checlist pada tulisan Expand Widget Template
  • Cari kode <data:post.body> (Gunakan tombol F3 untuk mempermudah mencarinya)
  • Tempatkan script berikut dìatas kode <data:post.body>
  • Scriptnya
    <p><a href='http://www.facebook.com/sharer.php' name='fb_count' type='button_count'>share</a>
    <script type='text/javascript' src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'/><br/>
    <a class='twitter-share-button' data-count='horizontal' data-via='bazcomp' href='http://twitter.com/share'>share</a></p>
  • Kemudian tempatkan script berikut ini di bawah kode <head>
    <script type='text/javascript' src='http://platform.twitter.com/widgets.js'/>
  • terakhir klik Save Template
Hasilnya terlihat pada bagian atas title artikel. Jika ingin di tempatkan di bagian bawah artikel maka tempatkan script yang no.1 di bawah kode <data:post.body> Jika ada yang ingin di tempatkan di bagian lain bisa bertanya pada kotak komentar, secepatnya akan di bantu tentang membuat sendiri tombol share facebook dan twitter dg counter.

salam bazComp..
readmore »»  

Kamis, 19 Mei 2011

Pasang Buku Tamu Di Blog

- bazComp share -

Bagaimana caranya memasang sebuah buku tamu di blog.
Berikut cara membuatnya :
1. Login blog Anda
2. Masuk dashbord design page elements
3. Dan add gadget
4. Masukan kode scrip di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()">   </div>

<div class="gbcontent">

<!--buku tamu-->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://aculwaid.blogspot.com/2011/05/pasang-buku-tamu-di-blog.htmll">
[sini]
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


5. Untuk pengaturan posisinya, ganti atribut top-nya. Kalau mau lebih ke atas ubah menjadi 30px.silakan berkreasi sendiri.

6. Selesai

salam bazComp..
readmore »»  

Membuat Scrollbar di blog

- bazComp share -

Scroll bar adalah kotak yang bisa kita gulung atas-bawah atau kiri-kanan untuk menemukan text yang tersembunyi. Scrollbar ini berguna untuk menghemat ruang dalam blog kita, terutama untuk widget-widget dengan isian yang panjang.

Cara membuatnya dengan bermain scrips. Di bawah ini merupakan scrips untuk membuat scrollbar di blog.
<div style="overflow:auto; padding:5px; width:200px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">
Tambahkan teks yang panjang atau kode script yang panjang untuk menghemat tempat dan menjadi rapi disini.

 Contoh di atas bila dilihat separti di bawah ini :

Tambahkan teks yang panjang atau kode script yang panjang untuk menghemat tempat dan menjadi rapi disini


Note : Ganti warna  merah sesuai dengan keinginan Anda.
readmore »»  

Buat Menu Dropdown Dengan CSS3 Menu

- bazComp share -
Ternyata membuat dropdown dengan CSS3 menu mudah sekali. tinggal sedikit utak-atik di linknya. Untuk aplikasinya bisa di downlad langsung di sini. Download CSS3 MENU v1.2 Win&Mac.zip
Salam bazComp...
readmore »»  

Cara Pasang Jam Pada Blogspot

- bazComp share -

         Memasang jam di blog ini untuk menunjukkan jam di blog, yang bila di lihat oleh akan pengunjung mengetahui waktu saat ini. Dan jam juga bisa menambah tampilan blog menjadi lebih cantik dan menarik.

         Untuk membuat jam sebetulnya gampang, mudah, cepat asal dengan koneksi dan otak yang cepat juga.

Langkah-langkahnya adalah :

    * Anda cari jam dulu di clocklink
    * Pilih jam yang ingin Anda tempelkan di blog anda
    * Pilih get HTML tag
    * Atur warna dll
    * Copy kode yang ada di sana ( yang atas )
    * ( langkah selanjutnya )
    * Masuk akun Blog ► Tata Letak / Rancangan/Layout ► Element Laman
    * Klik Tambah Gadget ► Pilih HTML/Javascript
    * Anda Letakkan code yang sudah  di copy ( dari clockLink )
    * Selesai dan lihat blog Anda

Selamat Mencoba
GOOD LUCK!

Salam bazComp..

readmore »»  

Rabu, 18 Mei 2011

CARA MENIRU TAMPILAN WEB/BLOG ORANG LAIN

- bazComp share -

Bismillahirohmanirhim.....
Sebelumnya ada sedikit cerita nih... sejelek apapun blog kita tapi kalau karya sendiri akan membuat hati puas, namun jika kita  melihat halaman orang lain biasanaya lebih indah dibanding halaman sendiri, sekitar seminggu yang lalu saya berkunjung pada sebuah blog yang menurut saya template atau tampilan blognya lumayan  unik, dan sekedar basa basi disana saya berkomentar pada salah satu postingnya, isi komentarnya saya begini: ( mas gemana kalo tampilan blognya saya tiru?) tak lama kemudian beliaupun berkunjung ke salah satu posting saya yang judulnya: cara membuat button navigasi berpijar
dan beliaupun meninggalkan komennya begini: (salam sahabat...mau meniru gaya blog saya? silahkan sob terima kasih) nah dari situlah saya berpikir  hemmm... gemana ya cara menirunnya...?? lalu iseng iseng aku coba pelajari walau hanya untuk praktek praktek saja... akhirnya sedikit demi sedikit saya bisa mempraktekkannya... dan hasilnya ini   blog percontohan dan ini blog beliau yang coba saya tiru blog sobat, buat sobat yang mau praktek praktek saja silahkan kedua blog tersebut
dilihat dulu untuk meyakinkan bahwa kita bisa meniru template blog/web orang lain walau hanya untuk menambah pengetahuan saja.

Adapun cara caranya adalah sebagai berikut:

1.silahkan sobat kunjungi salah satu blog/web yang mau ditiru, setelah sobat menemukannya lalu klick berkas/file pada sebelah kiri atas browser mozila sobat pilih simpan halaman dengan nama, lalu kasih nama file sobat kira kira seperti ini: web-percobaan-edit tanpa spasi lalu simpan pada hardisk sobat terserah dimana saja yang penting sobat ingat dimana file itu disimpan,
2.buka file yang sobat simpan tadi, disitu akan terlihat dua file yang berbeda pilih salah satu  file yang berisi kode html, kalau browser mozila disetel untuk peramban utama pada kompi sobat maka akan terlihat gambar atau logo mozila dalam file tersebut,
klick kanan pada file mozila tadi lalu klick edit atau open with pilih noteped maka disitu akan terlihat banyak dan berantakan kode kode html, (saran buka ukuran penuh pada noteped agar tidak terlihat berantakan)
nah...! disini kita agak dibingungkan dengan kode html yang begitu banyak (dan entah apa apaan tuh isinya pusing dah gue..) tapi sobat jangan menyerah dulu karena saya sudah pilih kode kodenya yang bisa kita ambil dari noteped tadi agar tampilan blog kita sama dengan blog yang kita tiru, namun jujur saya katakan saya belum bisa meniru untuk tampilan navbarnya, mungkin buat sobat yang sudah bisa meniru bagian navbarnya mohon bisa menambahkan dalam kolom komentar nantinya, oke... sekarang kita ketahap selanjutnya.

silahkan sobat pilih kode kode yang bisa diambil dari noteped tadi yang biasanya seperti ini:

untuk bagian header biasnya akan terlihat kodenya seperti ini:
#header bla bla bla }diawali tanda # dan diakhiri tanada }  atau .header bli bli bli }  dan diawali dengan titik diakhiri tanda}

silahkan sobat cari kode kode itu untuk mengganti tampilan header nya, contohnya seperti ini:

#header {
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: inset 0px 0px 20px #000;
-webkit-box-shadow: inset 0px 0px 20px #000;
-moz-box-shadow: inset 0px 0px 20px #000;
width: 960px;
height: 150px;
color: #FFF;
font-size: 18px;
margin: 0;
padding: 0;
overflow: hidden;
font-family:Impact;
text-transform: Title Case;
}

atau seperti ini:

.headerleft {
width: 460px;
float: left;
font-size: 16px;font:Impact;
font-weight: normal;
margin: 0;
padding: 0;
color: #fff;
}

dua contoh diatas adalah untuk kode bagian header, lalu bagaimana dengan bagian posts, sidebar dan yang lainnya...? oke.. intinya sama saja... semua kode yang bisa kita ambil akan diawali tanda # dan diakhiri tanda }  atau diawali dengan tanda titik (.) tanpa tanda kurung dan diakhiri tanda }

untuk bagian posts atau bagian halaman posting contoh kodenya seperti ini:

#post bla bla bla } atau .post bli bli bli }

untuk bagian sidebar seperti ini:

#sidebar bla bla bla }atau .sidebar bli bli bli }

begitulah seterusnya, lalu bagaimana untuk meletakkan kode kode tersebuuuuuuut....??

begini... sebaiknya satu satu dulu untuk sobat praktekkan yaitu untuk bagian header nya dulu agar sobat tidak dibingungkan dengan banyaknya kode kode yang akan sobat pasang,

sekarang coba sobat login ke blog sobat lalu pilih edit html expan template widget boleh dicentang, tidak dicentang juga boleh,   lalu sobat cari bagian header untuk memudahkan pencarian silahkan sobat klick ctrl F lalu ketikkan kode #header pada kolom yang berada disebelah kiri bawah,  kalau sudah sobat temukan biasanya akan terlihat beberapa kode kode tersebut berurutan kebawah,  nah silahkan sobat ganti satu persatu kode kode tadi,

misalnya kode html sobat seperti ini:


#header {
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: inset 0px 0px 20px #000;
-webkit-box-shadow: inset 0px 0px 20px #000;
-moz-box-shadow: inset 0px 0px 20px #000;
width: 960px;
height: 150px;
color: #FFF;
font-size: 18px;
margin: 0;
padding: 0;
overflow: hidden;
font-family:Impact;
text-transform: Title Case;
}
#header-inner {
background-position: left;
background-repeat: no;
}
#header h1 {
color: #fefefe;
font-size: 40px;
font-family: arial black;
font-weight: normal;
margin: 0;
padding: 15px 0 0 20px;
text-decoration: none;
text-shadow: 0px 1px 8px #000;
}
#header h1 a, #header h1 a:visited {
color: #fefefe;
font-size: 40px;
font-family: arial black;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: 0px 1px 8px #000;
}
#header h1 a:hover {
color: #fff;
text-decoration: none;
text-shadow: 0px 1px 8px #549bcc;
}
#header h3 {
color: #fff;
font-size: 18px;
font-family: Arial, Tahoma, Verdana;
font-weight: normal;
margin: 0px;
padding: 0px;
}

atau seperti ini:

.headerleft {
width: 460px;
float: left;
font-size: 16px;font:Impact;
font-weight: normal;
margin: 0;
padding: 0;
color: #fff;
}
.headerleft a img {
border: none;
margin: 0;
padding: 0;
}
.headerright {
width: 486px;
float: right;
margin: 0;
padding: 18px 0 0;
font-weight: bold;font-family:Georgia;
font-size: 18px;
}
.headerright a img {
border: 0px solid #FFF;
margin: 0 0 3px;
padding: 0;
}

dua contoh diatas adalah kode bagian header yang harus sobat hapus dan diganti dengan kode yang ada di noteped, setelah diganti silahakan  klick pratinjau dulu untuk melihat dan meyakinkan bahwa tampilan header sudah berubah atau belum, jika sudah berubah tapi belum sesuai letak letaknya, sobat bisa rubah ukuran lebar atau tingginya ukuran dengan merubah angka angka yang biasanya terlihat seperti contoh diatas yang berwarna kuning, begitu juga dengan ukuran ukuran lainnya. setelah semua sudah terlihat mirip bahkan persis barulah sobat boleh simpan template.

dan untuk merubah halaman posting, sidebar dan yang lain linnya caranya sama saja dengan contoh contoh diatas sobat cari saja kode kodenya pasti ada untuk bagian masing masing,

nah jika sobat sudah berhasil mempraktekkan cara ini maka selanjutnya sobat akan bisa mendesain web/blog sendiri dengan mudah yang kemungkinan bisa dijadikan uang... amin... iya gak...??

buat sobat yang lebih mahir dalam bidang ini saya mohon untuk bisa menambahkan hal hal yang lebih penting, berbagi pengetahuan itu baik... terimakasih dan alhamdulillah posting sampai disini dulu...


SALAM BAZCOMP..^_^

readmore »»  

Senin, 16 Mei 2011

Efek kursor bertabur bintang pada Blogspot

- bazComp share -

Membuat blog menjadi menarik memang suatu hal yang wajib agar memberi keindahan pada blog. saya akan memberi tips untuk mempercantik blog kalian, tips ini adalah memberi efek bertabur bintang pada kursor. silahkan langsung dipraktekkan ya. untuk contoh boleh dilihat pada kursor blog saya ini. script yang saya gunakan adalah javascript yang saya dapat dari teman.

mari kalian langsung lakukan langkah-langkah berikut:



1. masuk ke
blogger, kemudia pada dashboar pilih tata letak.
2. setelah itu pilih elemen laman kemudian klik tambah gadget.
3. kemudian pilih html/javascript, dan masukan script dibawah ini.


pilih script dibawag ini sesuai dengan keinginan kalian, kalian dapat memilih warna dengan script dibawah ini, silahkan pilih salah satu kemudian masukan pada gadget html.javascript yang telah kalian pilih tadi.


Bintang biru



Bintang hijau



Bintang merah



Bintang putih



Bintang ungu




setelah kalian masukan salah satu script diatas pada gadget
html/javascript jangan lupa di simpan dan lihatlah hasilnya. semoga bermanfaat. dan saya ucapkan terima kasih untuk teman saya semoga berhasil. jika ada pertanyaan, saran dan kritik silahkan diisi pada kolom komentar.

 Salam bazComp.. ^_^

readmore »»  

Cara memberi Sound efek | efek suara pada blog

- bazComp share -

Bagi anda yang belum mengerti cara menyimpannya ikuti langkah-langkah di bawah ini
  • Login dulu ke blogger
  • Klik Rancangan
  • Klik Tambah gadget
  • Kemudian pilih HTML/JavaScript
  • Kemudian copy paste kode di bawah ini kedalamnya 

    <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" width="1" src="http://www.swfcabin.com/swf-files/1257488371.swf" height="1" type="application/x-shockwave-flash"></embed>

  • Setelah itu simpan
  • Selesai
Untuk tulisan yang berwarna merah anda bisa mengganti dengan suara lain. anda bisa ganti dengan kode dibawah ini

suara musik = http://www.swfcabin.com/swf-files/1252840473.swf
Suara hantu = http://www.swfcabin.com/swf-files/1254889895.swf
readmore »»  

Membuat Scrollbar di blog

- bazComp share -

Scroll bar adalah kotak yang bisa kita gulung atas-bawah atau kiri-kanan untuk menemukan text yang tersembunyi. Scrollbar ini berguna untuk menghemat ruang dalam blog kita, terutama untuk widget-widget dengan isian yang panjang.

Cara membuatnya dengan bermain scrips. Di bawah ini merupakan scrips untuk membuat scrollbar di blog.

<div style="overflow:auto; padding:5px; width:200px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks yang panjang atau kode script yang panjang untuk menghemat tempat dan menjadi rapi disini</div>

 Contoh di atas bila dilihat separti di bawah ini :

Tambahkan teks yang panjang atau kode script yang panjang untuk menghemat tempat dan menjadi rapi disini


Note : Ganti warna  merah sesuai dengan keinginan Anda.
readmore »»  

Membuat EFEK daun berguguran pada blog

- bazComp share -

Lagi-lagi kali ini meluncurkan blog tutorial yang akan berbagi informasi untuk mempercantik tampilan blog dg memberi efek daun berguguran. Sudahlah langsung aja lagi males nyrocos mempercantik tampilan blog,membuat efek daun berguguran,membuat efek mempercantik tampilan blog
Yang pertama mesti kamu lakukan yakni:
  • login ke dashbord blog kamu
  • pilih 'Rancangan / Design'
  • klik 'Tambah gadget / Add gadget'
  • pilih widget 'HTML/javascript'
  • kemudian copy dan pastekan script dibawah ini.
    <script src="http://blogtegal.googlecode.com/files/efek-daun.js" type="text/javascript"/>
  • terakhir klik Simpan
readmore »»  

Memasang Musik Player di Blogspot

mixpod


Anda termasuk penyuka music, atau anda hanya mendengarkan music untuk kesenangan.. sekarang anda bisa membuat playlist sendiri dan memasukan kedalam blog yang anda miliki. saya akan menjelaskan cara agar blog anda bisa bernyanyi dengan widget music. Berikut langkah – langkahnya:
  1. Buka website ini www.mixpod.com
  2. Setalah itu anda diwajibkan Sign Up terlebih dahulu
  3. Setelah sign up anda bisa membuat playlist sendiri,masukan judul playlist anda
  4. Lalu untuk mencari lagu kesukaan anda tinggal Search
  5. Setelah anda memilih lagu nya (+)
  6. Pilih Save , Lalu Get Code
  7. Nanti akan ada kode HTML yang anda bisa copy di widget pada blogspot anda.
Selamat mencoba.... salam bazComp..^_^
readmore »»  

Convert Mp3 ke swf

- bazComp share -

File Musik dalam Format SWF
Dengan mengubah file berformat MP3 menjadi SWF, Anda dapat mendengarkan sebuah file musik tanpa menggunakan program pemutar musik seperti WinAmp.
1. Buka File



Setelah menyelesaikan proses instalasi di PC Anda, jalankan program ini dari menu “Start | All Programs | MP3 to SWF Converter”. Setelah itu, tekan tombol “Add MP3/WAV” untuk memasukkan sebuah file lagu ke dalam lembar kerja.
2. Jenis Encoding
Selanjutnya, dari tombol “Options” Anda bisa memilih jenis encoding. Aktifkan tab “Sound Options” dan pada bagian “Encoding Options”, pilih “44100 Hz, 128 kbps, Stereo” untuk menghasilkan output yang bagus.
3. Meningkatkan Volume
Pada window “Options | Sound Options”, Anda bisa meng-ubah tingkat volume. Aktifkan pilihan “Change Volume” lalu tentukan nilai “Coefficient”. Untuk meningkatkan suara, tentukan nilainya di atas 100 persen.
4. Memilih Tombol Pemutar
Untuk memutar file lagu berformat SWF (file output-nya), program menyediakan berbagai desain tombol pemutar. Dari dalam tab “SWF Options” di window “Options”, Anda bisa memilih desain tombol di bagian “Control SWF”.

Download MP3 to SWF converter
Download here
Download Keygen
readmore »»  

Trik Download di 4shared Tanpa Timer

- bazComp share -

download di 4shared tanpa timer, trik download 4shared di opera mini, javascript:alert(c=0)Trik kali ini bagaimana cara download file di 4shared tanpa harus menunggu timer berjalan. Apalagi jika mendownload file dengan ukuran yang besar tentu timer/waktu yang berikan semakin lama. Cara berikut dapat diterapkan lewat browser di pc dan juga efektif mendownload file 4shared di opera mini. Kita tahu kalau download via operamini justru lebih susah lagi karena timernya tidak berjalan dengan semestinya alias macet misal waktu hitung mundur menunggu 20 detik tiba-tiba berhenti di angka 15.

Untuk membuang timer tersebut gunakan trik sederhana berikut buka link file 4shared yang mau di download sampai pada halaman menunggu timer. Pada kotak url address browser (browser di pc atau opera mini), hapus urlnya dan tulis kode script berikut:

javascript:alert(c=0)

Setelah itu tekan enter/go. Akan muncul kotak dialog "javascript alert", tekan saja OK.
Link download/unduh harusnya sudah terlihat. Selamat mendownload.


salam bazComp.. ^_^.
readmore »»