Payco Sebagai Pengganti Paypal

Siapa yang tidak kenal Paypal...?? Paypal adalah salah satu online payment terbesar yang sudah mendarah daging bagi para pebisnis onlin...

Modifikasi Blockquote atau Highlight Artikel Blog

16:25:00
Kenyih.com - Merubah atau memodifikasi tampilan blockquote di halaman posting, sebelumnya apa itu Blockquote...? Sejauh yang saya pahami Blockquote yaitu memberi area tertentu pada kode-kode atau tulisan-tulisan yang di anggap perlu di bedakan di dalam suatu postingan.

Buat blog ini sendiri Blockquote selalu saya gunakan pada saat menuliskan tutorial dan menambahkan kode atau script yang harus di copy oleh pengunjung, sehingga kode-kode tersebut saya kasih blockquote untuk memudahkan batasan untuk meng-copy kodenya.

Untuk memasang blockquote sangat gampang, berbeda dengan blogger dulu yang harus menambahkan kodenya di setiap artikel. Namun saat ini menambahkan blockquote cukup dengan satu kali klik.

Modifikasi Blockquote atau Highlight Artikel Blog

Cara menambahkan blockquote pada artikel
Pada saat anda menulis artikel, Block tulisan atau kode yang akan anda blockquote kemudian klik lambang seperti di bawah ini.

cara memberi blockquote di artikel blog

Apabila Blockquote anda belum pernah di modifikasi sama sekali, tulisan yang anda blockquote tadi hanya ada batas dan sedikit berbeda penempatannya dari artikel biasa. Nah di artikel ini saya akan berikan salah satu kode untuk modifikasi Blockquote di halaman artikel biar tampak berbeda seperti gambar di atas.

 Modifikasi Blockquote atau Highlight Artikel
1. Seperti biasa masuk ke Template --> Edit HTML
2. Cari kode blockquote {bla bla bla} atau .post blockquote {bla bla bla}
3. Setelah ketemu copy kode dibawah ini dan ganti kode nomer 2 diatas dengan kode di bawah ini
blockquote{ margin : 0 20px; padding: 10px 20px 25px 20px; background : #81F781 url(http://3.bp.blogspot.com/-0p6xwsljkhM/VbH9ltdizyI/AAAAAAAAAX4/tF5JN6PudDE/s1600/kenyih%2Bblockquote.PNG) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }
    Silahkan berkreasi dengan kode diatas untuk #81F781 adalah warna backgroud, silahkan ganti sesuai selera. Jika butuh kode warna silahkan klik disini kode warna HTML
Untuk url(http://3.bp.blogspot.com/-0p6xwsljkhM/VbH9ltdizyI/AAAAAAAAAX4/tF5JN6PudDE/s1600/kenyih%2Bblockquote.PNG) silahkan ganti dengan gambar anda

4. Simpan template dan lihat hasilnya di artikel yang anda blockquote.

Jangan lupa berlangganan artikel dari blog ini untuk tips dan trick lainnya. Semoga bermanfaat

Ditulis Oleh : A rif ~ Kenyih.com

Anda sedang membaca sebuah artikel yang berjudul

Modifikasi Blockquote atau Highlight Artikel Blog

URL : http://satriacellnet.blogspot.com/2015/07/modifikasi-blockquote-atau-highlight.html

Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih, TTD:kenyih.com ::

Artikel Terkait

Previous
Next Post »
Rekomendasi Untuk Anda close button minimize button maximize button

4 comments

Write comments
26 July 2015 at 15:36 delete

thanks gan akhirnya ketemu juga

Reply
avatar
A rif
AUTHOR
26 July 2015 at 17:19 delete

banyak kok sebenarnya model atau tampilannya, cuman saya share yg di pake blog ini kalo mau yang lain2 silahkan berkreasi sendiri

Reply
avatar
28 July 2015 at 16:02 delete

boleh dicoba nih kalo pas nulis artikel tutorial, thanks gan :)

Reply
avatar
A rif
AUTHOR
28 July 2015 at 17:23 delete

:-bd silahkan gan

Reply
avatar

Maaf untuk komentar saya aktifkan moderasi, ini untuk menghindari komentar spam yg tidak berhubungan dengan artikel yag di komentari. EmoticonEmoticon