Home Profile Opinion Academic Experience Tutorial

Selasa, 02 Juni 2015

Cute Blockquote (1)

Credit:Jauza

Sudah lihat kan blockquote itu apa! Yuk lihat tutorialnya! 

1. Dashboard
2. Template
3. Edit HTML
4. Expand Widget Template
5. Cari kode
/*Posts
 -Nah dibawahnya kan ada kode
----------------------------------------------- */
-Untuk  blogskins dan template Classic cari kode </style>

Copy kode dibawah ini, DIBAWAH kode garis-garis diatas
blockquote{
background:url(URL BACKGROUND);
padding:10px;
border-radius:10px;
border-left:10px solid #000;
border-right:10px solid #000;
border-top:2px solid #000;
border-bottom:2px solid #000;
color:#eee;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family: Short Stack;

blockquote:hover{
background:url(URL BACKGROUND);
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 8px #000;
-moz-box-shadow:    0px 0px 8px #000;
box-shadow:         0px 0px 8px #000;
}
-untuk blogskins dan template classic taruh kode diatas DIATAS kode </style>
Diedit sendiri yah! Untuk tulisan URL Background bisa kamu ganti dengan URL background blockquote kalian.

6. Pratinjau dulu! Kalau nggak error save aja!

Cara Pasang di Postingan
credit+gambar: www.hafizfauzi.com

1. Klik entri baru
2. Klik gambar yang di kotaki
Cara Membuat Blockquote Pada Postingan Blog
3. Klik text kamu
4. Save


Terima kasih telah membaca, tinggalkan komentar ya!

4 komentar:

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...