24 Maret 2009

Blackireng Magazine Style

Ditengah-tengah mencari solusi ikutan program Afiliasi Click2Sell dan Clickbank, saya mencoba merancang template berbentuk Magazine dengan nama Blackireng Magazine Style Blogger Theme.

Template ini terdiri dari :

1. Main Wrapper yang terbagi menjadi dua kolom
2. Satu Sidebar atas dan dua sidebar bawah
3. Footter, dimana saya taruh recent post horizontal.

Adapun cara penginstalan.

- File hasil download, silahkan buka dengan program Winrar atau Winzip.
- Sebelum menggunakan template ini sebaiknya backup dulu template anda atau praktekkan pada blog baru.
- Untuk bagian Topbar sudah auto, sehingga tidak perlu lagi merubah URL Feed.
- Untuk bagian header kiri sebagai judul sedangkan header kanan untuk iklan.
- Untuk merubah kode iklan, silahkan kode iklan anda diencode dulu disini, hasil encode Copas di notepad. Setelah itu masuk pada Edit HTML cari kode berikut :

<div id='headerright'>
&lt;script type=&#39;text/javascript&#39;&gt;&lt;!-- google_ad_client = &quot;pub-7181952237540333&quot;; google_ad_host = &quot;pub-1556223355139109&quot;; /* 468x60, created 6/18/08 */ google_ad_slot = &quot;5864627181&quot;; google_ad_width = 468; google_ad_height = 60; //--&gt; &lt;/script&gt; &lt;script src=&#39;http://pagead2.googlesyndication.com/pagead/show_ads.js&#39; type=&#39;text/javascript&#39;&gt; &lt;/script&gt;
</div>

Silahkan ganti kode berwarna merah tersebut dengan kode anda yang sudah diencode.

- Untuk merubah Navigasi Menu silahkan cari kode berikut :

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li> <a href='#'>Page</a> <ul> <li> <a href='#'>Sub Page #1</a> <ul> <li><a href='#'>Sub Sub Page #1</a> <ul> <li><a href='#'>Sub Sub Sub Page #1</a></li>

...... dan seterusnya, silahkan ganti # dengan url terkait demikian juga dengan Page dan subpagenya.

- Berikut saya contohkan cara menempatkan gadget pada kolom tengah seperti yang terlihat pada Demo. Masuk pada Tata Letak | Elemen Halaman | Tambah gadget | pilih Text, kemudian setelah jendela text muncul, klik Edit HTML dan masukkan code seperti dibawah ini :

<img id="BLOGGER_PHOTO_ID_5315209842303552306" style="margin: 0pt 10px 10px 0pt; cursor: pointer; width: 269px; height: 200px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9TciVKAVs4A5Y367_Ez2Awfe7jYNZSlZPpfopheFyM9uRUN_nhMoUTjWrmY7LGw0x043DNzoLEX6s0xrwLZxuaZ-Nk5e_CzYtUtM-AuqDFJGFuGbwg_KlWe2SUq67SNC1mg-GTBWjXNs/s200/logo.jpg" border="0" />Money4Idiots� eBook Kit can put you on the path to financial enlightenment, because you will learn not just online money making strategies, but also the psychology and secret necessary to make money in any online business.

Untuk mendapatkan kode gambar ( warna merah ), silahkan anda buat posting baru namun bersifat draft dan jangan dipublish juga jangan dihapus. Upload gambar yang akan anda buat target untuk mengisi kolom tengah atau sidebar, kemudian copy kodenya seperti kode diatas.
Sedangkan text berwarna biru adalah keterangan dari gambar atau penggalan artikel yang terkait.

- Untuk menambahkan gadget recent post horizontal pada footter seperti pada demo, silahkan anda masuk Tata Letak | Elemen Halaman | tambah Gadget | HTML/ Javascript kemudian tambahkan kode dibawah ini :

<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";
imgr[5] = "http://librarysupporter.googlepages.com/thumb5.jpg";
imgr[6] = "http://librarysupporter.googlepages.com/thumb6.jpg";
imgr[7] = "http://librarysupporter.googlepages.com/thumb7.jpg";
imgr[8] = "http://librarysupporter.googlepages.com/thumb8.jpg";
imgr[9] = "http://librarysupporter.googlepages.com/thumb9.jpg";

showRandomImg = true;

tablewidth = 978;
cellspacing = 7;
borderColor = "#000000";
bgTD = "transparant";

imgwidth = 113;
imgheight = 100;

fntsize = 12;
acolor = "#ffffff";
aBold = true;
icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 0;
summaryFontsize = 11;
summaryColor = "#03f8fb";
icon2 = " ";

numposts = 8;

home_page = "http://ahn-bidikcom.blogspot.com/";

</script>
<script src="http://librarysupporter.googlepages.com/recentposts_horizontal_title_below_no.js" type="text/javascript"> </script>

URL berwarna merah ganti dengan blog anda atau url blog yang akan dibuat gadgetnya.

Penasaran dengan DEMO dan mendownload template ini, silahkan kunjugi bCOM Studio.
Semoga bermanfaat.

9 komentar:

  1. Anonim19:21

    Keren boss

    saya ijin dowload ya?

    BalasHapus
  2. Anonim21:42

    Waaaah namanya Blackireng, sudah black plus ireng, dadi ireng tenanan iku kudune he..he..

    BalasHapus
  3. Anonim22:29

    wah keren nih kang......

    BalasHapus
  4. Anonim23:42

    wah keren neh template nya

    BalasHapus
  5. Anonim02:49

    apakah theme ini bagus dilihat dari sisi SEO?

    BalasHapus
  6. Btw, kadang image di photobucket bndwidth nya limit...dan image yg muncul img photobucket..
    Sudah diantisipasi belummm???

    BalasHapus
  7. terus terang selama saya menggunakan jasa ini, ndak ada masalah bang... makasih masukannya

    BalasHapus
  8. Sedot bentar y mas... Permisi...

    BalasHapus
  9. Udah ada fasilitas readmore nya ya kang?

    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 ...