Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Membuat background body dengan javascript

Dengan javascript sederhana ini sebuah background image yang baru akan menghiasi blog anda. Yang perlu diperhatikan adalah memilih background yang tepat, baik warna maupun teksturnya. Penyediaan dua buah javascript pada tutorial ini dikarenakan ada perbedaan kode yang digunakan di "Template Tata Letak" dan "Blogger Template Designer".

D E M O

Cara menggunakan javascript untuk membuat bg body:
  1. Login ke Blogger.
    • Tuliskan "User Name" (gmail) atau tuliskan "Email Address" (non gmail).
    • Tuliskan Password.
    • Klik "Sign in"
  2. Beberapa saat setelah klik sign in anda akan menjumpai halaman "Dasbor (Dasboard)".
    Klik "Rancangan (Design)".
  3. Kembali halaman baru akan terbuka, klik "Edit HTML".
  4. Sebuah halaman baru kembali kita jumpai. Halaman ini berisi 3 (tiga) bagian:
    • Backup/Restore Template » berisi fitur untuk melakukan backup template.
      Lakukan Backup template setiap kali akan melakukan penambahan atau pengurangan kode (xHTML, kode CSS dan javascript) melalui "Box Edit Template".
    • Edit Template » berisi sebuah box besar yang di dalamnya berisikan kode html penyusun blog.
    • Old Templates » berisi template lama blogger (Template Tata Letak & Template Klasik.
  5. Cari kode </body> pada "Box Edit Template".
  6. Copy javascript dan paste-kan di atas kode </body>
  7. Klik "Simpan Template (Save Template)".
Template Tata Letak (Layout Templates):
Javascript :
<script type="text/javascript">
if (document.all||document.getElementById)
document.body.style.background="url('https://lh3.googleusercontent.com/-TsO62JV2VfU/T24gYRSDWOI/AAAAAAAAAgs/1R-WamNCKkU/s128/gubhugreyot_wood-01.gif') center repeat"
</script>
Blogger Template Designer :
Javascript :
<script type="text/javascript">
document.write("<style>.body-fauxcolumn-outer .cap-top{z-index:0;opacity:0.0;filter:alpha(opacity=0);</style>");
if (document.all||document.getElementById)
document.body.style.background="url('https://lh3.googleusercontent.com/-TsO62JV2VfU/T24gYRSDWOI/AAAAAAAAAgs/1R-WamNCKkU/s128/gubhugreyot_wood-01.gif') white center repeat"
</script>
Catatan/Keterangan :
  1. Buka Special Tutorials untuk mengikuti panduan cara backup template, cara cepat cari kode di template dan berbagai cara menyimpan kode html di template.
  2. https://lh3.googleusercontent.com/-TsO62JV2VfU/T24gYRSDWOI/AAAAAAAAAgs/1R-WamNCKkU/s128/gubhugreyot_wood-01.gif, adalah image yang digunakan sevagai background. Anda bisa mengganti dengan background yang lain dengan ukuran sembarang.
  3. Upload image yang akan digunakan sebagai background di blogger melalui box posting.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:




Update » Senen WAGE, Maret, 26, 2012

» Happy Blogging - gubhugreyot «

5 komentar:

  1. cakep2 om tutornya cuma ane pengen tampilan yang sederhana aja oh yh om ada tutor buat background fb pake foto sendiri

    BalasHapus
  2. terimakasih banyak buat tutorialnya sob, sangat membantu sekali....

    BalasHapus

 
GR | Edited by | gubhug reyot