Panduan Install & Setting Jurnalistik Theme SEO Blogger Template

 on Monday, February 9, 2015  

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!

Jurnalistik Theme

Jurnalistik Theme


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



32 comments:

  1. Kok ndak bisa ya bos...?
    begini keterangannya...
    Kami tidak dapat menyimpan template Anda.

    Template Anda tidak dapat diuraikan karena template tidak terbentuk dengan baik. Pastikan semua elemen XML ditutup dengan benar. pesan kesalahan XML:
    (SyntaxError) : expected expression, got '<'

    ReplyDelete
  2. Udah bisa bos..
    oia saya baru sadar ni bos..
    itu menu barnya kurang panjang..
    dimana nyari kode menu bar lebarnya bos..

    *maaf bos aku baru belajar

    ReplyDelete
  3. Google plus
    google page
    itu bedanya apa...?

    ReplyDelete
  4. Trimakasih gan sekarang templatnya saya pake di blog saya, bener bener mantab gan, ijin share ya gan?

    Salam kenal n sukses selalu.

    ReplyDelete
  5. Kepengen nyoba jugaa ah.... ijin donlud

    ReplyDelete
  6. Sudah dicoba gan..udah bisa.. sangat jelas sekali tutorialnya, terimakasih banyak, sukses gan..semoga agan selalu mendapat limpahan rejeki dari yang maha kuasa. Amiiin.

    ReplyDelete
  7. gan minta template yang tidak ada menu melayang diatas.

    ReplyDelete
  8. gan, cara untuk membuat recent post dan new Comment bagaimana, saya terapkan tema tersebut tapi yang ada cuma ada popular, 2, 3 doang gan..
    pleace jawab

    ReplyDelete
  9. Mas. Kalau nambahkan post komment gimna

    ReplyDelete
  10. Ijin pake gan templatenya, cuman saya bingung, sebenarnya jurnalistik template ada berapa versi sih? Browsing kesana kemari ko'ketemu jurnalistik juga cuman beda sama yang ini.

    ReplyDelete
  11. coba praktekin, klu ga bisa ajarin ya..

    ReplyDelete
  12. Good template... keren lah!! hehe

    ReplyDelete
  13. Bagaimana cara membuat kolom komentar menjadi seperti pada blog demo ini?

    ReplyDelete
  14. Mantap Templatenya, saya juga pakai bos

    ReplyDelete
  15. Bagus banget...kalau mau bikin sub menu drop down caranya bagaimana ya?

    ReplyDelete
  16. om kendala saya juga sama seperti rachman nurrachim itu bang. please jawab bang

    ReplyDelete
  17. ijin pake template nya bang, makasih banyak udah share ilmunya, sangat bermanfaat

    ReplyDelete
  18. thank gan ats infonya,,,, ijin sedot jga...

    ReplyDelete
  19. ganti kodenya, banyak tips membuat navigasi halaman nomor...

    ReplyDelete
  20. Makasih, admin. sudah berhasil di instal templatenya

    ReplyDelete
  21. ijin pake template nya min...terima kasih

    ReplyDelete
  22. ijin make template nya min terima kasih

    ReplyDelete

J-Theme