2015 berlalu, selamat datang 2016
Kemarin telah menjadi sejarah dan besok adalah harapan.
Tahun baru merupakan momen yang tepat untuk instrospeksi dan juga menetapkan tujuan selanjutnya.
Berkaitan dengan tahun baru adalah juga bergantinya panduan hari (libur, he he) alias kalender.
Bila Agan belum punya kalender 2016 atau sekadar penghias meja untuk dicoret-coret silakan download kalender 2016 ini dan print di rumah masing-masing. Kalender lengkap dengan keterangan hari libur nasional.
Format kalender telah disesuaikan untuk kalender meja dengan dudukan dari cover CD.
Selamat tahun baru, semoga tahun ini lebih baik dari tahun kemarin.
Regex Remove Everything Between TWo Tags Notepad++ Ada suatu ketika saya mempunyai banyak sekali file HTML. File-file HTML ini terkumpul menggunung secara tidak terasa dari kebiasan ketika melakukan save file saat surfing. Ketika menemukan artikel yang dianggap penting langsung melakukan save agar dikemudian hari bisa dibuka kembali bahkan lebih dari itu untuk diarsip.
Tentu saja bagian yang ingin diarsip adalah artikel utama saja. Bagian lainnya misalnya widget (sidebar dan footer) atau komentar tidak akan diambil. Untuk itu, sebelumnya harus dilakukan pembersihan dahulu dari kode-kode yang tidak diperlukan. Misalnya kode diantara style dan script yang biasanya panjang sekali bahkan hingga ratusan baris. Dengan regex, sekali klik kode-kode tersebut bakal dengan mudah dilenyapkan. Pilih Replace All atau bahkan bila semua file HTML sedang dibuka Replace All in All Opened Documents
Membuang apapun antara tag style dan script.
<style><]*>.*?</style>
<script><]*>.*?</script>
Regex lainnya yang barangkali diperlukan. Regex ini akan menghilangkan properti width dan height (biasanya pada tag img dan juga class). Regex ini saya perlukan untuk mengembalikan gambar atau lainnya pada ukuran semula sesuai aslinya (barangkali saja ada yang telah diperkercil)
Bagi temans yang yang mempunyai situs blogspot dengan sering memposting kode HTML, CSS, JavaScript atau kode lainnya tentu sudah tidak asing dengan tag pre. Biasanya kode-kode yang dibungkus menggunakan tag pre diperuntukkan untuk postingan tutorial.
Artikel ini akan membahas cara mengembangkan tag pre agar tampilannya berbeda dari yang biasa. Kode inilah juga yang digunakan di situs dezulblog.blogspot.com
Buka Blogger > Template > Klik Edit HTML > Simpan kode CSS di bawah ini sebelum ]]></b:skin> atau </style>
Berikutnya simpan script di bawah ini sebelum tag penutup </body>
<script type='text/javascript'>
//<![CDATA[
//Pre Auto Selection
$('i[rel="pre"]').replaceWith(function() {
return $('<pre><code>' + $(this).html() + '</code></pre>');
});
var pres = document.querySelectorAll('pre,kbd,blockquote');
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
//]]>
</script>
Script di atas berfungsi untuk menyeleksi otomatis setiap sobat melakukan klik dua kali pada area yang dibungkus tag pre, kbd, dan blockquote.
Setelah itu simpan template.
Untuk penerapan pada postingan, silakan tambahkan kode di bawah ini pada tab HTML post
<pre class='code code-html'><label>HTML</label><code>... kode
HTML (yang telah diparse) di sini ...</code></pre>
<pre class='code code-css'><label>CSS</label><code>... kode CSS di sini ...</code></pre>
<pre class='code code-javascript'><label>JS</label><code>... kode JavaScript di sini ...</code></pre>
<pre class='code code-jquery'><label>Jquery</label><code>... kode jQuery di sini ...</code></pre>
Memasang Kode Javascript Iklan di Atas Samping Postingan Pada artikel sebelumnya kita telah membuat image dan teks random berbasis Javascript. Script Javascript tersebut bisa digunakan untuk membuat iklan produk yang akan kita tawarkan. Iklan akan menampilkan gambar dan teks berserta judul yang berganti berbeda-beda setiap kali halaman situs direfresh.
Sekarang saatnya memasukkan kode script tersebut ke blog agar muncul di setiap halaman blog.
1. Parse terlebih dahulu kode Javscript di HTML Escape
Memasang langsung kode Javascript ke template postingan blogspot akan menimbulkan error, karenanya kode Javascript harus diparse terlebih dahulu. Kopi kode Javascript random iklan dan pastekan di sana kemudian klik Escape.
2. Masuk ke akun blog, pilih Template > Edit HTML
3. Cari kode berikut. Sebaiknya gunakan fitur Searching (Ctrl F)
<data:post.body/>,
tepat di atas kode tersebut, sisipkan kode berikut ini
<div style="float:left; margin-right:15px;margin-bottom:15px">
....
...Kode Javascrit hasil parse...
...
</div>
Catatan: ganti left dengan right bila iklan ingin dimunculkan di kanan postingan.
Kali ini kita akan membuat teks dan image secara random dengan javascript. Image dan teks bisa disisipkan link ke halaman atau situs tertentu. Dengan demikian, image dan teks link random ini bisa digunakan untuk keperluan iklan. Teks dan image akan dirandom dan muncul bergantian ketika halaman dibuka atau pengunjung berpindah halaman.
Kode Javascript ini bisa dipasang di widget sidebar, footer, header atau bahkan bagian dipostingan artikel untuk situs blogspot. Untuk pemasangan kode random image dan teks yang dipasang di postingan artikel silakan baca petunjuknya di sini
Catatan
Tentu saja alamat gambar, deskripsi dan link tujuan harus Anda ganti sesuaikan kebutuhan.
Anda bisa menambahkan gambar, deksripsi dan link sebanyak-banyaknya sesuai dengan kebutuhan
