cara membuat slide 3in1

Cara membuat Slide Three In One.( Blogger,Twitter dan Facebook )

Slide ini adalah merupakan kontainer untuk menempatkan berbagai atrribut blog.seperti Shoutmix atau chat box.

keunggulan blog dengan menggunakan slide seperti ini adalah blog menjadi lebih rapi.karena beberapa attribut blog bisa di letakkan dalam slide.slide sifatnya tersembunyi.ia akan muncul jika di klik ( untuk slide three in one ini tidak perlu di klik cukup di tunjuk dengan mouse saja ia sudah muncul ).dengan keadaan tersembunyi ini maka blog bisa menghemat ruang penempatan atribut.seperti chat box dan lain-lain.

Adapun cara membuatnya adalah sebagai berikut :

1. Buka setting Tata Letak

2. Tambahkan widget html / java script

3. Tempatkan kode di bawah ini kedalamnya

4.Simpan

5.Lihat di Pratinjau.

6.Jika cocok dengan anda,silahkan atur isi dari slide tersebut.

Catatan :

Untuk isi slide silahkan anda usahakan sendiri.jika anda butuh chatbox seperti CBox atau semacamnya,silahkan anda daftar di site yang bersangkutan dan ambil scriptnya.lalu tempatkan di dalam slide.untuk 'LETAK SCRIPT",telah di terangkan dalam kode di bawah dengan tulisan tebal.

---

<style type="text/css">

    .barrightblogger{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2WH9bQ0K4lllgDHu2IHIcCmF1t_iTpZaEMRJZWGMHW14X6TbIcNr_7IBluUeIs2M6k92ybsB8yf7aARpWBwARqhSjEhvbJLhiMqlXRCBCS3cTqREJl6mAQsTJMhFpnOKyFiE3xWGMXb1x/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:50px; z-index:1000;}

    .barrightbloggerc{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwTOcJtoklP1plUzjXfU2AALr4T9Hi0tp350_omBDnf8Q7FGezbB2XFVZQlFNB7PwJfffgP6cHVQcVLgDTm3UoX4HyexksESGUjUAWgV01M3GQk4FrP864F-UXP8xwFksZRlDOnqNMcwWq/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:50px; z-index:1100;}

    .barconteblogger{margin:5px 0 0 47px}

    .barrighttwitter{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZG14u9U32fUcy3aR_KIDUe1z73X70Ky_f6Ts8fl_kO7zqKQqVv2SbNQQxvfY5lLluR1XtcWVtUb73oO0t1C0f4JBgTKm4MlC-XRDrKi3U84Ns8Nx-gJ4EYz-o8A_-yVfqYJxBe6pDy0m/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:210px;z-index:1000;}

    .barrighttwitterc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNwpDh24HHEW-J3xXRgmNbdpnE9DZxUAYeSo2il7sD3T3tWIlmMog8xMnVbdaUZEZZwV79SEtWoj3bO8iZwwYuYmrkFWnw1_uLEdmvoRFPnUNC4eXbW_05uoTSEg4LINTweLrog_Onscg_/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:120px; z-index:1100;}

    .barcontetwitter{margin:5px 0 0 47px}

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSWT_HaLUGmDF_7rX27DaHhLWyDG_Mk7MZuVAC-D7ZAdNRoV92Nv3jpCF613XqYuopZDUY2lfrsq8y2opKet_X5tYySguFOEM_IR_e4WaPnDYBhLYX5INzQwaLaXUspVEdt9Gyg1Fi0cUJ/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYJYhJUj4MvXkeEyQo-nw0ljGkVcWY9OGCLyq_nENXq5x3x1rVEf3RL9YRaVFGR2HWqUGtT9yENrWBBKla1BY7tqzd4vYwZywFxkjmItpH6W95NbxP7GDW76HH0p8s0dn2QtA7mRRNEgkB/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

    .barcontefacebook{margin:5px 0 0 47px}

    </style>

    <div class="barrightblogger" onmouseover="this.className='barrightbloggerc'" onmouseout="this.className='barrightblogger'">

    <div class="barconteblogger">

 

"Tempatkan Code disini untuk slide Blogger"
 

    </div>
    </div>
    <div class="barrighttwitter" onmouseover="this.className='barrighttwitterc'" onmouseout="this.className='barrighttwitter'">
    <div class="barcontetwitter">
 

"Tempatkan Code disini untuk slide Twitter"
 

    </div>
    </div>
    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">
    <div class="barcontefacebook">
 

"Tempatkan Code disini untuk slide facebook
 

    </div>
    </div>
<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

---

Silahkan ikuti link ini untuk mendapatkan kode di atas : 3inoneslide

Blog ini tidak bisa di copy,sehingga kodenya ditempatkan di blog lain,maaf merepotkan.

---

Sumber :

Penulis Code :

---

Demikian,semoga bermanfaat.