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="http://3.bp.blogspot.com/_gB_64c8osAk/ScNrML0pyzI/AAAAAAAAAIA/uaYz6ojcP_c/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:

IHSAN mengatakan...

Keren boss

saya ijin dowload ya?

Ani mengatakan...

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

harry seenthing mengatakan...

wah keren nih kang......

Billah mengatakan...

wah keren neh template nya

Berita Internet mengatakan...

apakah theme ini bagus dilihat dari sisi SEO?

Mampir Ngombe mengatakan...

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

bcom mengatakan...

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

wisata seo sadau mengatakan...

Sedot bentar y mas... Permisi...

Anak Salatiga Belajar SEO mengatakan...

Udah ada fasilitas readmore nya ya kang?

Posting Komentar

 
Foto saya
Ketidaktahuan anda adalah kepedulianku untuk selalu memberikan informasi, meski hanya sekedar hilangkan rasa ingin tahu saja.