Membuat Backround Blockquote Cantik Di Blog

Minggu, 17 April 2016

Membuat Backround Blockquote Cantik Di Blog

Good night bloggers.. ^^

Malem ini muntiana mau share tutorial membuat backround pada blockquote. Tau kan apa itu blockquote?.
Blockquote itu tulisan dalam post yang disorot, contohnya kaya tulisan yang berwarna pink pada gambar di bawah ini..

Blockquote, Backround Blockquote


Langsung aja ya ini tutorial untuk membuat backroundnya :

1. Log in ke Blogger.co.id

2. Pilih Template ~ Edit Template

3. Cari kode

           /* Posts
           ----------------------------------------------- */

4. Kemudian kopi kode di bawah ini lalu pastekan SETELAH kode no. 3 :

.post blockquote { margin : 0 20px; padding: 6px 15px 4px; background : #FFACC5; no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #FF3498; border: 1px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }

     NOTE :
     Kode warna merah bisa kamu ganti dengan kode warna yang kamu mau untuk backroundnya
     Kode warna biru bisa kamu ganti dengan kode warna yang kamu mau untuk tulisannya

5. SAVE TEMPLATE

O iya btw hasil dari kode tadi sama dengan gambar yang ada di atas. Kalau sahabat bloggers masih bingung atau ada yang mau ditanyakan silakan tinggalkan komentar yaa..

Gomaweo ^^

-
thank you

Tidak ada komentar:

Posting Komentar

Next Previous Home
Related Posts Plugin for WordPress, Blogger...