Kutipan atau yang juga sering disebut dengan quote merupakan salah satu fitur yang dibutuhkan bagi para blogger dalam membuat artikel. Hal ini terutama sangat dibutuhkan jika ingin memasukan kutipan tertentu seperti misalnya kutipan kata dari para ahli atau seseorang atau bahkan bagi pemilik blog dengan niche atau kategori blog tutorial blogging seperti hedryiks ini, membutuhkan fitur kutipan/ quote ini untuk meletakkan kodel html, css, javascript dan sebagainya, yang merupakan salah satu komponen yang sering di posting pada blognya.
Untuk menambah atau menerapkan fitur quote ini pada artikel tertentu, anda hanya perlu menambahkan kode tertentu yang memerintahkan blog menampilkan tanda kutip dan memasukan kata yang ingin anda kutip tersebut dalam suatu kolom sehingga tampak lebih menarik untuk dilihat.
Kode yang saya maksud diatas yaitu kode berikut
Ingat setiap kode html di postingan hanya akan bekerja jika anda gunakan editor ‘ Html ‘ bukan compose yang terdapat pada halaman buat entri di blog anda seperti gambar dibawah
Keterangan:
- Ubah angka 30 px sesuai keinginan pada border radius bottom untuk mengubah jarak garis quote bagian bawah dengan kutipan anda dan border radius top untuk bagian atasnya.
- Ubah warna background dan tulisan dengan mengganti kode warna #eeeeee dan #dddddd dengan kode warna yang anda inginkan
Selain cara diatas sebenarnya bagi blogger pengguna platform blogspot telah diberikan fitur blackquote yang ada pada menu di halaman edit entri anda dan cara tersebut terbilang lebih mudah jika walaupun tampilan yang kurang baik tapi itu solusi bagi anda tidak ingin menggunakan cara saya diatas.
Setelah menambahkan blackquote pada postingan, silahkan publish dan lihat tampilan artikel tersebut yang telah anda berikan tanda kutipan sebelumnya.
artikel selanjutnya : Cara membuat text area dengan scroll di blog
Untuk menambah atau menerapkan fitur quote ini pada artikel tertentu, anda hanya perlu menambahkan kode tertentu yang memerintahkan blog menampilkan tanda kutip dan memasukan kata yang ingin anda kutip tersebut dalam suatu kolom sehingga tampak lebih menarik untuk dilihat.
Kode yang saya maksud diatas yaitu kode berikut
<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topright: 30px; background: #eeeeee none repeat scroll 0% 0%; border: 1px solid #dddddd; overflow: auto;"> <blockquote>Letakan postingan anda disini</blockquote></div>
Ingat setiap kode html di postingan hanya akan bekerja jika anda gunakan editor ‘ Html ‘ bukan compose yang terdapat pada halaman buat entri di blog anda seperti gambar dibawah
.jpg "Html menu") |
| Html menu |
- Ubah angka 30 px sesuai keinginan pada border radius bottom untuk mengubah jarak garis quote bagian bawah dengan kutipan anda dan border radius top untuk bagian atasnya.
- Ubah warna background dan tulisan dengan mengganti kode warna #eeeeee dan #dddddd dengan kode warna yang anda inginkan
Selain cara diatas sebenarnya bagi blogger pengguna platform blogspot telah diberikan fitur blackquote yang ada pada menu di halaman edit entri anda dan cara tersebut terbilang lebih mudah jika walaupun tampilan yang kurang baik tapi itu solusi bagi anda tidak ingin menggunakan cara saya diatas.
Setelah menambahkan blackquote pada postingan, silahkan publish dan lihat tampilan artikel tersebut yang telah anda berikan tanda kutipan sebelumnya.
artikel selanjutnya : Cara membuat text area dengan scroll di blog
Post a Comment