Rangka Kerja Tema Blogdetik Portal

Berikut ini adalah Rangka Kerja Tema Blogdetik Portal

 

Ilustrasi Tema Blogdetik 3 Kolom
Sumber gambar: blog.detik.com

 

<!DOCTYPE html>
<html><head>
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″>
<meta charset=”UTF-8″>
<title>{{ blog_name }} {% if detail == true %} | {{ page_title }} {% endif %}</title>

<style type=”text/css”>
@import url(http://{{ http_host }}/statics/themes/magz/css/detikframe.style.css);
@import url(http://{{ http_host }}/statics/themes/magz/css/style.css);
@import url(http://{{ http_host }}/statics/themes/magz/fonts/flaticon.css);
@import url(http://{{ http_host }}/statics/themes/magz/css/blogdetik5.style.css);
</style>

<script type=”text/javascript” src=”http://{{ http_host }}/statics/themes/magz/js/jquery.js”></script>
<script type=”text/javascript” src=”http://{{ http_host }}/statics/themes/magz/js/dc.js”></script>


<style type=”text/css”>.imgLiquid img {visibility:hidden}</style>
<link type=”text/css” rel=”stylesheet” href=”http://{{ http_host }}/statics/themes/magz/css/dc.css”></head>

<body>

<link href=”http://{{ http_host }}/statics/themes/magz/css/top_login.css” rel=”stylesheet” type=”text/css”>
<script type=”text/javascript” src=”http://{{ http_host }}/statics/themes/magz/js/top_login_controller.js”></script>

<!– bar dc –>

<header>
<div class=”container”>

<div id=”social”>
<a href=”#” class=”flaticon-fb”></a>
<a href=”#” class=”flaticon-tw”></a>
<a href=”#” class=”flaticon-gp”></a>
<a href=”#” class=”flaticon-rss”></a>
<a href=”#” class=”flaticon-ln”></a>
<a href=”#” class=”flaticon-ins”></a>
<a href=”#” class=”flaticon-pin”></a>
</div>

<h1 id=”blog_title”><a href=”http://{{ http_host }}/”>{{ blog_name }}</a></h1>

</div>
</header>

<div id=”main_menu”>
<div class=”container”>
{{ search_box2 }}
<ul class=”openbold”>
{% for page in pages %}
<li{{ page.select }}><a href=”{{ page.post_url }}”>{{ page.page_title }}</a></li>
{% endfor %}
</ul>
<div class=”clearfix”></div>
</div>
</div>


<div class=”container”>

{% if detail == true %}

<!————————– Detail Tulisan ———————–>

<div class=”main_content detail”>

<div class=”kiri”>
{% for post in posts %}
<div class=”text_detail”>

<h2 class=”post_title”>{{ post.post_title }}</h2>
<i class=”flaticon-cal”></i>{{ post.post_date_detail.d }} {{ post.post_date_detail.M }} {{ post.post_date_detail.Y }} - {{ post.post_date_detail.H }}:{{ post.post_date_detail.i }} WIB
<div class=”meta_box”>
<i class=”flaticon-folder”></i>{% for category in post.categories %}
<a href=”http://{{ http_host }}/category/{{ category.cat_nicename }}”>{{ category.cat_name }} </a> /
{% endfor %}
<a href=”{{ post.post_author_url }}”><i class=”flaticon-user”></i>{{ post.post_author }}</a>
<i class=”flaticon-comments”></i><a href=”#.php”>{{ post.total_comment }} Comments</a>
</div>

<p>{{ post.post_content }}</p>

<div class=”clearfix mb20″></div>

<hr class=”line1″>
<p class=”tags”>
<i class=”flaticon-tags”></i>TAGS
{% for tag in post.tags %}
<a href=”http://{{ http_host }}/tags/{{ tag.tag_nicename }}”>{{ tag.tag_name }} </a> /
{% endfor %}
</p>
<hr class=”line1″>

</div>

<div class=”mb20″></div>

{% if post.post_related %}
<div class=”widget”>
<h5 class=”title”>
<span>Related Post</span>
</h5>
<ul class=”f13″>
{% for related in post.post_related %}
<li>
<a href=”{{ related.post_url }}”>{{ related.post_title }}</a>
</li>
{% endfor %}
</ul>
<div class=”clearfix”></div>

</div>
{% endif %}
{% if post.post_related_detikcom %}

<div class=”widget”>
<h5 class=”title”>
<span>Read Detikcom</span>
</h5>
<ul class=”f13″>
{% for detikcom in post.post_related_detikcom %}
<li>
<a href=”{{ detikcom.post_url }}”>{{ detikcom.post_title }}</a>
</li>
{% endfor %}

</ul>
</div>
{% endif %}

{% endfor %}


<div class=”clearfix”></div>

{{ comment }}

</div>

<!——— Silahkan tambahkan widget di sidebar Kanan ————->

<div class=”kanan”>

<!– widget Profil Penulis –>
{{ widget_box_author }}

<!– widget Tulisan Terkait –>
{{ recent_post }}

<!– widget Komentar Terakhir –>
{{ recent_comments }}

<!– Posisi Banner –>
<div class=”banner”>
<a href=”#”><img src=”http://{{ http_host }}/statics/images/adv_250×250.jpg”></a>
</div>

<!– widget Kategori –>
{{ widget_categories }}

<!– widget Arsip –>
{{ widget_archieve }}

<!– widget Tautan –>
{{ widget_links }}

<div class=”mb20″></div>

<!– Posisi Banner –>
<div class=”banner”>
<a href=”#”><img src=”http://{{ http_host }}/statics/images/adv_250×250.jpg”></a>
</div>

<div class=”banner”>
<a href=”#”><img src=”http://{{ http_host }}/statics/images/adv_250×250.jpg”></a>
</div>

</div><!–e:kanan–>
<div class=”clearfix”></div>
</div>
<!—————————————————————–>

{% else %}

<!———————- Halaman Depan User ———————–>
<div class=”main_content”>

<div class=”kiri”>
<ul class=”post”>
{% for post in posts %}
<li>
<span class=”tags”>
{% for category in post.categories %}<a href=”http://{{ http_host }}/category/{{ category.cat_nicename }}”>{{ category.cat_name }} </a> / {% endfor %}
</span>
{% if post.post_image %}
<span class=”imgx img_por”>
<img src=”{{ post.post_image }}”>
</span>
{% endif %}
<div class=”text”>
<span class=”f11″>{{ post.post_date_detail.d}} {{ post.post_date_detail.M}} {{ post.post_date_detail.Y}}</span>
<h4 class=”post_title”><a href=”{{ post.post_url }}”>{{ post.post_title }}</a></h4>
{{ post.post_content_only }}
</div>
<div class=”meta_box”>
<a class=”fr” href=”{{ post.post_url }}”>CONTINUE READING »</a>
<a href=”{{ post.post_url }}”><i class=”flaticon-comments”></i> {{ post.total_comment }} Comments</a>
</div>
</li>
{% endfor %}
</ul>

<div class=”clearfix”></div>

{{ paging }}

</div><!–e:kiri–>

<!——— Silahkan tambahkan widget di sidebar Kanan ————->

<div class=”kanan”>

{{ widget_box_author }}

<div class=”clearfix”>

<div class=”fl w250″>

{{ recent_post }}

<div class=”banner”>
<a href=”#”><img src=”http://{{ http_host }}/statics/images/adv_250×250.jpg”></a>
</div>

{{ recent_comments }}

</div><!– e:kiri2–>

<div class=”fl w250 ml20 kanan2″>

{{ widget_categories }}

{{ widget_archieve }}

{{ widget_links }}

<div class=”mb20″></div>

<div class=”banner”>
<a href=”#”><img src=”http://{{ http_host }}/statics/images/adv_250×250.jpg”></a>
</div>

</div><!–e:kanan2–>

</div>

</div><!–e:kanan–>
<div class=”clearfix”></div>

</div>
<!—————————————————————–>

{% endif %}
<div class=”clearfix”></div>

</div>

<div id=”footer”>
{{ kategori_post }}
</div>

<footer>
<div class=”container”>
{% for page in pages %}
<a href=”{{ page.post_url }}”>{{ page.page_title }}</a>
{% endfor %}
<div class=”mt10 f11″>{{ blog_name }} © {{ year }} All Right Reserved. Platform Blog Lokal Asli Indonesia</div>
</div>
</footer>


<script type=”text/javascript” src=”http://{{ http_host }}/statics/themes/magz/js/detik.js”></script>
<script type=”text/javascript” src=”http://{{ http_host }}/statics/themes/magz/js/imgLiquid-min.js”></script>
<script type=”text/javascript” src=”http://{{ http_host }}/statics/themes/magz/js/controller.js”></script></body></html>
 

Oleh ; Pada 9 Jan 2016 - 22:59 WIB
Tags: , ,
-

Mau Belanja Hemat Di Zalora? Ini Rahasianya!
Dipopedia-ContohMenggunakanKodeVoucherZBAPoct.gif

dipoGrafiFeed

MestizoFeed