Diberdayakan oleh Blogger.
 

Sabtu, 15 Desember 2012

Cara Membuat Background Kilat Di Blog

0 komentar
Cara Membuat Background Kilat DiBlog Bagi para pemula blogger contohnya seperti saya, pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Kali ini saya akan menulis artikel tentang 'Cara Membuat Background Kilat Di Blog'.

Ikuti langkah berikut untuk Cara Membuat Background Kilat Di Blog :

1. login ke bloger dengan id anda
2. Lalu menuju ke 'design' -> edit HTML
3. Centang Expand Template Widget
3. Cari kode body {
4. Tambahkan kode berikut di bawah kode ' body {

background:#000000 url(http://3.bp.blogspot.com/-woJuG7VujDQ/UKmxbs_MgyI/AAAAAAAAAaI/FW7390Fet-k/s1600/Petir.gif) no-repeat center fixed;

Kode kuning = Kode warna di belakang background
Kode merah = Link/url background kilat / url background lain yang ingin dipasang
Kode hijau = Jika inginkan gambar berulang-ulang hilangkan saja


5. Lalu  Save Template.

6. jangan lupa tingalkan jejak.
7. selamat mencoba. dan lihat hasilnya.

Rabu, 14 November 2012

cara membuat benner dg tombol close

0 komentar
kali ini kendede mau berbagi pengetahuan mengenai cara membuat benner dg tombol close.  kendede Panduan Cara Membuat Blog Gratis Tips Trik Blogger Blogspot Tools Tips SEO dan Modifikasi Widget  langkah-langkah yg harus di lakukan: langsung aja gak pake lama.:

1. pertama-tama anda harus memiliki url banner yg akan di pasang.
2. login ke blog anda,

3.  pilih add gadget > pilih html/script
4. copy code berikut :

<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:1000px; height:80px; z-index:100; ">
<div style="width:1000px; height:20px; text-align:center;">
<a href="#" onclick="document.getElementById('floating_banner_top').style.display='none';return false;">
<img border="none" src="https://lh4.googleusercontent.com/-rfWZnmv0wR4/UJpCvN19

wTI/AAAAAAAAAX8/Sgj4mJgxD-M/s43/closeButtonGradient.gif"/>

</a>
</div>
<div style="width:1000px; height:80px; background:#FFFFFF;">

....Letakkan Kode iklan/Banner Space Iklan anda disini....

</div>
</div>

4. paste di kotak html
5. save dan lihat hasilnya.

keterangan:
warna merah = url img close anda dapat mengantinya.
warna hijau   = letak url iklan.
width dan height  dapat anda sesuaikan menurut kebutuhan blog dan benner agan.


selamat mencoba salam kendede

MENARUH SUPERMEN TERBANG DI BLOGSPOT

0 komentar
kami Panduan Cara Membuat Blog Gratis Tips Trik Blogger Blogspot Tools Tips SEO dan Modifikasi Widget akan mencoba membahasnya dalam post kali ini, mungkin bagi sobat yg sudah jitu  dalam bermain blog, tentunya tidak asing lagi dg membuat menaruh meletakkan  supermen  terbang di blog.
tapi apa salahnya jika Panduan Cara Membuat Blog Gratis Tips Trik Blogger Blogspot Tools Tips SEO dan Modifikasi Widget mencoba berbagi buat sobat yg belum tau. karna
kan suka berbagi. Panduan Cara Membuat Blog Gratis Tips Trik Blogger Blogspot Tools Tips SEO dan Modifikasi Widget hehehe.

Langsung aja kita ke TKP.
caranya seperti biasa  Masuk Dashboard dan bla-bla bla. tata letak  javascrip copas kode di bawah ini.



simpan jadi dah. bila ada yg salah silahkan datang lagi kesini. karna. juga ngikut disitu. hehehe selamat mencoba. Panduan Cara Membuat Blog Gratis Tips Trik Blogger Blogspot Tools Tips SEO dan Modifikasi Widget. 

sumber: dari sini

Membuat Foto Berputar Di Blogspot

0 komentar
Bagi para pemula blogger contohnya seperti saya pasti banyak yang menginginkan blognya terlihat bagus  dengan membuat foto berputar di blog atau gambar yang mereka inginkan sendiri. Kali ini saya akan menulis artikel tentang 'Membuat Foto Berputar Di

Blog'. tak pake lama langsung aja. apa yg kami tau mau kami bagi
Ikuti langkah berikut untuk  Membuat Foto Berputar Di
Blog:


1. login ke bloger dengan id anda
2. Lalu menuju ke 'design' -> edit HTML
3. Centang Expand Template Widget
3. Cari kode </head>
4. Tambahkan kode berikut di atas kode </head>


</b:template-skin>
<style>#denzuaz img{-moz-transition:all .8s ease-in-out;-ms-transition:all
.8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#denzuaz img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>







taruh kode ini sebelum foto

<div id="denzuaz"><img src="http://1.bp.blogspot.com/-i-lWyaIIHmo/UJHs-GZ5ktI/AAAAAAAAAXY/rnAV6HZqQJY/s320/nia92jy.png"/></div>


ket: warna orange ganti dg url foto anda.

  selamat mencoba=!

Kamis, 08 November 2012

Cara menyembunyikan atribut Blogger Di area footer

2 komentar

 

Masuk Dashboard
Pilih design, lalu Edit HTML.
Cari kode ]]></b:skin>
Kemudian letakkan kode berikut tepat di atas kode ]]></b:skin>

#Attribution1 {
height:0px;
visibility:hidden;


display:none
}


Simpan template

Cara hapus atribut Blogger

Masuk Dashboard
Pilih design, lalu Edit HTML.
Cari kode <!-- outside of the include in order to lock Attribution widget -->
Dibawah kode tersebut terdapat kode seperti di bawah ini

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Ubahlah nilai Locked='true' menjadi Locked='false'
Simpan template

Silahkan tentukan opsi mana yang lebih sobat pilih, hapus atribut Blogger secara permanen atau hanya menyembunyikannya saja. Dengan dihilangkannya atribut Blogger, ini tidak akan memberikan masalah terdahap blog sehingga anda tidak perlu kuatir.