Kalau kamu pengguna template Arlina Design, terus lagi nyari bagaimana cara membuat kotak script HTML atau tombol DEMO pada postingan blog. Tidak perlu susah-susah untuk menambahkan CSS atau jQuery ke dalam template blog, hal ini akan membuat kode-kode CSS tidak terpakai di dalam template. Sehingga berakibat memberatkan loading blog dikarenakan ada CSS yang double di dalam template.
Biasanya mbak Arlina sudah menerapkan CSS default ke dalam tema karyanya. tinggal kita tambahkan script HTML pemanggil CSS nya saja di dalam postingan.
Berikut ini adalah script default HTML untuk menambahkan kotak Syntax Highligther HTML, CSS, JavaScript dan jQuery :
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> ... kode jQuery di sini ... </code></pre>Dan ini adalah Script HTML untuk tombol DEMO dan DOWNLOAD
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="" target="_blank">Demo</a></li>
<li><a class="download" href="" target="_blank">Download</a></li>
</ul>
</div>
<div class="clear"></div>
Jadi kamu tidak perlu repot-repot menambahkan CSS ke dalam template blog buatan mbak Arlina, cukup gunakan script HTML nya saja pada postingan. Nanti akan otomatis tampil, karena sebelumnya mbak Arlina senidiri sudah menambahkan pada template-template karyanya.
Sebagai pengingat, postingan ini dikhususkan bagi kamu para pengguna template dari mbak Arlina ya, untuk template-template karya orang selain dia, saya sendiri kurang tau.
Happy Blogging :)
Social Plugin