Tampilkan postingan dengan label Banner. Tampilkan semua postingan
Tampilkan postingan dengan label Banner. Tampilkan semua postingan

Membuat Tampilan di pojok Layar

0

Label: , , ,
Bookmark and Share

Untuk membuatnya ikuti langkah berikut :
  1. Login ke blogger trus klik Template -->> Edit HTML
  2. Cari kode ini ]]></b:skin> kalau sudah ketemu taruh kode berikut ini di atasnya.
    #trik_pojok {
    position:fixed;_position:absolute;bottom:0px; left:0px;
    clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth); }
  3. Teks yang dicetak merah tebal adalah posisinya, kalau ingin ganti di posisi pojok kanan bawah tinggal teks "left" diganti dengan "right". Begitu juga tulisan "bottom", jika ingin di posisi atas bisa diganti dengan "top".
  4. Langkah selanjutnya yaitu letekkan script berikut ini sebelum kode </body>
    5. <div id="trik_pojok"><a href="http://tutorialblogger.blogspot.com">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRbn7KpqOw7J8OuN8xkjaDkykJnrMtGldEUpEG9JAaJuCymYramGVp74cpm7mUu5RtB3lt23zmCay5tIIQt5wXgPrphDfx7aJzrRhEfw1mZ6xCoPvwjX86ksjUaX9Yc2tIxJY-hTAkujw/" border="0" /></a>    </div>
    "http://tutorialblogger.blogspot.com" adalah link. ganti dengan link kamu.
    "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRbn7KpqOw7J8OuN8xkjaDkykJnrMtGldEUpEG9JAaJuCymYramGVp74cpm7mUu5RtB3lt23zmCay5tIIQt5wXgPrphDfx7aJzrRhEfw1mZ6xCoPvwjX86ksjUaX9Yc2tIxJY-hTAkujw/" adalah lokasi gambar. ganti dengan lokasi gambar kamu.

  5. Jika kamu ingin yang ada disitu bukan gambar tetapi jam/ kalender/ hit counter/ widget-widget yang lain, maka ganti teks yang berwarna biru dengan script widget-widget tersebut.
  6. Simpan hasil kerja kamu dan lihat hasilnya...

Read More >>

Membuat Floating Box

0

Label: , , ,
Bookmark and Share
Pertama yang Anda lakukan adalah Login ke blogger lalu masuk menu "Template" Kemudian Masuk bagian "Edit HTML"

Pasang code ini dibawah code <head> atau sebelum code </head>
<script src='http://sites.google.com/site/anasprod/adse.js' type='text/javascript'/>

Dan pasang Code CSS dibawah ini diatas code ]]></b:skin>
#topbar{
position:absolute;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
width: 620px;
visibility: hidden;
z-index: 100;
}

(Edit code CSS diatas untuk menentukan style dari box)

Kemudian Save dahulu.

Dan masuk pada bagian "Tata Letak -> Tambah Widget"

Pilih tempat Gadget yang Anda ingin (terserah karena box ini akan melayang) dan klik "Tambah Widget" Masukkan code dibawah ini
<div id="topbar">
MASUKKAN CODE SCRIPT / LAINYA DISINI
<a href="" onclick="closebar(); return false"><img src="http://sites.google.com/site/anasprod/close.gif" border="0" /></a>
</div>

Ingat ganti code yang berwarna merah diatas dengan code gadget.

Kalau sudah. . . SAVE..

Selesai..


Semoga bermanfaat :D


thanks to Anas
Read More >>
Langganan: Postingan (Atom)
 
Tutorial Blogger Design by Trick and Tips Powered by Blogger