Skip to main content

Merubah Fungsi Blockquote Menjadi Kotak Script

Merubah Fungsi Blockquote Menjadi Kotak Script - Situs web yang memuat kontent tutorial perihal web desain maupun bahasa programer menyerupai javascript, css dan html biasanya dilengkapi dengan kotak script atau code snippets untuk mengemas html, css dan javascript dalam tampilan yang propesional dan menarik di laman tutorial mereka.

Namun beberapa kasus beberapa jenis kotak script (pre code) umumnya memakai JavaScript library dan css pihak ketiga (CDN, Highlight.js, Prism.js. maupun Google Prettify) yang sanggup menambah sedikit beban pemuatan laman situs. Dan memakai kotak script dengan pre code syntax highlighting harus extra hati-hati biar aba-aba html dan js yang di sematkan sanggup ditampilkan dengan sempurna, biasanya diwajibkan untuk memparse aba-aba "html dan js" sebelum disematkan dengan pre code (code snippets).
Merubah Fungsi Blockquote Menjadi Kotak Script Merubah Fungsi Blockquote Menjadi Kotak Script
Merubah Fungsi Blockquote Menjadi Kotak Script
Ditutorial ini aku akan membagikan cara menciptakan kotak script yang sanggup dipakai dengan tehknik yang lebih sederhana ialah dengan cara merubah fungsi blockquote menjadi kotak script yang menyerupai dengan pre code. ikuti langkah-langkahnya sebagai berikut;

Membuat Kotak Script dengan Blockquote

  1. Login ke blogger > Template > Edit HTML
  2. Cari dan temukan style dasar "css blockquote" template anda lalu ganti dengan css dibawah ini;
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:'';content:none;}
blockquote{margin:1.5em 0;padding:5px;background-color:#353535;border:1px solid #DADADA;padding-left:1em;font-family:"Monospace",Courier,Courier New;color:inherit;color:#fff;font-size:12px;display:block;}
Jika sebelumnya template blogger anda tidak mempunyai style "blockquote" silahkan tambahkan css tersebut tepat diatas kode ]]></b:skin> lalu save template.

Cara Penggunaan:

Highligt atau select code (javascript, htm atau aba-aba css) lalu klik tombol blockquote pada kafe atas post editor blogger, lihat pola gambar dibawah ini;
Merubah Fungsi Blockquote Menjadi Kotak Script Merubah Fungsi Blockquote Menjadi Kotak Script
Cara memakai blockquote blogger
Catatan: Tutorial ini tidak dianjurkan untuk theme ijonkz v.1.3 alasannya didalam template ijonkz sudah tersedia kotak script (pre code) yang diberi nama "ijonkztabs" (Auto Tabs ShortCode).
Demikian saja tutorial cara menciptakan / merubah fungsi blockquote menjadi kotak script, harap diperhatikan jikalau laman situs memakai iklan tengan artikel, posisikan blockquote diatas atau paruh atas konten dan dibawah atau paruh bawah konten biar tidak berbenturan dengan script iklan. Semoga bermanfaat dan hingga jumpa kembali.
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Melihat Jumlah Followers Blog Sendiri

Cara Melihat Jumlah Followers Blog Sendiri - Situs blog yang terkenal tentu sudah memiki jumlah followers (pengikut) situs yang cukup banyak, ratusan atau mungkin ribuan followers. Taukah kau followers situs blogger yang gotong royong yaitu followers yang di sanggup dari feedburner atau lebih dikenal dengan istilah Follow by E-mail atau RSS Feed . Pertanyaan nya berapakah jumlah followers atau pengikut situs blog anda ketika ini? Untuk mengetahui nya mari kita simak cara melihat jumlah followers situs blogger yang diperoleh dari feedburner google (widget follow by e-mail) berikut ini; Cara Mengetahui Jumlah Pengikut RSS Feed Pertama Login ke Akun G-mail, kemudian Kunjungi laman Dashboard Feedburner Anda akan diarahkan ke dashboard RSS Feed (Laman kawasan melihat statistik dan jumlah followers situs blog) Seperti yang ditunjukkan pada pola berikut ini. Cara melihat atau mengetahui jumlah followers blog Keterangan : Gambar sebelah kiri mengatakan daftar feedburner s...
1 comment
Read more

Cara Buat Tombol Share Sticky Bottom (Melayang Dibawah)

Cara Membuat Share Button Sticky Bottom Blogger - Akhir-akhir ini berbagai variasi tombol share muncul ke pasaran dunia cyber " website & blog " tentunya, dan yang paling terkenal ialah tombol share sticky bottom dan sidebar . Gaya yang lainnya tombol share drop-down. Pada artikel ini aku akan membahas Cara menciptakan tombol share sticky bottom (melayang di bawah) pada perangkat mobile (Handphone) dan tombol share sticky sidebar "melayang di samping jikalau di lihat melalui PC. Adapun tombol share yang akan kita buat merupakan tombol share (share button) yang ringan "sticky bottom" dengan sedikit script namun sangat responsive pada perangkat seluler. Sehingga tidak memberi efek jelek pada loading situs anda. Langsung saja simak langkah-langkah cara menciptakan tombol share sticky bottom berikut ini. Kunjungi laman penyedia tombol share yaitu www.addthis.com Silahkan login dengan dengan e-mail atau facebook anda untuk masuk ke dashboard add...
Post a Comment
Read more

Mengenal Input Dan Output Unit Mcb

MCB (Miniature Circuit Breaker) - Assalamualikum para tekhnisi listrik beberapa waktu kemudian ada yang menanyakan " kenapa jumper (incoming) mcb dari bawah kenapa tidak dari atas? " oleh alasannya itu aku akan menjelaskan mengenai input (incoming) mcb dan output (outgoing) mcb . Mungkin masih ada para instalatir listrik yang resah mana input dan yang mana output mcb yang benar. Pada setiap unit mcb umum nya telah di beri petunjuk berupa  simbol mcb & toggle switch dengan tanda  angka 1 sebagai incoming dan angka 2 sebagai outgoing , namun hanya sedikit elektrikal yang membaca symbol mcb tersebut. Padahal symbol pada mcb tersebut merupakan petunjuk cara penggunaan/ pemasangan mcb tersebut. Mungkin anda telah sering melihat rangkaian mcb pada box/ panel listrik dan beberapa rangkaian memakai alat jumper mcb (Busbar) di bab atas mcm dan beberapa rangkaian lain menjumper mcb dari posisi bawah. Sekarang mari kita kenali Input dan Output unit MCB yang sebenarnya. ...
Post a Comment
Read more