-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmengganti-template-blog.html
executable file
·97 lines (85 loc) · 5.25 KB
/
mengganti-template-blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content="Pelican" />
<title>Mengganti Template Blog</title>
<link rel="stylesheet" href="/theme/css/main.css" />
<link href="/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="Bangmico Python Blog Atom Feed" />
<meta name="description" content="Dalam membuat blog, sebagai blogger saya ingin menggunakan template yang berbeda untuk blog saya. Pelican menyediakan beberapa template yang siap..." />
</head>
<body id="index" class="home">
<header id="banner" class="body">
<h1><a href="/">Bangmico Python Blog</a></h1>
<nav><ul>
<li><a href="/pages/tentang-saya.html">Tentang Saya</a></li>
<li><a href="/category/others.html">Others</a></li>
<li class="active"><a href="/category/python.html">Python</a></li>
</ul></nav>
</header><!-- /#banner -->
<section id="content" class="body">
<article>
<header>
<h1 class="entry-title">
<a href="/mengganti-template-blog.html" rel="bookmark"
title="Permalink to Mengganti Template Blog">Mengganti Template Blog</a></h1>
</header>
<div class="entry-content">
<footer class="post-info">
<abbr class="published" title="2020-05-20T15:42:00+08:00">
Published: Wed 20 May 2020
</abbr>
<address class="vcard author">
By <a class="url fn" href="/author/msiahaan.html">msiahaan</a>
</address>
<p>In <a href="/category/python.html">Python</a>.</p>
</footer><!-- /.post-info --> <p>Dalam membuat <em>blog</em>, sebagai blogger saya ingin menggunakan template yang berbeda untuk <em>blog</em> saya.</p>
<p>Pelican menyediakan beberapa template yang siap untuk digunakan. Koleksi template yang tersedia untuk Pelican dapat ditemukan di <a href="http://pelicanthemes.com">Pelican Themes</a>. Tersedia 127 template yang sedia untuk digunakan.</p>
<h2>Clone Template Repository</h2>
<p>Mula-mula saya me-download koleksi template Pelican dari repositori dengan cara melakukan <em>clone</em> repositori <a href="https://github.com/getpelican/pelican-plugins">Pelican Themes GitHub</a>. Template saya letakkan di /home/micosiahaan/staticwebsite/websites</p>
<p>Saya pindah ke direktori /home/micosiahaan/staticwebsite/websites</p>
<div class="highlight"><pre><span></span><code>$ git clone https://github.com/getpelican/pelican-plugins.git pelican-themes
</code></pre></div>
<p>Maka di direktori /home/micosiahaan/staticwebsite/websites akan terbentuk direktori pelican-themes. Direktori pelican-themes berisikan direktori-direktori yang berisikan template.</p>
<p>Kemudian pindah ke direktori yang berisikan projek <em>blog</em>. </p>
<h2>Membuat Link ke Direktori Template</h2>
<p>Lanhkah selanjutnya adalah membuat link dari template yang akan saya gunakan. Saya memilih template <em>bootstrap2</em> yang berada dalam direktori pelican-themes/bootstrap2</p>
<div class="highlight"><pre><span></span><code>$ mkdir -p content/themes
$ ln -s home/micosiahaan/staticwebsite/websites/pelican-themes/bootstrap2 content/themes/bootstrap2
</code></pre></div>
<h2>Edit pelicanconf.py</h2>
<p>Cari baris yang berisikan variable THEME, dan isikan alamat direktori template</p>
<div class="highlight"><pre><span></span><code>#Use other theme
THEME = 'content/themes/bootstrap2'
</code></pre></div>
<p>Save, pelicanconf.py dan <em>VOILA!</em> template yang baru siap digunakan</p>
</div><!-- /.entry-content -->
</article>
</section>
<section id="extras" class="body">
<div class="blogroll">
<h2>links</h2>
<ul>
<li><a href="http://getpelican.com/">Pelican</a></li>
<li><a href="http://python.org/">Python.org</a></li>
<li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
</ul>
</div><!-- /.blogroll -->
<div class="social">
<h2>social</h2>
<ul>
<li><a href="/feeds/all.atom.xml" type="application/atom+xml" rel="alternate">atom feed</a></li>
<li><a href="https://twitter.com/bangmico">Twitter</a></li>
<li><a href="https://facebook.com/mico.siahaan">Facebook</a></li>
</ul>
</div><!-- /.social -->
</section><!-- /#extras -->
<footer id="contentinfo" class="body">
<address id="about" class="vcard body">
Proudly powered by <a href="https://getpelican.com/">Pelican</a>, which takes great advantage of <a href="https://www.python.org/">Python</a>.
</address><!-- /#about -->
<p>The theme is by <a href="https://www.smashingmagazine.com/2009/08/designing-a-html-5-layout-from-scratch/">Smashing Magazine</a>, thanks!</p>
</footer><!-- /#contentinfo -->
</body>
</html>