Cara Membuat Pull Quote didalam Postingan Blog

KURAZONE ~ Halo sahabat Kurazer, gimana keadaan kalian? Masih baik-baik saja kan?! Pada kesempatan kali ini kita akan belajar mengenai "Cara Membuat Pull Quote didalam Postingan Blog". Cara ini bisa kalian gunakan untuk memberikan pesan moral atau pesan khusus dalam memperkuat argumen didalam postingan. Pull Quote ini sering digunakan pada media cetak koran maupun majalah. Adanya Pull Quote ini juga bisa memberikan petunjuk mengenai kesimpulan, hikmah atau makna dari artikel yang sedang dibaca.

Nah, Pull Quote tersebut rupanya juga bisa lho diterapkan didalam postingan. Seperti ini contohnya :

Ini adalah contoh dari Pull Quote, yang biasanya berisi pesan-pesan moral - Namamu
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Berikut adalah Cara Membuat Pull Quote didalam Postingan Blog

1. Buka Akun Blogger >> Pilih Tema >> Edit HTML
2. Copy kode CSS dibawah ini dan letakkan (paste) diatas kode ]]></b:skin>
.kura-quotes {
width: 150px;
float: right;
border-top: 3px #868686 solid;
border-bottom: 3px #868686 solid;
background: top left no-repeat url(https://sites.google.com/site/sotazone/quote.png);
background-color:white;color:black;
text-indent: 10px;
padding: 6px;
margin: 10px 0 10px 10px;
-webkit-box-shadow: 7px 7px 8px 0 #818181;
-moz-box-shadow: 7px 7px 8px 0 #818181;
box-shadow: 7px 7px 8px 0 #818181;
}
3. Simpan template

Petunjuk :
  1. Apabila ingin mengubah warna background dan warna tulisan, maka ganti kode background-color:white;color:black; 
  2. apabila ingin mengganti gambar background, maka ubah URL https://sites.google.com/site/sotazone/quote.png (ukuran yang disarankan adalah 30x20 pixel)
Dibawah ini adalah contoh Pull Quote yang telah diubah warna background, warna teks dan gambar background nya.

Ini adalah contoh dari Pull Quote, yang biasanya berisi pesan-pesan moral - Namamu
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Memanggil Pull Quote didalam Postingan Blog

1. Pindah ke Menu Postingan >> Buat Postingan baru atau edit postingan yang sudah ada
2. Pindah ke MODE HTML
3. Copy kode HTML dibawah ini, dan letakkan sesuai keinginan
<div class="kura-quotes"> ISI QUOTE DISINI </div>
Peletakan kode Pull Quote alangkah baiknya diletakkan di awal Paragraf (terserah mau di Paragraf berapa, yang penting diawal Paragraf)
Pull Quote diletakkan diawal Paragraf

4. Publikasi dan lihat hasilnya

-----------------------------
Pull Quote ini dirancang tampil di sebelah kanan. Apabila ingin tampil di sebelah kiri, maka bisa kalian explore sendiri kode-kode nya :v
-----------------------------


Itulah informasi mengenai "Cara Membuat Pull Quote didalam Postingan Blog", selamat mencoba dan semoga bermanfaat. Goodluck!!





Lebih baru Lebih lama