Posts

Showing posts from February 15, 2016

Conditional tag di blogger atau blogspot

Image
Saya akan sedikit menjelaskan apa itu conditional tag. Conditional tag adalah membatasi suatu perintah program pada kondisi tertentu menggunakan sintak tertentu atau dalam bahasa awamnya adalah suatu proses dimana proses tersebut dalam kondisi tertentu harus dilakukan atau tidak dilakukan. Saya kira anda sudah tahu lah pengertian dari conditional tag, dijabarkan sendiri saja. Lanjut, seperti halnya bahasa pemrograman lain seperti php, javascript, dan lain sebagainya, blogger atau blogspot pun memiliki conditional tag. Dari yang saya pelajari conditional tag di blogger cenderung lebih sedikit, mudah dan simple dibandingkan dengan conditional tag lainnya. Berikut saya coba daftar kan beberapa conditional tag di blogger atau blogspot anda yang mungkin berguna bagi anda dalam pembuatan dan edit template. Condition #AND Dalam bahasa awam jika kondisi A dan kondisi B terpenuhi maka lakukan perintah ini. Di logika saja ya. <b:if cond='data:blog.pageType == "index"'> ...

CSS blockquote cantik dan sederhana di blogger atau blogspot

Image
Kali ini saya akan membuat tutorial bagaimana cara membuat blockquote yang cantik dan sederhana menggunakan pseudo element blockquote:after dan blockquote:before pada blogger anda. Kebanyakan tutorial blockquote menggunakan p atau paragraph didalam sebuah elemen blockquote, tetapi di beberapa platform blog seperti blogger, hal ini tidak berlaku, karena kebanyakan blogger tidak meggunakan paragraph(P) tapi menggunakan line break(BR) untuk posting nya. Berikut adalah CSS blockquote nya: /* CSS blockquote */ blockquote{font-family: Georgia, "Times New Roman", serif;margin:0px;color: #b4b4b4;font-weight: 400;line-height: 20px;font-style: italic;text-indent: 65px;position: relative;background: #fff;border-left:3px solid #f8f8f8;padding: 20px;} blockquote:before{content: '\201C';position: absolute;font-size: 85px;top: 25px;left: -45px;color: #3498DB;} blockquote:after{content: '\201D';position: absolute;font-size: 85px;bottom: -10px;right: 25px;color: #3498DB;} blo...