All Styles Typography and Writing Formats

Semua gambar dalam artikel akan otomatis memiliki fungsi lightbox kecuali gambar dalam tag <figure>, cobalah klik salah satu gambar dalam postingan ini.

Notes box writing format

Warning!
This is a note box

Codes writing format

CSS format

/* WA Chat by bloggerbyte.net */
#goomsubscribe,.box5{display:block;position:relative}
.list-feature{text-align:center;width:14.5%;float:left;padding:15px;background:#fff;margin:15px;box-shadow:rgba(218,218,218,.85) 0 0 29px}
.box5{background:#c300be}
.box-feature h2{font-size:15px;margin:15px 0 5px}
.box-feature h3{margin:0;font-size:13px;color:#9a9a9a;line-height:1.5em;font-weight:400;letter-spacing:.8px}
.box5,.color-wite h3,.color-wite p{color:#fff}
.list-icon{width:70px;padding:15px;margin:-45px auto 20px;background:#c300be}

HTML format

<div class='hide' id='whatsapp-chat'>
<div class='home-chat'>
<!-- Info Contact Start by bloggerbyte.net -->
<div class='informasi'>
<div class='info-avatar'><img alt='avatar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUIp2Om8cEaPokRWk7XjTudeEptkx4e3Pz9vM6WirYiar4Uvj_Unvmc0Hy5pQ3yuDkagaENj_E-Moy3tcLdieytfK_gUYMzv5PjjZ1WsBIm1Y8COOC4uKOefYkwkPpMbE2C3PGgwfkYR0P/s1600/cs.png' title='avatar'/>
<span class='nime'></span>
</div>
<div class='info-chat'>
<span class='chat-label'>Admin</span>
<span class='chat-text'>Welcome to Destroyer Theme, if you have anything to ask please via our WhatsApp</span>
</div>
</div>

JS format

<script type='text/javascript'>
//<![CDATA[
function kirimWA(e){var t=!0;if(jQuery("#"+e+" .wajib").each(function(){""!=$.trim(jQuery(this).val())&&"default"!=$.trim(jQuery(this).val())||jQuery(this).addClass("focus")}),jQuery("#"+e+" .wajib").each(function(){return""==$.trim(jQuery(this).val())?(t=!1,jQuery(this).parents("label").find(".validasi").addClass("show"),jQuery(this).focus(),!1):"default"==$.trim(jQuery(this).val())?(t=!1,jQuery(this).parents("label").find(".validasi").addClass("show"),!1):void 0}),t===!0){var i="",a="https://web.whatsapp.com/send";if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&(a="whatsapp://send"),"konsultasi"===e)var s=91,r=9414157486,n="Admin",o="Hello",l=(jQuery("#"+e+" .title-content").text(),jQuery("#"+e+" .pesan").val()),i=a+"?phone="+s+r+"&text=*"+o+" "+n+"...* %0A%0A"+l;jQuery(this).attr("href",i);var u=960,h=540,c=Number(screen.width/2-u/2),d=Number(screen.height/2-h/2),y=window.open(this.href,"","toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=1, copyhistory=no, width="+u+", height="+h+", top="+d+", left="+c);return y.focus(),!1}}window.addEventListener("load",function(){var e=jQuery("title").text();jQuery(".waFix").on("click",function(){jQuery(this).removeClass("show"),jQuery("title").text(e)}),jQuery(".formWA input, .formWA textarea").on("keypress",function(){13===event.keyCode&&jQuery(this).parents(".formWA").find(".submit").trigger("click")}),jQuery(".formWA .wajib").each(function(){title=jQuery(this).attr("placeholder"),label=jQuery(this).parents("label"),jQuery('<span class="validasi">(Required)</span>').appendTo(label)}),jQuery(".formWA .wajib").keyup(function(){""!=jQuery(this).val()&&(jQuery(this).removeClass("focus"),jQuery(this).parents("label").find(".validasi").removeClass("show"))}),jQuery(".formWA select").change(function(){jQuery(this).removeClass("focus"),jQuery(this).parents("label").find(".validasi").removeClass("show")})},!1),jQuery(".formWA .submit").on("click",function(){return kirimWA(jQuery(this).parents(".poptamv").attr("id")),!1}),$(document).on("click",".close-chat",function(){$("#whatsapp-chat").addClass("hide").removeClass("show")}),$(document).on("click",".nabil-live",function(){$("#whatsapp-chat").addClass("show").removeClass("hide")});
//]]>
</script>

Orderd list format

style1

1. line 1
2. line 2
3. line3

style2

1. line 1
2. line 2
3. line3

Table writing format

Title:	Author(s):	Publisher:	Size:
Deep Work	Cal Newport	Grand Central Publishing	1.52 MB

Download Box

Deep-Work.pdf1.52MB