MINIMA Magazine Style Blogger Theme

Sesuai janji saya, setelah lulus sensor dari pihak KPU-T (Kaum Pengeditan Umum - Template) dan melalui experimen yang babak belur akhirnya dirasakan final juga dalam modifikasi MINIMA blogger kali ini.

Hasilnya saya beri nama "MINIMA Magazine Style Blogger Theme" (kira-kira begitu, maklum bahasa inggrisnya Jembret ).

Berikut adalah tampilannya :


Template ini terdiri dari dari :

• Fungsi readmore. Menggunakan <span class="fullpost"></span>
• Main ( Tempat posting ) yang dibagi menjadi empat kolom.
• 3 (tiga) kolom pada footer untuk widget feature dengan posisi gambar disamping kiri.

Cara install di blogger, saya rasa rekan-rekan sudah tahu. Disini saya hanya menekankan pada install bagian tertentu saja.

1. Setelah anda mengunduhnya (download), buka dengan notepad kemudian simpan dalam format XML. baru kemudian diupload dalam blogger (sesuai prosedur mengganti template pada blogger)

2. Menambahkan "Recent Post" di Mainright1, Mainright2 atau di sidebar.



Pada Layout | Page Elements | klik Add a Gadget pilih HTML/Javascript.

Tambahkan kode berikut :

<br/><script language="JavaScript">
imgr = new Array();
imgr[0] = "http://librarysupporter.googlepages.com/thumb.jpg";
imgr[1] = "http://librarysupporter.googlepages.com/thumb1.jpg";
imgr[2] = "http://librarysupporter.googlepages.com/thumb2.jpg";
imgr[3] = "http://librarysupporter.googlepages.com/thumb3.jpg";
imgr[4] = "http://librarysupporter.googlepages.com/thumb4.jpg";
showRandomImg = true;
tablewidth = 200;
cellspacing = 2;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 60;
imgheight = 70;
fntsize = 10;
acolor = "#666";
aBold = false;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 25;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 11;
home_page = "http://nama blog anda.blogspot.com/";
</script>
<script src="http://librarysupporter.googlepages.com/recentposts_thumb.js" type="text/javascript"></script>


3. Menambahkan Feature content atau promosi blog dengan gambar disamping kiri pada bagian footer ( tiga kolom di atas footer ) :



Pada Layout | Page Elements | klik Add a Gadget pilih HTML/Javascript.

Kemudian tambahkan kode dibawah ini :

<img id="" border="0" style="display: block; cursor: pointer; width: 100px; height: 100px;" alt="" src="http://lh6.ggpht.com/_Tj_19swNuzI/SZfRSJVn1WE/AAAAAAAAAoo/AawQnxsF2uo/s160-c/AlbumTanpaJudul.jpg"/>

<div class="fcats"><a href="http://ahn-bidikcom.blogspot.com/search/label/Modifikasi%20Minima" target="_blank" rel="category" title="silahkan diklik saja">Tip Modifikasi Minima</a></div>
<p>Tutorial Magazine Blogger...<a style="color: rgb(255, 0, 0);" href="http://ahn-bidikcom.blogspot.com/search/label/Modifikasi%20Minima" target="_" blank>[more]</a></p>

<div class="auth">bidikCOM</div>
<div class="fmeta"> POST-DATE |
<a href="http://ahn-bidikcom.blogspot.com/search/label/Modifikasi%20Minima" target="_blank" title="Comment on ">ADD COMMENTS</a>
</div>

Ganti kode warna merah dengan URL gambar anda.
Ganti kode warna biru dengan URL artikel yang anda promosikan
Ganti tulisan berwarna merah kecoklatan dengan variasi titel anda.

4. Menambahkan Rating dan recommended posts di bawah posting.

Silahkan anda Registrasi di situs Outbrain untuk mendapatkan Widget ini, dan ikuti petunjuk yang ada di situs tersebut.

Contoh tampilan widget tersebut :



Pada Layout | Page Elements | klik Add a Gadget pilih HTML/Javascript.

Kemudian tambahkan Contoh kode Widget seperti dibawah ini.

<script language="JavaScript">var OB_platformType =1;var OB_demoMode = false;var OB_langJS = "http://widgets.outbrain.com/lang_en.js";var OBITm = "1216718605358";</script><script src="http://widgets.outbrain.com/OutbrainRater.js" type="text/javascript"> </script>

Kode diatas bisa anda tanam langsung saat edit HTML pada bagian body.

Semoga bermanfaat.

DEMO LIVE | Download

(Oh,ya. Pada bagian footer ada rekomendasi dari saya, mohon jangan dihapus ya. Karena dengan tidak menghapusnya berarti anda menghargai jerih payah modifikasi ini)