Panduan Install & Setting Jurnalistik Theme SEO Blogger Template

Panduan Install & Setting Jurnalistik Theme SEO Blogger Template.

Yang belum unduh, silakan Download Jurnalistik Theme. Awas! Jangan  hapus credit link di footer!

Panduan Instal/Ganti Template Blog

1. Klik "Template".
2. Klik "Backup/Restore" di kanan atas.
3. Klik "Browse" dan klik file hasil download (jurnalistik-theme-update.xml)
4. Klik "Upload"!

Panduan Ganti Template Selengkapnya

PANDUAN SETTING

1. Mengisi Sidebar Tabber Tab

Jurnalistik Theme SEO Friendly Blogger Template 2015 ini dipasangi Tabber Tab di Sidebar. Anda bisa isi dengan "Popular Posts", "Latest Posts", dan "Labels", atau bebas, bisa diisi gadget/widget sidebar apa saja. Caranya, klik "Add a Gadget".

2.  COPAS & GANTI!
Jika ingin menambahkan RSS Susbscriber plus Social Profile seperti dalam blog demo ini, maka:

--  Klik "Layout" > "Add a Gadget" di sidebar PALING ATAS
--  Pilih "HTML/Javascript"
- - Copy & Paste kode berikut ini di dalam "Content". Judul kosongkan!

<!-- SOCIAL PROFILE END -->
<style>
.btrixsocial_box-email{ background:Fff no-repeat 0px 12px ; width:100%;float:left;font-size:1.4em;font-weight:bold;margin:2px 2px 0px 1px;color:#686B6C;}
.btrixsocial_box-emailsubmit{ background:#0084CE;cursor:pointer;  color:#fff; border:none;padding:6px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif;}
.btrixsocial_box-emailsubmit:hover{ background:#E98313; }
.textarea{ padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px;   width:200px; height:20px;color:#666;}
#socialboxbt {text-align: center;font-weight: bold;padding: 5px 10px 10px 5px;border: 1px solid #ddd;width: 280px;margin-top: -5px;margin-bottom: 15px;background: #FAFAFC;}
</style>
<br/>
<div id='socialboxbt'>
<a href='http://feeds.feedburner.com/romelteamedia' imageanchor='1' rel='nofollow' style='float: center' target='blank'><img alt='RSS Feed' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ZkgBSF5uSAi5A7av1ecJ70kGTAEU0VFeKbsbYRZwUdMfqsBITgt9_tDzn8hH3Im7C_kJAXknICSVhMXtaNv3zVgKupjGeZew_UfAq73w7eg0S8az6MxG1ymIv8IiwL6MziPXmWKKSDen/s1600/rss.png'/></a>
<div class='btrixsocial_box-email' style='margin-top: -15px;margin-bottom: -15px'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='feedform' method='post' onsubmit='window.openundefined&apos;http://feedburner.google.com/fb/a/mailverify?uri=romelteamedia&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='textarea' gtbfieldid='3' name='email' onblur='if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}' onfocus='if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter email address here...'/>
<input name='uri' type='hidden' value='romelteamedia'/><input name='loc' type='hidden' value='en_US'/>
<input class='btrixsocial_box-emailsubmit' type='submit' value='Submit'/>
</form>
</div>
<style class='text/css'>
table
{border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;}
.subicons
{border-right: 0px solid #E6E6E6;}
.Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0;
}
.Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0;
}
</style>
<br/><div class='table' style='margin-top: 70px;'><table>
<tbody><tr>
<td><div class='subicons'>
  <a class='Fadeout' href='http://www.facebook.com/romelteamedia' imageanchor='1' rel='nofollow' target='_blank'><img alt='facebook' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivJSE2M1QXew99eHdfNreil9KYv80kyyyUVAvuFuZiFsiOdyR0W37TqZrQlZt66MveVW-wvWgHfxo2sApFicBdKf53C7AJ21RGyXSL9WoLAP5qbDsRNS0iMkSUnA4rZbhSojMYpDFuDkE/s1600/btrix-facebook-icon.png'/></a></div>
</td><td><div class='subicons'>
  <a class='Fadeout' href='http://twitter.com/romeltea' imageanchor='1' rel='nofollow' target='_blank'><img alt='twitter' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS41rS-lezBCiGRZ4YMxougEdNDELRQiHvoGiER31v-g0hXfEOVkpO2ZctqHDRmNyT4O5F4V9u3QyPYip_82O_9dUMlfuEs2DgYEWVTh1sbYomfnAhwiLu1Q8DvllyMex3IwmYpy8Ui1Y/s1600/btrix-twitter-icon.png'/></a></div>
</td>
<td><div class='subicons'>
<a class='Fadeout' href='http://feeds.feedburner.com/romelteamedia' imageanchor='1' rel='nofollow' target='_blank'><img alt='RSS' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGC5gR71PAO0-EY4AWzmLtAjv6lYUVmnvsLMN_RMJEIGXmte7co_OL4QpYZgJyiAMXgjSQ_H-rW3jACG130tTNj6nFh6upSxERjGL7d2Sawev9JOHrRTpMBFWxqI6zmEmjku_J6pyXpYA/s1600/btrix-rss-icon.png'/></a></div>
</td>
<td><a class='Fadeout' href='https://pinterest.com/romeltea' imageanchor='1' rel='nofollow' target='_blank'><img alt='pinterest' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinCCUf6wiJGm57w7rfI65ehtZJb-SIX5MFgIvAvEtg7bGqZ5Wwp06UvfDm2EtzFXVY0ZiUBpvPuhZVYaT6v7G5ExPaUM2q3zL8lPAVNSTjQnnjoC3BnsSS2z_zMaxvQSD4A-AE4aSNMmQ/s1600/btrix-Pinterest-icon.png'/></a></td>
</tr></tbody></table></div></div>
<!-- SOCIAL PROFILE END -->

- Jangan lupa, ganti link yang berwarna merah dengan link medsos Anda!

3. JIKA Anda ingin memasang Featured Image Latest Posts seperti dalam blog demo ini, maka klik "Layout" > "Add a Gadget" yang di atas "Blog Post" > Pilih "HTML/Javascript" dan Copas kode berikut ini: 

<center><div id='bp_recent' style='margin:30px 0 -25px 15px'></div><script style='text/javascript' src='http://bloggergadgets.googlecode.com/files/recentposts_orig.js'></script> <script style='text/javascript'> var numberOfPosts = 4; var showPostDate = false; var showSummary = false; var titleLength = 0; var showCommentCount = false; var showThumbs = true; var showNoImage = true; var imgDim = 123; var imgFloat = 'left'; var myMargin = 5; var mediaThumbsOnly = true; var showReadMore = false; </script> <script src='http://jurnalistiktheme.blogspot.com/feeds/posts/default?max-results=4&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'> </script></center>

*** Ganti http://jurnalistiktheme.blogspot.com dengan alama blog Anda!

4. HAPUS IKLAN GOOGLE!
Hapus kode iklan Google berikut ini yang ada di bawah posting. Bisa juga GANTI dengan kode iklan Google Anda.

<!-- KODE IKLAN GOOGLE START-->

[kode-kode iklan di sini]
[kode-kode iklan di sini]
[kode-kode iklan di sini]
[kode-kode iklan di sini]

<!-- KODE IKLAN GOOGLE END -->

Caranya:
-  Klik "Template" > "Edit HTML"
-  Cari (Ctrl+F) kode di atas dengan mengetikkan KODE IKLAN GOOGLE
-  Select All dan delete!

5. ISI META TAGS!

--  Klik "Template" > "Edit HTML"
-- Di bagian atas  ada kode seperti ini. Ganti yang warna merah dengan versi Anda!

<title><data:blog.title/> - Your Blog Descriptions</title>
<meta content='your keywords1, your keywords2, keywords3, keywords4, keywords5' name='keywords'/>
<link href='YOUR-GOOGLE-PLUS-URL' rel='author'/>

<meta content='YOUR NAME' name='author'/>
<meta content='YOUR-FACEBOOK-USER-ID' property='fb:admins'/>
<meta content='YOUR-FACEBOOK-APP-ID' property='fb:app_id'/>

6. UBAH JUGA LINK MENU !!!
Perhatikan yang di-highlight kuning!

LINK DOWNLOAD (Update)

Demikian Panduan Install & Setting Jurnalistik Theme SEO Blogger Template. Good Luck!