Memasang Pullquote di post

Terkadang artikel membutuhkan sedikit pertolongan agar tampil menjadi menarik. Asesoris yang satu ini bersumber dari blog Hans.
Pullquote ini dperlukan jika teman - teman ingin menampilkan intisari dari postingan dan memiliki tempat tersendiri. Pertama - tama yang harus dilakukan adalah mengedit HTML blog anda.


Silakan cari kode <b/skin> kemudian masukkan script di bawah ini tepat diatas kode tersebut.

.pullquote {
width: 15%;
background-color:$pullquoteBgColor;
background-image: url(http://home.planet.nl/~hansoosting/images/quotes_grey.gif);
background-repeat: no-repeat;
color:$pullquoteTextColor;
float: right;
border:1px solid $
pullquoteborderColor;
font-weight:bold;
line-height:120%;
padding:40px 10px 10px 10px;
margin-top:10px;
margin-left:10px;
}

Agar tampilannya bisa di setting melalui menu teks dan warna, maka perlu di deklarasikan. Copy script ini lalu 'paste'kan di dalam Variabel definition di dalam HTML Blog anda.

<Variable name="pullquoteBgColor" description="pull quote BgColor"
type="color" default="#efefef" value="#003366">
<Variable name="pullquoteTextColor" description="pullquote Text Color"
type="color" default="#333333" value="#ffff66">
<Variable name="pullquoteBorderColor" description="pullquote Border Color"
type="color" default="#cccccc" value="#ffffff">

Setelah selesai dipaste jangan lupa untuk disimpan. Langkah Terakhir copy kode ini di dalam kotak template posting di pengaturan format blog anda. Ini agar anda tidak lupa dengan kode pullquote jika ingin menampilkan pullquote di blog anda.

<span class="pullquote">

</span>

Oke..teman - teman selamat mencoba.

"Jika Berkenan, Silakan KLIK tombol SHARE ini agar sahabat Anda dapat membaca artikel ini, Salam"


Twitter Delicious Facebook Digg Stumbleupon Favorites More