Tutorial Blogger

Cara Membuat Pull Quote dengan CSS di Blogger

Pull Quote merupakan sebuah fitur yang memiliki fungsi untuk memberikan pesan moral atau pesan khusus untuk memperkuat argumen dari isi postingan tersebut, dan diperuntukkan kepada para pengunjung website tersebut.

Biasanya fitur Pull Quote ini sering digunakan oleh media cetak seperti koran, buku dan website portal berita. Sebetulnya fitur Pull Quote ini sudah tersedia di CMS Blogger, namun tampilannya yang masih bawaan dari Blogger nya dan terlihat ‘Biasa aja’.

Nah, pada kesempatan kali ini penulis akan memberikan sedikit tutorial singkat Cara Membuat Pull Quote dengan CSS di Blogger. Jika kamu tertarik untuk membuatnya, kamu bisa simak dalam tutorial berikut ini.

Cara Membuat Pull Quote Responsive di Blogger. 

1. Log in ke akun Blogger → Tema → Edit HTML.

2. Copy dan Pastekan kode Style CSS di bawah ini dan taruh tepat sebelum kode ]]></b:skin> atau </style>.

3. Simpan Tema. 

4. Buat postingan baru dan masuk ke dalam mode HTML bukan Compose. Lalu masukan kode pemanggil di bawah ini.

Silahkan kamu sesuaikan isi pesan atau Quote -nya sesuai kebutuhan kamu.

5. Selesai. Postingan siap untuk di publish.

Berikut adalah tampilan Pull Quote yang telah terpasang di Blogger.

Live Preview

Sekian tutorial Cara Membuat Pull Quote dengan CSS di Blogger yang telah penulis bagikan untuk kamu. Jika kamu memiliki pertanyaan perihal artikel ini, jangan sungkan untuk berkomentar di bawah ya. Semoga bermanfaat.

Tutorial Lainnya dari Penulis:









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Ikuti Kami di Sosmed!

        

Berlangganan Tutorial Gratis Melalui Email!

Copyright © 2020 Inwepo - All Rights Reserved.

To Top