Not Ads

Tampilkan postingan dengan label Bukan Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Bukan Tutorial. Tampilkan semua postingan

Membuat Widget Kotak Scroll Bar

Posted by Bhoo On Sabtu, 07 Januari 2012 0 komentar

Tadi kita sudah belajar bagaimana cara membuat scrollbar pada arsip, nah sekarang kita akan belajar cara membuat widget scroll bar. Berikut caranya, mari diikuti :
- Login dulu ke blogger.com
- Pilih menu "Design", lalu pilih Elemen Halaman
- Pilih tambah Gadget
- Masukkan code berikut
code :

- Selesai sudah, bisa anda lihat hasilnya.

Berikut step by step nya scroll bar arsip blog :
- Login dulu ke blogger.com
- Pilih menu "Design", lalu pilih Edit HTML
- Buat jaga-jaga kalo terjadi kesalahan, sebaiknya backup dulu template yang kita gunain, caranya klik "Download Full Template"
- Beri tanda centang pada "Expand Template Widget"
- Cari kode ini <div id='ArchiveList'> (supaya lebih gampang, kita tekan ctrl+f ‘ dan masukan kode yang dicari)
- Kalo udah ketemu, copy dan paste kode di bawah ini tepat sebelum kode <div id='ArchiveList'>

code :
setelah itu, tambahkan kode </div> sebelum kode <b:include name='quickedit'/>

- Lalu save template, dan silahkan lihat hasilnya

Cara Menambah Lagu di Blog

Posted by Bhoo On Rabu, 09 Maret 2011 1 komentar

Kalian ingin menambah lagu seperti di blog saya ini ? Caranya cukup mudah, ikuti saja langkah-langkah berikut ini:

1. Kunjungi web penyedia lagu seperti ini
2. Pilih lagu yang kamu ingini , kemudian copy kode tersebut seperti gambar dibawah ini

3. Login ke blog kamu.
1.      4. Pilih rancangan, kemudian elemen laman,  lalu pilih tambah gadget
5. Pastekan kode yang tadi dicopy kedalam kolom tambah gadget tersebut. Seperti gambar dibawah ini
 
6. Lalu simpan hasil tersebut dan lihat hasilnya. ^^

Apabila lagu yang anda ingini tidak ada didalam web tersebut, maka buat aja sendiri. Gimana cara buatnya ?
Begini caranya, jadi tolong diperhatikan !
1. Pilih lagu yang kalian sukai 
2. Kemudian convert lagu format mp3 kesukaan kalian ke dalam format SWF.
(Apabila tidak punya softwarenya, silahkan download disini !!!)
3. Setelah itu upload SWF hasil converter lagu kalian ke dalam 4shared.com (disini saya memakai web ini), kalau kalian mau memakai situs lainnya itu terserah kalian.
4. Setelah selesai mengupload, klik hasil upload anda itu. (Nanti akan terputar lagu seperti bentuk layar di 4shared itu).
5. Login ke dalam blog kalian
6. Pilih Rancangan, kemudian elemen laman, lalu pilih tambah gadget
7. Masukkan kode berikut kedalam kolom tambah gadget ( kodenya = <embed src="http://www.4shared.com/embed/531364356/a66e1678/preview.swf" autostart="TRUE" loop="TRUE" repeat="TRUE" width="1" height="1" align="CENTER"></embed> )
8. Ganti tulisan berwarna merah tersebut dengan kode kalian. (cari kode yang MIRIP dengan tulisan berwarna merah itu dilayar 4shared kalian)
9. Kemudian Simpan, dan lihat hasilnya..

Semoga artikel ini membantu kalian. Thank You.. ^^

Cara membuat favicon disamping address bar

Posted by Bhoo On Rabu, 15 Desember 2010 0 komentar

Terkadang waktu kita surfing internet, kita menemukan ada website yang ada gambar disamping address bar. Nah yang akan kita buat yaitu gambar untuk menunjukkan simbol website kamu (biar keren gitu) :p


Untuk itu, ikuti langkah - langkah berikut ini :

1. Buatlah sebuah gambar yang akan di jadikan sebagai favicon,
2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com 
3. Daftar ke photobucket.com untuk meng host kan gambar kamu, 
4. Setelah selesai register, pilih upload, kemudian pilih deh gambar mana yang akan kamu jadikan sebagai simbol website kamu,
5. Masuk kebagian album kamu, pilih gambar yang barusan kamu upload
6. Lalu tekan direct linknya maka akan otomatis tersimpan (seperti copy kode gt)
7. Tuliskan kata -  kata berikut di atas </head>  
Kata-katanya => <link rel="shortcut icon" href="http://i1097.photobucket.com/albums/g350/bhoo1/love.jpg"/> 
8. Simpan deh kerjaan kamu, llau liat hasilnya

NB:  yang berwarna hijau diganti dengan direct link kamu yg td kamu copy.



Cara Menghilangkan Navbar Blogger

Posted by Bhoo On Sabtu, 11 Desember 2010 0 komentar

 To the point >>> ikuti langkah" berikut aja :

Untuk menghilangkan navbar blogger, kalian tinggal menambahkan kode di bawah ini pada style sheet CSS :


/* hilangkan navbar
----------------------------- */

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}


Atau bisa juga menaruh kode berikut persis di bawah kode <body> :


<style type='text/css'>
#navbar-iframe {display:none;}
</style>


Mau pilih yang mana? keduanya mempunyai fungsi yang sama yaitu menghilangkan navbar blogger. Masih bingung juga dalam pemasangan kode di atas? silahkan ikuti langkah-langkah berikut ini :







  • Untuk template klasik








    1. Sign in di blogger
    2. Klik menu Template
    3. Klik menu Edit HTML
    4. Copy seluruh kode yang ada lalu save di komputer sobat sebagai backup data agar aman
    5. Copy kode berikut lalu paste di atas kode </style>
    6. /* hilangkan navbar
      ----------------------------- */
      #navbar-iframe { 
      height:0px; 
      visibility:hidden; 
      display:none 
      }
    1. Klik tombol Simpan Perubahan Template
    2. Selesai.






  • Untuk template baru








    1. Sign in di blogger
    2. Klik menu Layout
    3. Klik menu Edit HTML
    4. Klik link bertuliskan Download Template Seluruhnya, silahkan save dulu untuk backup data
    5. Copy kode berikut lalu paste di atas kode ]]></b:skin>
    6. /* hilangkan navbar 
      ----------------------------- */ 
      #navbar-iframe { 
      height:0px; 
      visibility:hidden; 
      display:none 
      }
    1. Klik tombol Simpan Template
    2. Selesai.


    Selamat menikmati blog tanpa navbar !

    Jangan dicari :