Demo Site

Cara Menambah Background Gambar Sebelum Judul Pada Blogger





Jika Anda suka dan ingin mencobanya, Anda juga dapat menambahkan gambar latar belakang dengan latar belakang judul posting Anda. Yang paling menakjubkan adalah resolusi. Meskipun Anda menggunakan Gambar kecil pendek sebagai gambar latar belakang ke latar belakang judul posting Anda, itu akan kembali berulang kali ukuran dan diposting. Jadi lebih baik menggunakan Pola sebagai gambar latar belakang. Seperti contah gambar dibawah ini




Cara kerjanya ikuti tutorial berikut ini

1. Edit Template Anda

2. Lalu cari kode dibawah ini
post h3
(Tekan 'Ctrl' + F untuk pencarian browser Anda)

Sekarang Anda akan menemukan posting beberapa baris kode h3 tetapi menggunakan post h3 pertama
Anda akan melihat banyak kode yang sangat mirip dengan ini

post h3. {

color: # 3E3533; ------------ warna judul Posting ini

font-size: 20px; ------------ ukuran Posting judul ini

font-weight: bold; --------- dekorasi huruf judul Posting ini

line-height: 1.4em;

margin: 0.25em 0 0;

Sekarang paste kode dibawah ini setelah kode. Post h3 {

background: url (URL Tempel Gambar Anda di sini) repeat-x atas;

Contoh:
post h3. {

background: url (http://1.bp.blogspot.com/_wa6zL1GRiOs/SdjrkNXWBYI/AAAAAAAACio/MP2Dh1GqvCs/s1600/sidebar-h.jpg) repeat-x atas;

color: # 3E3533;

font-size: 20px;

* tetap ingat, kode di atas akan berada dalam cara yang berbeda sesuai dengan template yang Anda gunakan.

Lalu SAVE dan lihat hasil nya..



Berikut Ada Beberapa Gambar Header untuk Blog Anda


Image URL :- http://2.bp.blogspot.com/_XByc9SCisZM/Segw7tvdsHI/AAAAAAAACHI/iC2CtxXG1gI/s1600/bg_sb_title.jpg





Image URL :- http://1.bp.blogspot.com/_wa6zL1GRiOs/SdjrkNXWBYI/AAAAAAAACio/MP2Dh1GqvCs/s1600/sidebar-h.jpg





Image URL :- http://4.bp.blogspot.com/_XByc9SCisZM/ScH7SRnT2qI/AAAAAAAABlE/E0A3QBmSKYc/s1600/bg_sb1_g.gif





Image URL :- http://2.bp.blogspot.com/_XByc9SCisZM/SbIMdJZNoRI/AAAAAAAABKM/i1iLQZEWRIc/s1600/bg_sb1.jpg


Cara Mengubah atau Menghapus Ikon Pada Blog


Setelah setiap komentar yang Anda telah diposting, Anda mungkin telah melihat ikon recycle bin kecil jenis yang mengarahkan Anda untuk menghapus komentar Anda. Apakah Anda benci itu? Maksudku, apakah Anda ingin menambahkan gambar Anda sendiri ke sana? atau menambahkan teks? Atau Anda mungkin ingin menghapus ikon , sekali dan untuk semua. kalau anda ingin menghapusnya  ikuti tutorial sebagai berikut:

1. Edit Template Anda

2. Cari kode dibawah ini
b: includable id = 'commentDeleteIcon'
(Tekan 'Ctrl' + F untuk pencarian browser Anda)

Sekarang gulir ke bawah, Anda akan melihat baris kode sebagai
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
Sebagian besar, gambar ini adalah umum untuk setiap blog. Sehingga Anda bahkan dapat mencari langsung kode tersebut.
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
Sekarang tambahkan menggantikan URL Gambar yang ada dengan URL Gambar Anda Atau Anda dapat menambahkan teks, bukan gambar, hanya menghapus kode berikut.
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
Dan setiap jenis  hal yang Anda inginkan. (Ex: - 'Hapus', 'Hapus' ......) Tapi saya sarankan Anda untuk tidak untuk menambahkan teks.

sekarang Anda dapat melanjutkan pencarian kode di bawah ini
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
dan Anda mungkin menemukan baris lain kode, yang untuk Backlinks hapus. Ubah juga. (Jika Anda ingin:))

Lalu SAVE dan lihat hasilnya...

Cara Mengedit Judul Blog Dalam HTML



Judul blog Anda adalah nama Anda memilih yang mengidentifikasi Anda dan / atau tujuan dari situs Anda. Ini merupakan elemen penting karena label ini merek konten tertentu Anda dan muncul di bagian atas halaman Anda dan jendela browser. Ketika Anda bekerja pada blog Anda, Anda memiliki pilihan untuk memodifikasi nama yang ada dengan mengubah kode HyperText Markup Language (HTML). Dengan mengetahui dimana untuk mengubah data ini, perubahan nama blog Anda, seperti yang Anda inginkan.
 
CARANYA:

1. Log in ke account blog Anda seperti Wordpress, Blogspot atau LiveJournal. Bergantian, meluncurkan aplikasi editor teks Anda dan membuka dokumen HTML blog Anda dengan mengklik "Open" di bawah menu "File".

2. Cari "HTML" link atau yang serupa untuk mendapatkan akses ke kode HTML yang mengontrol akun blog Anda. Sebagai contoh, di Blogger, klik "Desain" tab dan kemudian klik "Edit HTML" link. Lihat "Bantuan" account Anda atau "FAQ" halaman jika Anda memerlukan bantuan dengan menemukan daerah ini.

3. Cari "<title> </ title>" tag judul di bagian atas dokumen HTML Anda. Kode ini tertutup antara "<head> </ head>" elemen.

4. Mengubah teks antara tag judul untuk nama yang Anda inginkan. Sebagai contoh:
Judul <title> Baru </ title>
5. Klik tombol "Simpan" fitur dalam account blog Anda, atau pilih "Simpan" pilihan di bawah menu editor teks Anda "File". Judul di edit sekarang akan berubah di blog Anda. 

Cara Menghapus Header Pada Blogger


Blogger adalah sebuah situs yang memungkinkan pengguna untuk membuat dan memelihara sebuah blog. Situs ini juga memberikan pengguna kemampuan untuk merancang dan mengubah tampilan blog dalam banyak cara. Salah satu fitur tersebut adalah untuk menghapus header yang muncul di bagian atas blog. Blogger template memerlukan setidaknya sebuah judul dalam kotak header. Satu-satunya cara untuk menghapus header seluruhnya adalah untuk mengedit kode HTML blog.

Cara Menghapus Isi Blog
1. Masuk ke  Blogger. Anda dapat memasukkan username dan password di sudut kanan atas halaman. Setelah Anda login ke situs, pergi ke blog yang ingin Anda update. Jika Anda mempertahankan lebih dari satu blog, Anda mungkin perlu gulir ke bawah halaman untuk menemukan blog yang ingin Anda update.

2.Klik "Desain" di sebelah blog yang ingin Anda update. Pada Januari 2012, "Desain" link adalah link keempat di sebelah kanan tombol "New Post". Ini akan membawa Anda ke bagian "Page Elements".

3.Klik "Edit HTML" di bagian atas layar. Anda akan melihat kode HTML untuk seluruh halaman Blogger Anda.

4.Klik mouse Anda di dalam kode HTML dan tekan "Control" dan "A" pada waktu yang sama. Ini akan menyoroti semua kode HTML Anda. Klik "Control" dan "C" bersama-sama untuk menyalin kode. Buka program seperti Notepad, dan tekan "Control" dan "V" untuk paste kode. Simpan kode ini di suatu tempat di komputer Anda. Dalam hal masalah terjadi selama proses ini, informasi Anda sekarang disimpan di mana Anda dapat menyalin kode kembali ke bagian ini.

5.Gulir melalui kode HTML sampai Anda menemukan kode dibawahini:
<"B: widget id = 'Header 1' terkunci = 'false' title = 'TitleOfYourBlog (Header)' type = 'Header' />
Tergantung pada template Anda, kode ini mungkin berlokasi pada akhir kode. Dalam contoh di atas, kata "TitleOfYourBlog" akan menunjukkan apa pun yang Anda berjudul blog tertentu Anda.

6. Hapus seluruh baris ini dengan menyorot awal baris dan menyeret mouse anda sampai akhir. Tekan "Hapus" untuk menghapus baris dari teks.

7. Klik  "Preview" untuk melihat blog di jendela terpisah. Jika Anda menyukai tampilan blog, Anda dapat kembali ke layar "Edit HTML" dan klik "Simpan Template." Jika Anda tidak suka dengan cara terlihat, Anda dapat memilih "Bersihkan Edit" untuk kembali ke kode HTML sebelumnya.

Cara Membuat Referensi Header Custom Link Pada Blogger


Tambahkan gambar header kustom untuk Blogger dan membuat link URL untuk itu. Sebelum menambahkan header kustom, mengubah properti header dalam kode untuk memungkinkan header baru. Gambar header harus di-host pada situs web yang berbeda, dan URL harus ditambahkan ke gadget HTML.


CARANYA:

1. Login ke Dashboard Blogger Anda. Klik "Desain"  link biru di bawah nama blog di Dashboard. Klik "Edit HTML" di bawah tab Desain dan pergi ke halaman "Edit Template".

2. Gulir ke bawah dalam kode sampai Anda menemukan bagian dari HTML:
<div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Header (Header)' type='Header'/> </b:section> </div>
3. Ubah "showaddelement = 'no" untuk "showaddelement = 'yes'" untuk menambahkan unsur lain ke bagian header. Mengubah "terkunci 'true' =" ke "terkunci = 'false'" Klik tombol "Simpan Template" .

4. Klik "Elemen Halaman" link di bawah tab Desain untuk pergi ke halaman "Tambah dan Susun Elemen Halaman". Klik "Tambah Gadget."

5. Klik tanda "+" di samping "HTML / Javascript" untuk membuka "Configure HTML / Javascript" kotak. Klik "Edit HTML" link.

6. Ketik kode berikut: ". <img Src="http://www.yoursite.com/images/yourimage.jpg">" Ganti "yoursite" dengan nama situs gambar. Ganti "yourimage" dengan nama gambar.

7. Tambahkan "<a href="http://www.yourlink.com"> and "</a>" tag sekitar" img src "file untuk membuat link Klik tombol." Simpan ".

8. Klik link "Edit" di bagian "header". Klik tombol "Hapus" tombol untuk menghapus header yang ada. Klik tombol "Simpan" tombol dan pilih "View Blog" untuk melihat blog.

Cara Menambahkan Daftar Link Di Atas Header Pada Blog


Desain template halaman di Blogger.com memberikan Anda kemampuan untuk menyesuaikan sebagian besar aspek tampilan blog Anda, tapi tidak semua - Anda tidak dapat memindahkan elemen halaman Header, Anda juga tidak bisa menempatkan apa pun di atasnya. Namun, untuk menghapus keterbatasan ini dengan membuat modifikasi kecil ke template blog Anda. Setelah menciptakan area gadget baru di atas header, Anda dapat menginstal gadget Daftar Link untuk membuat menu navigasi atau link ke situs-situs lain.


CARANYA:

1. Klik "Desain" link untuk blog Anda setelah masuk ke Dashboard Blogger.com.

2. Klik "Edit HTML" di bagian atas halaman, dan kemudian klik link "Download Full Template" pada halaman berikut untuk men-download salinan dari kode sumber arus blog Anda. Simpan file ini dan menggunakannya untuk mengembalikan tampilan asli blog Anda jika Anda tidak puas dengan perubahan.

3. Klik conteng "Expand Widget Templates".

4. Tekan "Ctrl" dan "F" untuk  "Cari" kode, dan ketik "header1" untuk mencari bagian kode berikut:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(Blog Name) (Header)' type='Header'>
"(Nama Blog)" adalah nama dari blog Anda.

5. Ganti nomor setelah "maxwidgets" untuk nilai lebih besar dari 1, dan perubahan nilai setelah "showaddelement" untuk "yes." Kode tersebut sekarang terlihat seperti berikut:
<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='(Blog Name) (Header)' type='Header'>
6. Klik "Simpan Template"  dan kemudian klik "Page Elements" link di bagian atas halaman. Anda sekarang harus melihat "Tambah Gadget" link di atas header blog Anda.

7. Klik "Tambah Gadget" link, dan kemudian klik ikon "+" di samping "Daftar Link" untuk menginstal gadget Daftar Link.

Cara Menambahkan Foto Footer Pada Blog



Menambahkan elemen ke sidebar, header atau footer dari blog Anda adalah mudah dengan alat Blogger "Layout". Setiap elemen statis layout blog Anda dikenal sebagai "gadget." Ini termasuk daftar link, arsip blog dan modul iklan. Anda juga dapat menyisipkan gambar di footer blog Anda dari PC Anda atau di tempat lain di Web dengan menambahkan gadget baru.

CARANYA:

1. Login ke Blogger.com, dan klik "Desain" di bawah blog yang ingin Anda edit.

2. Klik "Tambah Gadget" di footer tata letak.

3. Klik "+" di samping "Gambar."

4. Masukkan judul link dan alamat Web, atau URL, jika Anda ingin membuat foto link yang dapat diklik.

5. Klik "Pilih File," dan pilih file foto dari komputer Anda. Atau, masukkan URL gambar yang sudah diupload ke Web.

6. Klik kotak centang di sebelah "Shrink to Fit" jika file foto asli terlalu besar untuk muat di footer.

7. Klik "Simpan."

Label

Label

Label