16 Februari 2009

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)

19 komentar:

  1. seeep izin mengunduhnya bang

    BalasHapus
  2. malam...kunjungan balasan....
    nice artikel...

    BalasHapus
  3. Wach....mantap sekali Bos
    salut luar biasa

    BalasHapus
  4. Harus belajar banyak dengan Bos....sukses ya

    semoga bisa go Internasiona

    BalasHapus
  5. Anonim00:52

    Beutiful,,,,bcom... I'll test it at http://hmarsalert.blogspot.com in a week or so.

    BalasHapus
  6. Anonim01:54

    wah si akang tambah hebat aja nih...keren euy kang, aku ijin sedot templatenya yah kang

    BalasHapus
  7. Anonim08:18

    weleeh,.. mantaap, pengen ganti jadinya!!!

    BalasHapus
  8. Anonim08:20

    Seep kangg,.. kereenn template nya,...!!!

    BalasHapus
  9. Anonim09:17

    Manteb bosss Mau ngunduh dulu :D

    BalasHapus
  10. wew sip dah main empat kolom neh :) .. yup sy coba pelajari mas thank :D

    BalasHapus
  11. Anonim20:50

    Hi, Neo. Tried this template at http://hmarsalert.blogspot.com but when it is viewed in Internet Explore the sidebar on the right sides do not align properly. Moreover the Home links (Children) do not work in IE. On other browsers it is working fine. Will you solve the IE probelem?

    BalasHapus
  12. Anonim19:39

    kerennnnn kool sipp

    BalasHapus
  13. Anonim21:53

    saya sudah dowload ni, trsu cara buat monitoring update nya gimana . tolong balas

    BalasHapus
  14. Anonim22:30

    thank yuu bar mampir, kw wong ngendii,,,, xixixiix

    BalasHapus
  15. Anonim09:10

    to Kotadingin.

    Monitoring update pada blog ini adalah widget bloglist yang sudah disediakan oleh blogger. saya gunakan untuk memonitor blog-blog dari rekan-rekan yang saya sering saya ajak sharing. Jadi,setelah anda login di blogger silahkan tuju pada Page elements kemudian tambahkan gadget dan pilih Daftar Blog, isikan url dari blog teman yang anda anggap bisa memberikan rekomendasi tutorial yang bermanfaat. Sedangkan untuk pengaturan bloglist sudah saya tanam pada body, jadi akan otomatis.

    semoga membantu

    BalasHapus
  16. Hi , very very nice .

    BalasHapus
  17. great content, ty,ya mau coba dulu pake neh ntar klo ada ape ape saya kesini lagi om, izin sedot buat http://warnet-id.blogspot.com

    BalasHapus
  18. Hopefully you can go internationally.

    BalasHapus
  19. Great content, very detailed.Thanks!

    BalasHapus

Mockup Hijab Adobe Photoshop Tutorial - FREE FILE PSD

  Mockup Hijab Adobe Photoshop adalah tutorial tentang bagaimana cara merubah warna hijab maupun coraknya. Jika anda ingin mendownload file ...