oa515 blog

Cara Membuat Background Sambaran Petir Di Blog

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 'Membuat Background Kilat Di Blog'.

Ikuti langkah berikut untuk membuat background 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://petir-project.googlecode.com/files/zuaz-petir.gif) no-repeat center fixed;

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

5. Lalu 'Save Template' dan lihat hasilnya.

Semoga bermanfaat ya,,,!!!

CARA MEMBUAT RATING BINTANG DI POSTING BLOG

Cara Membuat Rating Bintang Di Posting Artikel Blog adalah cara yang sama dengan cara membuat & menampilkan rating bintang di Google namun beda penampilan. Jika cara membuat rating bintang di posting artikel blog akan menampilkan tombol rating bintang secara otomatis disetiap artikel blog yang akan membantu pengunjung blog memberikan penilaian terhadap artikel yang dibacanya. Sedangkan cara membuat & menampilkan rating bintang di Google, akan membantu artikel blog lebih banyak dikunjungi oleh pengunjung melalui search engine karena adanya nilai pageview yang tampil. Semakin tinggi nilai pageviewnya, semakin banyak pengunjung yang akan membaca artikel blog dan itu pun juga tergantung dari posisi SERP artikel di search engine. Jika posisi SERP ada di halaman belakang, ya sama saja hasilnya nol! :)

Berikut Panduan Cara Membuat Rating Bintang Di Posting Artikel Blog

Masuk ke akun blogger melalui Draft.Blogger.com
Pilih dan klik Tata Letak
Klik edit pada tab kolom Posting Blog
Tampil halaman pop-up seperti berikut ini
Beri tanda pada check box Show Star Rating
Selanjutnya beralih ke dashboard blogger anda...
Pilih dan klik Template >> Edit Html >> Lanjutkan >> centang Expand Template Widget >> tekan Ctrl + F di keyboard
Cari kode <data:post.body/> atau <p><data:post.body/></p>
Tempatkan kode berikut dibawah <data:post.body/> atau <p><data:post.body/></p> atau komponen yang menyertainya seperti Artikel terkait, Tombol sosial bookmark, Permalink blog, dll.
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
Simpan template dan lihat hasilnya seperti yang tampak pada artikel blog ini yang berdampingan dengan tombol sosial bookmark

CARA MEMBUAT BACKGROUND ENTRI

Cara membuat background entri atau posting blog.
maksud saya adalah memberi gambar dibelakang postingan seperti yang terlihat di posting saya ini.gambar yang digunakan bisa berformat apa saja

tutorial pemasangannya sebagai berikut :
1.pertama anda LOGIN ke akun bloger
2.masuk dan buatlah ENTRI baru
3.kli tombol HTML (letaknya disamping COMPOSE)
4.copy paste code warna biru berikut :

<div style="background: url("URL Gambar yang ingin dijadikan Background") no-repeat scroll center transparent; text-align: justify;">Isi Artikel</div>

keterangan :

code warna hitam silahkan anda ganti dengan URL GAMBAR yang ingin dijadikan background dan untuk ISI ARTIKEL silahkan anda ganti dengan isi posting..

sekian untuk Cara membuat background entri

SELAMAT MENCOBA

Cara membuat Tombol Spoiler Di Posting Blog

Spoiler adalah sebuah Tombol untuk menyembunyikan atau menampilkan Gambar, Tesk , Link , Script, Dan

Yang Lain-Lain. Spoiler juga bermanfaat untuk Menghemat Tempat, Membuat orang penasaran, Dan Masih Banyak Lagi. Bagaimana Cara membuat Tombol Spoiler di Posting Blog?, Berikut Caranya:

Buat Postingan seperti biasa Anda buat.
Klik Tombol HTML Di kanan Posting.
Masukan Kode berikut Ini:

Masukan Konten yang akan Disembunyikan.

</div>
<button title="Klik untuk melihat/menyembunyikan" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Buka/Tutup</button>

Keterangan:

Ganti Kode Berwarna Merah dengan Koten yang akan anda sembunyikan seperti Link, Teks, Script, Gambar. Ganti Kode Berwarna Biru dengan Deskripsi Spoiler yang anda mau. Ganti Kode Berwarna Ungu dengan Judul Spoiler.

Contoh Spoiler Seperti Ini:

Selamat Mencoba,

Salam Sukses.