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.

Comments

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...

Hapus User-Agent: Mediapartners-Google Sebelum Mendaftar Adsense

Hapus User-agent: Mediapartners-Google Sebelum Mendaftar Adsense - Artikel tentang robots.txt yang telah aku publikasikan beberapa hari yang kemudian menjelaskan bagaimana cara / setting default robots.txt menurut webmaster google dan pada kesempatan ini aku ingin menjelaskan kembali " settings robots.txt " untuk mendaftar adsense dan mengatasi dilema iklan google adasense yang umum terjadi alasannya pemblokiran perayap adsense oleh robots.txt. Hapus User-agent: Mediapartners-Google Sebelum Mendaftar Adsense Salah satu kunci sukses dalam periklanan adsense / mendaftarkan situs web ke adsese ialah menyetting robots.txt biar tidak bertentangan dengan perayap adsense. Google mempunyai banyak jenis spider atau bot (perangkat lunak yang dipakai Google untuk memproses dan mengindeks konten laman web) diantara nya ialah perayap adsense. Kaprikornus kalau situs web merupakan kawan adsense atau akan mendaftar ke adsense sebaik-nya berikan akeses 100% ke perayap adsense unt...

Gaya Menulis Artikel Dan Contohnya

Gaya Menulis Artikel - Masing-masing penulis memilki teknik atau gaya penulisan tersendiri dalam membuat atau menulis artikel. Ibarat seorang presenter / host yang mengontrol program dan emosi audiens, penulis juga berperanan sama yaitu mengontrol emosi pembaca dengan karya tulis (artikel) yang diterbitkan oleh penulis tersebut. Saya tidak mengajarkan perihal bagaimana cara mengontrol dan memainkan emosi pembaca melalui karya tulis alasannya saya juga tidak se-propesional itu dalam menulis. Akan tetapi saya akan menyebarkan mengenai format/ teknik / gaya menulis artikel yang baik dan benar menurut struktur (Format penulisan artikel) itu sendiri. Format Dasar Penulisan Artikel Format penulisan artikel yang paling dasar yaitu meliputi 4 hal penting yaitu: Tema / Judul Paragraf pembuka (kata pengantar) Isi / Topik inti artikel Paragraf penutup Jika didalam suatu goresan pena (artikel) telah mempunyai 4 point penting penulisan artikel menyerupai diatas maka artike...