Manual Blogger: Juni 2016

Rabu, 29 Juni 2016

Menambahkan Search Box (Kotak Pencarian)

Tambahkan mark up berikut di tempat yang diinginkan.

<form action='/search' method='get' role="search">
<div>
<input id='q' name='q' onblur='if (this.value == "") { this.value = "Search site"; }' onfocus='if (this.value == "Search site") { this.value = ""; }' type='text' class="form-control" placeholder="Search"/>
</div>
<button type="submit">Submit</button>
</form>

Sabtu, 25 Juni 2016

Membuat Divisi Menjadi Rata Tengah

Biasanya kalau menggunakan CSS, cukup tambahkan style
{margin: 0 auto;}
maka child akan rata tengah dengan sendirinya. Namun, dengan CSSnya Bootstrap, gunakanlah class col-*-offset-*. Misalnya:
col-md-8 col-md-offset-2
maka divisi tersebut akan rata tengah.

Jumat, 24 Juni 2016

Meningkatkan Performa dengan Menghapus CSS yang Tidak Perlu

Kata menghapus pada judul tersebut kurang tepat, lebih tepatnya membuatnya menjadi komentar, sehingga diabaikan oleh web browser.

Ini beberapa style yang selalu muncul tanpa dikehendaki, dan menurutku tidak diperlukan.
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/3414295837-widget_css_bundle.css' />
<link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2155713361567759727&zx=d804525e-968e-40be-8cb8-a8a2ca24ba6e' />

untuk mengatasinya, ganti tag
<b:skin><![CDATA[]]></b:skin>
dengan markup di bawah:

<style type="text/css"><!-- /*<b:skin><![CDATA[]]></b:skin>

Meningkatkan Performa dengan Menghapus Javascript yang Tidak Perlu

Kata menghapus pada judul tersebut kurang tepat, lebih tepatnya membuatnya menjadi komentar, sehingga diabaikan oleh web browser.

Ini beberapa script yang selalu muncul tanpa dikehendaki, dan menurutku tidak diperlukan.
<script type="text/javascript"> if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');</script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4222102575-widgets.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

untuk menghapusnya ganti tag </body> dengan markup di bawah:


</body>

Kerangka Template Blogger yang Paling Dasar

<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:skin><![CDATA[ ]]></b:skin>
</head>
<body>
<b:section id='nama_id'/>
</body>
</html>

Sumur: http://h.eru.web.id/2013/11/cara-membuat-template-blogspot-mulai.html

Kerangka Template Blogger yang Paling Sederhana

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin></b:skin>
<link rel="stylesheet" href="file.css" type="text/css" />
<style>
.navbar { display: none; }
.Attribution { display: none; }
.Header { display: none; }
</style>
</head>
<body>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>

</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:if cond='data:post.dateHeader'>
<h3 class='date-header'><a href="http://pseudocodice.com">Luca Matteis</a> / <data:post.dateHeader/></h3>
</b:if>
</b:if>

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>

<div id='footer-right'>
<b:section class='footer' id='footer-r' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>

</body>
</html>
referensi :
https://github.com/lmatteis/blogger-skeleton/blob/master/index.xml

Pengantar

Bismillah.
Ya Allah, mudahkanlah urusan-urusan kami...

Pos ini hanya untuk mengadakan label-label yang sekiranya sering digunakan dalam pos-pos yang akan datang.