Pertama masuk ke akun blogger kita.
Klik fitur rancangan.
Klik edit HTML.
Cari kode blockquote dalam kode HTML template blog kita tersebut.
Hapus kode blockquote tersebut, kemudian ganti dengan memasukan kode HTML blockquote yang kita inginkan.
Klik simpan template.
Keterangan :
Untuk mempermudah pencarian kode HTML yang dimaksud, klik tombol Ctrl + F pada keyboard kita.
Selalu biasakan untuk download template blog kita terlebih dahulu sebelum melakukan edit, untuk back up sebagai antisipasi saat kita mengalami kegagalan sewaktu proses editing berlangsung.
Cara manual.
Cara ini tidak membutuhkan penggantian kode HTML template blog, tetapi kita hanya perlu untuk memasukan kode HTML blockquote yang kita inginkan setiap kali kita membuat sebuah postingan. Caranya adalah saat kita membuat postingan sebuah blog, jangan menuliskan blockquotenya di bagian compose. Akan tetapi, tuliskan blockquote tersebut beserta kode HTML untuk menampilkannya pada bagian edit HTML (letaknya tepat di sebelah kiri bagian compose).
Adapun kode HTML yang perlu kita masukan untuk menampilkan blockquotenya yaitu :
<blockquote style=" Masukkan kode HTML blockquote yang ingin kita tampilkan di sini "> Masukkan tulisan yang akan kita jadikan blockquote di sini </blockquote>
Beberapa bentuk variasi blockquote beserta kode HTMLnya yang dapat kita pilih untuk kemudian di tampilkan dalam postingan blog kita antara lain sebagai berikut ;
Bentuk 1.
Terima Jasa Buat Blog Murah, Hanya Rp 100.000,- Anda sudah bisa memiliki Website Toko Online Atau Persomal Blog
Code Scripnya adalah
<blockquote style="-moz-border-radius-bottomleft: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 8px; background-color: #666666; color: white; margin: 1em 40px; padding: 15px;">
<center>Terima Jasa Buat Blog Murah, Hanya Rp 100.000,- Anda sudah bisa memiliki Website Toko Online Atau Persomal Blog </center></blockquote>
Bentuk 2.
blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLSYkGUpU2t4jBxfRwlRSo6fqGyUjPkfeWikyD7T1bFtNEyK5ffHeju7PZlx_Jr2CnyxZ_IF5F3qjnLMwopDK9M5eW9NuRqIpDv-ajgjOYlnbeVGNvL-M8boyT4p6mi3U6Pbh_cs5ijc/s400/owl.png) no-repeat 350px 5px; font: normal .9em "comic sans ms", Courier,"Times New Roman", Times, serif; color : #000; border-left: 8px dotted #DAB547; } blockquote p { margin: 0; padding-top:10px; }
Hasilnya adalah :
Terima Jasa Buat Blog Murah, Hanya Rp 100.000,- Anda sudah bisa memiliki Website Toko Online Atau Persomal Blog
Bentuk 3.
.post blockquote{ margin : 0 20px; padding: 50px 30px 50px 30px; background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBoHgHowVNynriIeMr4QO4chnLvJxZ4Mjy2G0h7X2NATKnHCJdphBsp7mDiT8VCgsUJAQz-B_aapbhq8dzUBY9oA2aJdv06dWM6dHUU3_cb88JGP7Hg8Tz0FrX6mJM9F4QIqHoumpNKTo/s1600/BLOCK1-TOP.gif) no-repeat top; font: bold italic 1em Helvetica, verdana; color : #000; } .post blockquote div{ background : #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUPZXnV9lYsSvJwXM3dJJj2LVIcGB_WCSk45Wo3ADU7BqZ2SBElR25CIkd9D3lKkMa7hCX5ciInWWC8LxUj8sYQAUo1fQomweDzCg3scCpGGWEvDbWdmyNt4A5wv5f-POE14Wm97J-mwU/s1600/BLOCK1-BOTTOM.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding-top:10px; }
Hasilnya adalah
Terima Jasa Buat Blog Murah, Hanya Rp 100.000,- Anda sudah bisa memiliki Website Toko Online Atau Persomal Blog
Bentuk 4.
.post blockquote{ margin : 0 35px; padding: 80px 0px 0px 0px; background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitG9ogsoFaoNHEi4ozXaXy1Pw6UD372xi41UrvL7aWoHWHoIZLEolCUHPE8Ya2zR5LiBE0Shehlz2C1U9FbUqmO6oCIgqTtgxmdc83uIhtxy7VGMVAFZVhz6Qj9hb4OFc_NiSbavdhR8c/s400/head2.gif) no-repeat top; font: normal 1em "comic sans ms", Helvetica, verdana; color : #666; } .post blockquote div{ background : #E6F1FA url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Nt9LjPwUpqDwAclo6c61yG2-K9WU6VCKslWacd1GnsN8VBpRwN2tToJsrjQd8IPKDD8sCJbJXVpgxJ87ivqnWgy6GjkWY7npruSL207ClXpGiUwhIGWH6-1fWs9ODL0LrRH4-1CU88I/s400/head-bottom3.gif) no-repeat bottom; padding-bottom: 50px; } .post blockquote p { margin: 0; padding: 20px; }
Hasilnya adalah :
Terima Jasa Buat Blog Murah, Hanya Rp 100.000,- Anda sudah bisa memiliki Website Toko Online Atau Persomal Blog
Bentuk 5.
blockquote{ background-color: transparent; border-top: 3px double #DC143C; border-bottom: 3px double #DC143C; padding: 5px; font-style: oblique; font-size: 1em; margin-left: 5%; margin-right: 5%; }
Hasilnya adalah
Terima Jasa Buat Blog Murah, Hanya Rp 100.000,- Anda sudah bisa memiliki Website Toko Online Atau Persomal Blog
Tidak ada komentar: