Cara Mencuri Template Orang Lain

Tweet

Cara mencuri template blogger memang bisa dilakukan dengan banyak cara. Kalau menurut saya untuk mencuri tema blogger lain ada cara cerdas dan ada cara bodoh. Untuk cara bodoh adalah cara mencuri template blog orang lain adalah dengan menghack akun google nya dengan mengambil password dan login seakan akan menjadi empunya blog dan kemudian mengambil templatnya.

Cara mencuri template blog lain di blogger dengan cara cerdas adalah mencuri ide dari design tersebut, atau paling tidak mencuri tema blog orang di blogger hanya melalui view source. Disini kita masih berfikir bagaimana membuatnya bisa sama persis atau hanya sebagian yang menyeruapai.

Kalau mencuri template blogger dengan cara bodoh di atas saya katakan bodoh karena kita disini hanya mengambil milik orang lain tanpa kita belajar membuatnya. Kalau difikir sudah bisa hacking masak html dan css saja tidak bisa. Terus untuk cara cerdas ini adalah kita di tuntut untuk belajar dan memahami sebuah kode. Dan saya yakin kalau sudah paham maka akan mudah dan bisa memintarkan diri anda sendiri.

Untuk yang kepingin menggunakan cara cerdas dalam mencuri template orang lain anda bisa menggunakan cara manual tapi tidak sempurna atau menyerupai ciplakan aslinya.....
 mau tau......?

pertama-tama buka situs yang ingin di malingin templatenya xD
kalo saya sih menggunakan Browser Mozila Firefox terbaru setelah itu blok situsnya
 kemudian CNTRL + U

dan akan tampil seperti gambar di bawah ini

ZOOM (klik gambar)

setelah itu akan muncul tab baru... kemudian COPY seluru Scripsinya, EYTZZZZZZ, , , , , tunggu dulu :p
jangan asal paste.
kita lanjut ke tahab berikutnya dulu xixixi..
Login ke Blog kalian klik Rancangan ➨ Edit HTML 

Kemudian klik (kembali ke template klasik)
letaknya di bagian kiri bawah.. lihat pada gambar

owpzzzzzz..disini saya menggunakan fersi template lama kalo yang baru kurang nyaman bagi saya :p

setelah berhasil kembali ketemplate klasik,
tugas shobat tinggal PASTEin saja yang shobat COPY tadi
mudah kan ....\('0')/.....

Buku Tamu Slide effect with jQuery

Tweet

DEMO:

Buku Tamu

tambah Gadget lagi ➨ Pilih HTML/Java Script ➨ Copy kode berikut dan paste atau letakkan didalamnya

<div  style="-moz-border-radius:10px; border-radius:10px; padding:10px;  background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvyguLkWx0oVDfSkyEJjsTOVwsvdTC8ZBVyJtla7uqkG3gnVzowZ0beArHFIeYJP_KC5vLgZdaBdDuOjXyvIeP9LgtpHTo99e37rojE52mz3TOUi8JgDnz3-vqO4y0BkmkvpV740JDt0VL/s1600/biru70.png);">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $(".btn-slide").click(function(){
        $("#panel").slideToggle("slow");
        $(this).toggleClass("active"); return false;
    });
   
     
});
</script>
<style>
/* ---------------
Simple Slide panel with jQuery
---------------------------------- */
#panel { 
        height: auto;
        background: #f90;
        width: auto;
        display: none;
    padding: 7px;
    border: #0C0;
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
}
.slide {
    margin: 0;
    padding: 0;
    border-top: solid 4px #f90;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuXf7t6OtK_5JhyphenhyphensTsjy8MVOA5VANeRHp0wKls0VJ4npltWVYyaDCgk3Kg2unNNfsUq5BWQoUffs5eV0qaN3nZmfH2vbodTIkLfD20PVxx0vC-U1fvFtwsNe_bjyGw2uZFILt3x-CfLAI/s1600/btn-slide.png) no-repeat center top;
   
}
.btn-slide {
    background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojQd_1UgCBLst0Cu_424H17KUld0xOmI87Pf6Lz8Rr-Kt3DW1ksKKC-fy2A8xwVrhKJvHXYFqJM2RL8bBMMvxNb3O36s7w8o78xIRfucdMurShP-aPGOvjoxzmlXvj1xMrtclWP7Z-A0/s1600/white-arrow.gif)  no-repeat right -50px;
    text-align: center;
    width: 144px;
    height: 31px;
    padding: 10px 10px 0 0;
    margin: 0 auto;
    display: block;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
}
.active {
    background-position: right 12px;
}
</style>
<div id="panel">

    <!-- Simpan Script Buku tamunya disini -->

</div>
<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>
</div>

Entri Populer Dengan Slide - Part 1

Tweet

kali ini saya akan berbagi trick tentang Entri Populer Dengan Slide - Part 1. Untuk hasilnya dari Entri Populer  akan menjadi seperti gambar berikut ini.

Contoh hasil dari penerapan Entri Populer Dengan Slide - Part 1.

1. Masuk ke akun blogger Anda.

2. Pada Dasbor klick Rancangan ➨ Tambah Gadget ➨ Pilih Entri Populer dan Simpan.

3. Lalu tambah Gadget lagi ➨ Pilih HTML/Java Script ➨ Copy kode berikut dan paste atau letakkan di dalamnya.

<style>
@charset "utf-8";
/* CSS Document */
.lof-slidecontent{
position:relative;
overflow:hidden;
border:#F4F4F4 solid 1px;
width:892px;
height:300px;
}
.lof-slidecontent .preload{
height:100%;
width:100%;
background:#FFF;
position:absolute;
top:0;
left:0;
z-index:100000;
color:#FFF;
text-align:center
}
.lof-slidecontent .preload div{
height:100%;
width:100%;

background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
position:relative;
height:100%;
width:600px;
z-index:3px;
overflow:hidden;
}

/*******************************************************/
.lof-main-item-desc{
z-index:100px;
position:absolute;
top:150px;
left:50px;
width:400px;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/transparent_bg.png);

/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
color:#FFF;
margin:0 8px;
padding:8px 0
}
.lof-main-item-desc h3 a{
color:#FFF;
margin:0;
font-size:140%;
padding:20px 8px 2px;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
.lof-main-item-desc h3 a:hover{
color:#FF6;
text-decoration:underline;
}

/* main flash */
ul.lof-main-wapper{
/* margin-right:auto; */
overflow:hidden;
background:transparent url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/th_load-indicator.gif) no-repeat scroll 50% 50%;
padding:0px;
margin:0  !important;
height:300px;
width:600px;
position:absolute;
overflow:hidden;
}

ul.lof-main-wapper li{
overflow:hidden;
padding:0px  !important;
margin:0px;
height:100%;
width:600px;
float:left;
}
.lof-opacity  li{
position:absolute;
top:0;
left:0;
float:inherit;
}
ul.lof-main-wapper li img{
padding:0px !important;
width:600px  !important;
height:300px  !important;
}

li-desc{
z-index:100px;
position:absolute;
top:150px;
left:50px;
width:400px;
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/transparent_bg.png);

/* filter:0.7(opacity:60) */
}
li-desc p{
color:#FFF;
margin:0 8px;
padding:8px 0
}
li-desc h3 a{
color:#FFF;
margin:0;
font-size:140%;
padding:20px 8px 2px;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
}
li-desc h3 a:hover{
color:#FF6;
text-decoration:underline;
}

/* item navigator */
ul.lof-navigator{
top:0  ;
padding:0  ;
margin:0 ;
position:absolute ;
width:100% ;
background:none !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
ul.lof-navigator li{
cursor:hand !important;
cursor:pointer !important;
list-style:none !important;
width:100% !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
}
.lof-navigator-outer{
position:absolute !important;
right:0 !important;
top:00px !important;
z-index:100 !important;
height:300px !important;
width:310px !important;
overflow:hidden !important;
color:#FFF
}
.lof-navigator li.active{
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/arrow-bg.png) no-repeat scroll left center;
color:#FFF
}
.lof-navigator li:hover{

}

.lof-navigator li h3{
color:#FFF;
font-size:120%;
padding:15px 0 0 !important;
margin:0;

}
.lof-navigator li div{
background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/transparent_bg.png);
color:#FFF;
height:100%;
position:relative;
margin-left:15px;
padding-left:15px;
border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
background:url(http://i1263.photobucket.com/albums/ii623/dek_rif/Icon/grad-ow.gif);
color:#FFF;
}
.lof-navigator li img{
height:60px;
width:60px;
margin:15px 15px 10px 0px;
float:left;
padding:3px;
border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
color:#FFF;

.PopularPosts .item-title{0 !important; }
}
.PopularPosts .widget-item-control {display:none}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://gue-galau.googlecode.com/files/jquery-entri-park1coy.js"></script>
<script language="javascript" type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/scriptlofslider.js"></script>
<script type="text/javascript">
 $(document).ready( function(){
$('#lofslidecontent45').lofJSidernews( { interval:2000,
  easing:'easeInOutQuad',
duration:1200,
auto:true } );
});

</script>
<style>

ul.lof-main-wapper li {
position:relative;
}
</style>

4. Simpan.

Keterangan:
Penempatan Gadget Entri Populer dan Gadget HTML/Java harus seperti ini.

 Sekarang Anda bisa lihat sendiri hasilnya di Blog Anda.

Nah mudah bukan?

Menambahkan Nama Blog Anda Dalam Tombol Share AddThis

Tweet

Kali ini saya akan berbagi tutorial biasa tapi menarik dan tutorial kali ini temanya adalah Menambahkan Nama Blog Anda Dalam Tombol Share AddThis. Saya telah menemukan hack tentang menambahkan judul blog Anda di tombol Share AddThis.
Saya berbagi AddThis ke Anda dan telah menerapkan hack ini dengan menggunakan javascript sederhana yang dapat Anda lihat gambar di bawah judul blog saya gue-galau muncul pada hak sisi header. Anda juga dapat mengubah warna latar belakang header tombol.

Sekarang mari kita melihat bagaimana cara menambahkan menerapkan hack sederhana untuk tombol share addthis.

---

Cara Mendaftar Hack Ini?

---

Pertama, salin kode ini dan paste di notepad.

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript"  src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f99d305457d9732"></script>
<!-- AddThis Button END -->
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "gue-galau",
 ui_header_color: "#ffffff",
     ui_header_background: "#000000"
}
</script>

Jika Anda telah menambahkan tombol AddThis ke blog Anda maka hanya menambahkan kode di bawah ini tepat setelah kode addthis Anda.

<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "gue-galau",
 ui_header_color: "#ffffff",
     ui_header_background: "#000000"
}
</script>

---

Customizations

---

• Ganti teks gue-galau dengan nama blog Anda.
• Jika Anda ingin mengubah warna teks cukup ganti kode #ffffff
• Untuk mengubah warna latar cukup ganti kode #000000