Cara Membuat Pull Quote didalam Postingan Blog

Pilihan Editor :

Cara Membuat Pull Quote didalam Postingan Blog
Penulis Bagus Surochman
4
Modus malam
AAA
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!!
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.

4 komentar:

  1. Wahh. Trimakasih ya bang...

    BalasHapus
  2. Pull Quote ini sangat cocok untuk blog saya yang kategorinya tentang motivasi dan juga kata-kata mutiara, boleh dicoba nih tipsnya semoga berhasil di blog saya, terimakasih admin sudah bersusah payah membuatkan tutorial yang sangat bermanfaat ini

    BalasHapus
  3. Tanya mas.
    Itu ptunjuk no 2. Ganti gambar background dengn cara ubah URL. DIganti dengan nama foto apa gmna ?

    Mhon jwabnnya

    BalasHapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.