Dalam dunia blogging tak lepas dengan yang namanya script kode, dari script HTML templat ,animasi ,dan lain lain, bahkan yang namanya blockquote juga ada scriptnya,nah ! kali ini saya akan menulis tentang cara membuat blockquote yang keren, blockquote atau kotak khusus dalam postingan berfungsi sebagai kotak yang didalamnya akan diisikan kode kode / script ataupun tulisaan pantun , kata mutiara,dll.
Sebetulnya blogger sudah menyiapkan fasilitas blockquote standard /default untuk membuat text box yang berguna untuk memeisahkan text agar terlihat berbeda tampilannya, karena biasanya merupakan bagian isi konten yang penting, Blockqot keren ini juga banyak variasinya, tampilan blockquote ini bermacam macam ,anda tinggal pilih mana yang cocok untuk dipasang diblog. bisa anda pilih disini ,macam macam tampilan blockquote nya
Setelah anda memilih kode mana yang cocok sekarang kita mualai bagaimana cara memasangnya,
berikut langkah pemasangannya;
1. pertama tama seperti biasa masuk akun blogger sobat;
2. kemudian masuk dashboard >>templat >>edit html
3. kopy kode CSS dibawah ini dan letakkan tepat diatas kode ]]></b:skin> atau diatas kode </style>
5. Dalam penerapannya anda tinggal memblock tulisan mana yang mau diblockquote ,untuk lebih jelasnya silahkan lihat pada gambar berikut.
Setelah kita klik tanda petik diatas jangan terburu untuk dipubliskan, coba preview dulu ,kalau tampilannya sudah sesuai maka tinggal kita publis,maka hasilna seperti ini;
Sekian dari saya tentang cara memasang blockquote keren diblog,semoga dengan sedikit ulasan diatas sudah bisa dijadikan panduan untuk mengerti bagaemana cara memesang blockquote keren,terimakasi atas kunjunganya.
Setelah anda memilih kode mana yang cocok sekarang kita mualai bagaimana cara memasangnya,
berikut langkah pemasangannya;
1. pertama tama seperti biasa masuk akun blogger sobat;
2. kemudian masuk dashboard >>templat >>edit html
3. kopy kode CSS dibawah ini dan letakkan tepat diatas kode ]]></b:skin> atau diatas kode </style>
blockquote { margin : 0 20px; padding: 60px 30px 40px 20px; background : #F1F8FE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzX_3LBul-yR50zqJRSguRunKEJL9PA0hwQZwCdcXha1u9ob8jOk_gFpLC9d9xzDWt8Z2Mo2IXra6FctgjaLCxbhqrBCZQSbFkud94KMcikdegWLtuvV2SlOcw2QhgjOZ1PM-EINSIBlY/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; }4. Kemudian simpan templat
5. Dalam penerapannya anda tinggal memblock tulisan mana yang mau diblockquote ,untuk lebih jelasnya silahkan lihat pada gambar berikut.
Setelah kita klik tanda petik diatas jangan terburu untuk dipubliskan, coba preview dulu ,kalau tampilannya sudah sesuai maka tinggal kita publis,maka hasilna seperti ini;
Sekian dari saya tentang cara memasang blockquote keren diblog,semoga dengan sedikit ulasan diatas sudah bisa dijadikan panduan untuk mengerti bagaemana cara memesang blockquote keren,terimakasi atas kunjunganya.
No comments:
Write comments