Pernah berpikir bagaimana cara menambahkan cuplikan kode di blogger?
Tapi tidak tahu bagaimana melakukannya.
Jadi, hari ini saya akan memberi tahu Anda cara menambahkan kotak kode di posting blogger . Blogger adalah platform terbaik untuk pemula yang ingin memulai blog mereka tanpa mengeluarkan uang sepeser pun. Ini memberi Anda semua opsi untuk membuat blog Anda indah dan membuat blog Anda terlihat seperti blog profesional.
Ada banyak blog profesional yang dihosting di blogger seperti mybloggertricks, helplogger dll. Dan setiap blogger memulai perjalanan Blogging mereka dari dan kemudian pindah ke blog lain. Ini memberi Anda opsi untuk mengedit Template blog blogger Anda sesuai dengan pilihan Anda. Anda hanya perlu beberapa pengetahuan dasar tentang HTML dan CSS.
Saat Anda menulis tentang blogger di blog Anda, Anda mungkin telah membagikan kode untuk ditempelkan di Template. Sebaiknya bagikan kode tersebut dalam kotak kode terpisah agar terlihat gaya. Dan ini sangat membantu pengunjung karena mereka dapat menyalin kode dengan mudah dari kotak kode.
Cara Menambahkan Kotak Kode Di Blogger
1. Login ke Dashboard blog blogger Anda.
2. Lalu pergi ke " Tema " > " Edit HTML ".
3. Klik di mana saja di dalam area kode dan tekan tombol Ctrl + F untuk membuka kotak pencarian.
4. Tulis atau tempel kode " ]]</b:skin> "di kotak pencarian dan tekan Enter.
5. Tepat di atas " ]]</b:skin> " paste code box kode CSS yang diberikan di bawah ini:
Kode 1. Untuk Style 1 Copy Kode Ini [Dengan Scroll]
.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; }
.code:hover { background-repeat:no-repeat; }
Kode 2. Untuk Style 2 Copy Kode Ini [Tanpa Scroll]
.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; }
.code:hover { background-repeat:no-repeat; }
6. Sekarang klik " Simpan Template " dan selesai.
Cara Menggunakan Ini
Untuk menggunakan ini di posting Anda cukup ikuti langkah-langkah berikut:
1. Untuk menggunakan ini cukup klik pada tab HTML di editor posting blogger Anda.
2. Sekarang tulis atau tempel kode yang diberikan di bawah ini di editor posting blogger Anda seperti yang ditunjukkan pada gambar di bawah ini:
3. Ganti " Kode Anda Di Sini " dengan kode yang Anda inginkan.
4. Sekarang klik "Publikasikan Tombol" dan lihat langsung.
Jadi, ini adalah panduan tentang menambahkan kotak kode di blog blogger . Jika Anda memiliki masalah terkait artikel ini, beri komentar di bawah dan jangan lupa untuk membagikan artikel ini.