Cara Terbaru Membuat BlockQuote Responsive Di Blog Denga Mudah

==Iklan Dipate Disini===

Lapakinfo.net - Pada kesempatan ini saya akan membagikan sebuah tutorial yang sangat penting buat artikel di blog kalian, yaitu tutorial Cara Membuat BlockQuote Responsive Di Blog. Sebenarnya setiap template mempunyai gaya blockquote tersendiri, namun kadang blockquote bawaan template sering membosankan dan  kurang menarik. Nah pada tutorial ini saya akan membuat blockquote di blog kalian lebih menarik dan lebih berwarna, tapi sebelum ke tutorial saya akan jelaskan sedikit apa itu blockquote.

Blockquote ialah sebuah catatan yang fungsinya untuk mengingatkan pembaca bahwa informasi tersebut sangat penting,  blockquote biasa di gunakan oleh blogger dengan niche seperti tutorial dan lain sebagainya. Blockquote ini juga berfungsi untuk kode - kode seperti CSS, HTML, JavaScript dan lain sebagainya, tapi kadang blockquote bawaan template itu kurang menarik dan kelihatan biasa - biasa saja. Intinya blockquote itu sangat penting perannya buat blog kalian. Jika kalian mau merubah blockquote bawaan template kalian agar kelihatan lebih menarik dan profesional simak langkahnya di bawah ini.

Cara Membuat BlockQuote Responsive Di Blog

1. Buka Blog kalian
2. Pilih Tema lalu Edit HTML
3. Salin kode di bawah ini dan letakan tepat di atas kode ]]></b:skin>

blockquote{font-family:"Merriweather",Georgia,serif;font-style:italic;padding:17px 58px 20px 55px;font-size:16px;text-align:left;font-weight:300;color:#333;background:#e7f1ff;margin:21px 30px}
blockquote:before{content:"\201C";margin-left:-35px;line-height:1.33;float:left;font-weight:700;font-style:normal;font-size:25px;color:#111}

4. Simpan template kalian

Untuk merubah warna background silahkan ganti kode e7f1ff dengan kode warna pilihan kalian

Sangat mudah bukan untuk membuat blockquote ini. Sekian dulu postingan untuk Cara Membuat BlockQuote Responsive Di Blog, swmoga bermanfaat buat kalian semua dan terimakasih atas kunjungannya.

==Iklan Dipate Disini===