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.

IrengBlue Style Blogger Theme

Bersamaan dengan peluncuran perdana blog bCOM Studio yang bertemakan Sharing Template Blogger Theme, dengan ini pula saya luncurkan sebuah template untuk blogger yang saya beri nama "IrengBlue Style Blogger Theme".

IrengBlue Style Blogger Theme terdiri dari 1 kolom main, 1 kolom sidebar dan tiga kolom pada footer.
Pada bagian Header saya modifikasi agar kita dapat menempatkan sebuah widget Recent post dengan numpost = 1.

Petunjuk instalasi.

Saya rasa para blogger sudah tahu persis bagaimana menerapkan sebuah template pada blogger. Hanya saya sarankan, terapkan IrengBlue Style Blogger Theme pada blog baru anda, baru setelah berhasil dan anda merasa puas silahkan terapkan "IrengBlue Style Blogger Theme" pada blog kesayangan anda.

1. Pemasangan Recent Post pada Header.

Masuk pada page element | tambahkan gadget | pilih "HTML/Javascripts | kemudian tambahkan kode berikut :

<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 = 400;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 75;
imgheight = 75;
fntsize = 10;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 1;
home_page = "http://nama blog anda.blogspot.com/";
</script>
<script src="http://librarysupporter.googlepages.com/recentposts_thumb.js" type="text/javascript"></script>

2. Mengatur format tanggal.

Pada pengaturan format, buat aturan seperti pada gambar dibawah ini :


3. Untuk pemasangan menu Recent Post baik dari blog anda sendiri atau blog favorit anda, silahkan ikuti tutorialnya di SINI.

4. Bila anda tertarik, silahkan meluncur di blog mungil saya.


DEMO & DOWNLOAD TEMPLATE

Gadget Recent Post Horizontal

Kalau kita jumpai pada beberapa blog yang ada saat ini, pasti ada yang namanya Gadget Recent Post. Beberapa variasi Gadget Recent Post bermunculan baik di Sidebar maupun pada footer atau yang sering saya sebut lawbar.

Dari pengalaman melirik Gadget Recent Post dengan CSS ( Colong Sana Sini ), saya menemukan modifikasi Gadget Recent Post dengan posisi horizontal.

Untuk lebih jelasnya, silahkan praktekkan kode dibawah ini pada blog anda.


Setelah kita Login di Blogger, silahkan masuk pada Tata Letak | Element Halaman | kemudian tambahkan gadget | pilih HTML/ Javascript. Setelah itu masukkan 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 = 980;
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>

Petunjuk modifikasi : (Berdasarkan pengalaman saya):

tablewidth = 980; adalah kelebaran dari gadget bila Content-Wrapper = 990px.
imgwidth = 113; ukuran lebar gambar
imgheight = 100; ukuran tinggi gambar
fntsize = 12; ukuran dari font
acolor = "#ffffff"; warna dari font
showPostDate = true; kode agar tanggal post muncul, diganti false bila tidak dikehendaki
numposts = 8; jumlah recent post yang ditampilkan
home_page = "http://ahn-bidikcom.blogspot.com/"; ini adalah alamat dari blog yang mana posting dari blog tersebut akan ditampilkan

Yang lainnya.. silahkan diotak-atik sendiri.

Adapun Gadget Recent Post Horizontal ini sudah saya praktekkan di modifikasi IRENGBLUE Style Blogger Theme yang penggarapannya baru mencapai 40 %.

Silahkan anda kunjungi demonya pada modifikasi template yang nantinya akan saya persembahkan buat anda semua secara gratis..tis...tis... cuma tinggal ngomentari doang... yang penting tidak dicaci maki, guwe udah senang..ha..h..


DEMO ( lihat diatas footer )

Search for Computers and Internet Franchise Resource Online

Starting a new franchise will require a lot of time and hard work. You must meet with the franchisor to discuss business, take a training course and make the investment.

There are many things you should do before buying a computer franchise, such as:

• Investigate the costs involved in running a business, such as purchase cost, marketing costs, royalties and inventory.
• Understand all of the operational guidelines the franchisor has in place that you must conform to.
• Obtain a location for franchise. Many franchisors will assist with this process.
• Find out how many employees you will need to hire and train

Likewise if you want to try Internet Franchise Opportunities
You must research what Internet franchise opportunities will be right for you before attempting to go into business. Buying an Internet franchise can be very beneficial. Well-run Internet franchises will be very profitable, and give you the opportunity to be your own boss in the world of Internet franchising, set your own hours and work from home.

You need to find a franchise a good and reliable, so that will not hurt yourself. A good franchise already has an established name, a working business plan and a reliable reputation. The franchisor will usually provide you with ongoing support and a list of potential customers so you have a solid foundation to start with.

Sites that promote the Computers & Technology franchise sales business and a lot of you met on the Internet, one of which is www.FranchiseAdvantage.com.
This website is designed to help someone who wants to buy your own business - a site that provides information about franchises and individuals who owned and operated company that sold. This is the right place to look for people to gather information about a particular business and franchise for sale.

Here you can find Computer franchise and Internet Franchise information including the start-up costs to open a computer / internet franchise and the requirements needed for each computer franchise. View the most popular Computer franchise and Internet Franchise available today. Receive free Computer franchise and Internet Franchise information to help you open a franchise today.

Free Download C-Magazine Style Blogger Theme

Akhirnya dengan ini saya luncurkan URL download C-Magazine Style Blogger Theme, dengan harapan dapat digunakan bagi para blogger mania khususnya yang gemar akan model template bentuk magazine.

Beberapa petunjuk dalam menambahkan gadget dalam template ini :

1. Untuk menambahkan kode kotak pencarian pada bagian Header sebelah kanan :

Melalui Page elements | tambah gadget | HTML/ Javascript, tambahkan kode berikut :

<p align="left">
<form id="searchthis" action="http://combret.blogspot.com/search"

style="display:inline;" method="get">
<strong>Info COMBRET<br/></strong>
<input id="b-query" maxlength="255" name="q"
size="20" type="text"/>
<input id="b-searchbtn" value="Search" type="submit"/>
</form></p><br/>


silahkan masukan URL & nama kotak pencarian anda pada kode berwarna merah.


2. Untuk menambahkan kode waktu pada header bagian kanan.

Melalui Page elements | tambah gadget | HTML/ Javascript, tambahkan kode berikut :

<div style="border:1px dotted; padding: 5px;" align="center">
<script

src="http://kunoichi.info/bloggerbuster_templates/date.js"></script>
<form name="clock"> <input style="border:0;"
value="hh:mm:ss" name="face" size="8"
type="TEXT"/> </form><script
src="http://kunoichi.info/bloggerbuster_templates/time.js"></script></
div><br/>


3. Untuk merubah susunan menu dropdown.

Masuk pada TATA LETAK |Edit HTML kemudian centang kotak Expand Template Widget, lalu cari kode dibawah ini :

<div id='sidebar-wrapper'>
<div class='arrowlistmenu'>
<h3 class='menuheader' style='cursor: default'>COMBRET STYLE</h3>
<div>
</div>

<h3 class='menuheader expandable'>Shoutbox</h3>
<ul class='categoryitems'>
<div class='bd' style='height: auto;'>
<div class='fixed'>
<p>
<center>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe frameborder='0' height='250' scrolling='auto'

src='http://www2.shoutmix.com/?nataludin' title='nataludin' width='300'>
<a href='http://www2.shoutmix.com/?nataludin'>View shoutbox</a>
<br/><a href='http://www.shoutmix.com' title='Get your own free shoutbox chat

widget at ShoutMix!'>Free chat widget @ ShoutMix</a><br/>
<!-- End ShoutMix --></iframe></center>
</p>
</div>
</div>
</ul>

<h3 class='menuheader expandable'>Link Sobat</h3>
<ul class='categoryitems'>
<div style='overflow: auto;background-color:transparant; margin: 0px auto; padding:

5px;font-size: 12px; height: 200px;width: 94%;text-align: left;'>
<li><a href='#'>linksatu</a></li>
<li><a href='http://ahn-bidikcom.blogspot.com'

target='_blank'>bidikCOM</a></li>
</div>
</ul>
<h3 class='menuheader expandable'>Artkel Menarik</h3>
<ul class='categoryitems'>
<div style='overflow: auto;background-color:transparant; margin: 0px auto; padding:

5px;font-size: 12px; height: 200px;width: 94%;text-align: left;'>
<li><a

href='http://ahn-bidikcom.blogspot.com/2008/08/ajax-labels-with-label-cloud.html'

target='_blank'>Ajax Labels with Label Cloud</a></li>
<li><a
href='http://ahn-bidikcom.blogspot.com/2008/08/health-and-beauty-products.html'
target='_blank'>Hasil Review</a></li>
<li><a href='http://loedinnewspaper.blogspot.com/2008/07/test-mata-anda.html'
target='_blank'>Tes Mata Anda</a></li>
</div>
</ul>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

Silahkan modifikasi sendiri kode di antara :

<div id='sidebar-wrapper'>

dan kode

<b:section class='sidebar' id='sidebar' preferred='yes'/>

Sebelum anda menggunakan template ini coba luangkan waktu sejenak untuk membaca keluhan saya pada posting demonya. Setelah anda membaca, tolong hargai usaha saya dengan tidak merubah kode berikut :

<center><font size='2'>Copyright @ 2009 <data:blog.pageTitle/> | CMSBT | Modified By <a href='http://ahn-bidikcom.blogspot.com' target='_blank'>NATALUDIN</a> |</font>
<font size='2'><br/>Thanks for : <a href='http://www.blogger.com' target='_blank'>BLOGGER</a> | <a href='http://www.photobucket.com'
target='_blank'>PHOTOBUCKET</a> | PICASSA </font></center>

Silahkan tambahkan diantara kode tersebut nama & URL anda bila anda menambahkan modifikasi lainnya.



Semoga bermanfaat.

DEMO | Download Template

Combret Magazine Style Blogger

Kali ini saya mencoba memodifikasi template dengan model magazine. Untuk template ini saya mencoba membagi header menjadi 3 kolom.

Rancang bangun template ini baru mencapai tahap 45 %, karena hari ini mau mudik ke ndeso dalam rangka 40 harinya mertua, jadi kelanjutan cerita template ini minggu depan saja.

Silahkan berikan masukan, saran dan ejekan..he..he..




DEMO | Link download tunggu perkembangan

Download Imut "MAGAZINE" template

Saya rasa final sudah dalam mencoba membuat template model mirip revolution Wordpress yang mana pada postingan yang lalu saya beri nama "Imut Template"

Download sekaligus sharing ini bisa anda dapatkan di Blognya Loedin ( lihat Demo dan download pada bagian bawah artikel ini )

Silahkan dipelajari dan dikembangkan sendiri, mengingat pembuatan template ini merupakan cara pintas dari fasilitas "Lihat Kode Sumber Halaman" pada toolbar "Tampilan" dari firefox. Saya mengintip model Revolution Wordpress Pro yang dijual dengan harga $55. Dari hasil mengintip kemudian saya copas di notepad dan saya coba belajar menyesuaikan kodenya dalam template blogger.

Jadi apabila ada kode HTML, CSS maupun Javascript yang salah pasang mohon dikoreksi. Mengingat saya belajar mengkonvert Wordpress ke Blogger secara "OPO JARE", jadi sharing disini mutlak saya perlukan.



Harapan saya, anda tidak hanya sekedar mendownload, tapi bisa memberikan masukan pada saya.
Semoga bermanfaat.

DEMO | Download (Copas ke Notepad )