Tuesday, May 11, 2010

Lazy Purple Template (free blogger template)


This is what I've been doing when I was lazy. Balik dari kampung disusul sakit seminggu benar-benar membuat malas. Jadilah hobi lama ngutak-ngatik meskipun tidak begitu paham menjadi pengisi kebobasanan.

Rasa malas akhirnya jadi insiprasi untuk menamakan template ini; a style from here and a script from there... jadilah 'Lazy Purple Template'. Its not perfect but still looks nice (to me at least).

Template ini memiliki satu side bar, dua kolom footer di bawah post area yang hanya terlihat pada halaman depan, dan 3 kolom footer yang memungkinkan anda menambahkan widget yg anda butuhkan.

Template ini sudah memasukkan script auto summary yang diambil dari 'turn out mag' template sehingga anda tidak perlu mengedit seluruh post anda yang telah ada agar terlihat lebih ringkas di depan.

Petunjjuk Instal:
  • Masuk ke menu layout (tata letak), edit html.
  • Download template anda yang terdahulu.
  • Upload Lazy Purple Template yang telah anda simpan di komputer anda.
  • Save template

Untuk mengganti menu navbar di bawah header:
1. Masuk ke layout (pengaturan), edit html (jangan aktifkan expand widget), lalu cari kode berikut:

<div id='navigation'>
<div id='navleft'>
<ul>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='Your blog url here'>About</a></li>
<li><a href='Your blog url here'>Contact Us</a></li>
</ul>
</div>

3. Ganti Your blog url here dengan halaman dalam blog anda.

Tempale ini juga dilengkapi script auto summary by category (sumber aslinya entah dari mana), yang memungkinkan anda memasukkan recent post berdasarkan kategori pilihan anda.

Untuk memasukkan recent post by categori seperti yang terlihat pada demo blog, anda cukup memasuk ke layout (tata letak), lalu add widget html/java script (sebaiknya di bagian bawah post area), lalu masukkan script berikut:

<script src="http://Your blog url here/feeds/posts/full/-/Label?max-results=1&orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Ganti "Your blog url here" dengan url blog anda, "Label" dengan label tulisan anda, serta "1" dengan jumlah post yang anda ingin tampilkan.

Untuk mengganti content dalam 'Featured Post" seperti cara di atas:
1. Masuk ke edit html (jangan aktifkan expand widget)
2. Cari kode board item sebagai berikut:

<div class='board_item'>
<!-- board_item -->
<p><img alt='Judul artikel' src='url image anda;'/><strong><a href='url artikel anda'>Judul artikel</a></strong>ringkasan artikel anda.</p>
<p class='more'><a href='url artikel anda'>Read more</a></p>
<!-- /board_item -->
Teks yang berwarna tinggal anda ganti sesuai dengan featured content yg anda inginkan dari blog anda. Lakukan hal yang sama untuk board item lainnya.

(Catatan: Board item dalam template telah berisi artikel yang ada dalam demo, silahkan mengganti sesuai dengan petunjuk di atas)



10 comments:

  1. afwan ukht, sedikit koment ttg template anti yang sekarang. rasanya kok ana "lebih nyaman" yang pink kemarin yah.. mungkin krn ana lebih suka warna pink daripada biru ya, hehehe. tapi tetep bagus kok web ya. barokallohu fiik

    ReplyDelete
  2. itu g berencana utk pink ukh, tp jadinya malah kliatan pink yg dominan, lagian masih pake template org... yg ini alhamdulillah.. sdh coba buat sendiri mskpun sederhana tp lbh pas dg mood.... yg pink ada jg insya Allah kalo ada jg dah jd agak mirip 'Lazy Purple', cuma lom smpat diposting.. syukran ya..

    ReplyDelete
  3. ukht ana pake templatenya boleh ya???
    ana suka sekali warna ungu...
    ana udah cari-cari tapi gak ada yang pas di hati ana pake boleh ya???

    ReplyDelete
  4. tidak bisa d download...afwan ya
    barokallohu fik

    ReplyDelete
  5. Link sudah diperbaiki, silahkan dicoba lagi ukh jika masih ingin dipakai. Kalau ada kesulitan untuk instal insya Allah nanti dibantu.

    Wafik barakallah

    ReplyDelete
  6. masih ada ngak ya template moslem lainnya ...? soal nya nyarinya susah .. klaw berkenan .. ukhti bwat lg yg banyak .. barokallohu fiik ..

    ReplyDelete
  7. Afwan, design template hanya selingan, dan sebagian besar utk dipakai sendiri. Sgt byk template yg bgs dibuat oleh yg jauh lbh ahli, antum tinggal modifikasi logo, image, widget dll, utk bisa mendapatkan tampilan yg sesuai dg yg antum inginkan.

    Wafiika barakallah

    ReplyDelete
  8. Assalamu 'alaikum wr. wb.

    Ukhti aku copy script HTML nya yach. Coz penting banget nich, untuk di pasang di blog ku.

    Barakallahu fiikum.

    ReplyDelete
  9. wa'alaikumsalam

    silahkan..

    wafikum barakallah

    ReplyDelete
  10. Asalamu'alaikum
    Bagus sekali templatenya,tapi kok g bisa dimasukkan ke blog ya..? sudah diupload,ketika mau disave selalu muncul tulisan "kesalahan saat mengurai XML,baris 1,kolom 8.mohon bantuannya dong...?
    jazakkalloh

    ReplyDelete