bidikcom

13 April 2009

Merubah wajah blog kusam

Bosan dengan tampilan template lama, akhirnya aku memutuskan untuk merubah tampilan General blog dengan model template magazine yang aku dapatkan dari bloggertricks.com dengan nama SchemerMag .

Namun sebelum aku pakai pada blog jelek ini, aku memutuskan untuk memodifikasi templatenya sesuai gayaku sendiri.

Ini adalah tampilan depan dari General Blog :

Ini adalah tampilan sub halaman dari General Blog.

Silahkan DEMO ini anda bandingkan dengan aslinya, bila anda tertarik saya akan segera mengupload template ini pada bCOMstudio.

09 April 2009

Green Revolution Magazine Style

Untuk template gratis Blogger Theme kali ini saya mencoba menghadirkan sebuah template bernuansa hijau dan tetap bertemakan MAGAZINE.

Green Revolution Magazine Style ini sebenarnya hasil kepiawian tangan bang Agus Ramadhani yang diberi nama Green Revolution Blogger Template yang mana anda dapat melihat demonya DI SINI.

Berhubung ada yang minta kepada saya untuk mencoba memodifikasi template tersebut menjadi sebuah Magazine Style, maka saya mencoba untuk berusaha memodifikasinya. Terus terang saya sendiri enjoy dengan tampilan template yang bernuansa hijau ini.

Susunan CSS nya tidak serumit template lain yang saya modifikasi, namun ada beberapa hal yang masih perlu saya SHARING sama mas Agus Ramadhani, terkait pemasangan Feed dan navigasi.

Dengan bekal Comot Sana Sini dari CSS aslinya, maka lahirlah Green Revolution Magazine Style atau GR Magazine Style.

Ini adalah tampilan Halaman depan dari Green Revolution Magazine Style tersebut :

Ini adalah tampilan Sub Halaman Green Revolution Magazine Style, setelah anda mengklik Readmore :

Dan ini adalah tampilan Footer Green Revolution Magazine Style yang terdiri dari tiga kolom :

Bila anda ingin download template aslinya silahkan kunjungi : www.O-Om.com
Bila anda ingin mengetahui hasil modifikasinya, silahkan kunjungi :

bCOM- Studio.

03 April 2009

Membenahi Posting pada Magazine Theme

Setelah beberapa kali mencoba memodifikasi template dari minima menjadi bentuk magazine , beberapa kendala terutama cara pasang gambar agar nampak di homepage dan sub page berbeda membuat saya semakin antusias untuk mencari solusinya. Alhamdulillah kini terjawab sudah, dengan mencoba memasang script yang mana scrip ini berfungsi sebagai pengaturan pemenggalan artikel secara automatis.

Tutorial ini aku dapat dari Kang Jaloe ( Readmore Liberal ), namun disini penerapannya di template untuk scriptnya tidak saya upload. Jadi langsung saya masukkan pada bagian <head>. Disini saya juga akan menjelaskan berdasarkan pengalaman saya saat saya mencoba membantu mendesain blog ini maupun blog saya yang lain yang telah menggunakan readmore, termasuk blog ini

Oke, saya akan mencoba membahasnya secara bertahap :

LANGKAH BAGI YANG BELUM MEMASANG READMORE

1. Login ke blogger
2. Klik Layout
3. Klik Edit HTML
4. Download/ backup dulu template anda
5. Klik pada Expand Widget Templates.
6. Copas kode dibawah ini dan letakkan sebelum kode </head>

<script type='text/javascript'> var thumbnail_mode = "no- float" ; summary_noimg = 350; summary_img = 250; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:15px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

7. Cari kode <data:post.body/> di template anda, gunakan Ctrl + F dan masukkan kode <data:post.body/> kemudian enter.

8. Setelah ketemu ganti kode tersebut dengan kode berikut :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>

9. Simpan template anda.

Keterangan : Untuk kode dibawah ini, bisa anda sesuaikan selera anda.

summary noimg= 350 = Tinggi pemotongan artikel tanpa menggunakan gambar
summary img=250 = Tinggi pemotongan artikel menggunakan gambar

LANGKAH BAGI YANG SUDAH PASANG READMORE :

Kerjakan langkah 1 s/d 5
Cari kode <div class='post-header-line-1'/> , bila sudah ketemu perhatikan susunannya adalah sebagai berikut :

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> 
</div>

Ganti kode berwarna merah dengan kode baru pada langkah ke 8.
Bila anda kesulitan, silahkan ganti semua kode dari

<div class='post-header-line-1'/>
sampai dengan
<div style='clear: both;'/> 
</div>

Dengan kode dibawah ini :

<div class='post-header-line-1'/>

<div class='post-body entry-content'>
<data:post.body/>

<div style='clear: both;'/> 
</div>

Kemudian kerjakan langkah 7 dan 8.

Dengan demikian anda tidak perlu susah payah dalam mengupdate artikel dan secara otomatis bila dalam posting anda mengandung gambar, maka gambar akan muncul pada halaman utama sesuai ukuran yang anda format.

(Catatan : Bila anda ingin mempunyai blog dengan photo pribadi menghias pada headernya, bCOM siap membantu sepanjang tidak ada kata cela dan menyesal dihati anda. Ingat bCOM tidak mengharuskan anda untuk mengisi rekening Paypal bCOM, mengingat ini misi untuk memajukan blogger Indonesia... )

31 Maret 2009

Template Ads Ready

Modifikasi MINIMA kali ini saya beri nama Template Imut 2. Disini saya mencoba memodifikasi template yang ready terhadap iklan baik berbentuk slider maupun fixed, jadi apabila para blogger mania mendambakan template yang bisa dipasang banyak iklan dengan ukuran 125 X 125 px mungkin template ini pantas diperhitungkan.

Langsung pada tutorial :

1. Sebelum menggunakan template ini, silahkan dibackup dulu template anda. Namun saya sarankan untuk mencoba pada blog baru.

2. Untuk merubah background header kanan dan iklan adsense, cari kode dibawah ini:

<div id='header'>
<div class='header section' id='header'><div class='widget Header' id='Header1'>
<div id='header-inner'>
<div class='headerleft'>
<a href='http://edan-ne-cadangan.blogspot.com' style='display: block'>
<img alt='Imut template' height='100' id='Header1_headerimg'
src='http://i288.photobucket.com/albums/ll179/ahnning/imut2.gif' style='display: block'
width='350'/>
</a>
</div>
</div>
</div><div class='widget HTML' id='HTML5'>
<div class='headerright'>
<script type='text/javascript'>
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js'

type='text/javascript'>
</script>
</div>

Silahkan rubah kode berwarna merah dengan milik anda.

3. Untuk merubah background slider iklan : cari kode dibawah ini :

#slider { background: white

url(http://i288.photobucket.com/albums/ll179/ahnning/slider-bg.jpg); height: 227px;

overflow: hidden;position: relative; margin: 10px 0; }

4. Untuk merubah susunan slider iklan atau slider recent post, cari kode dibawah ini :

<div class='slide' id='slide-1'>
<h1>Garden Rack</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p><a
href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-1-image.png'/></a>
</div>
<div class='slide'>
<h1>Tulip Bulbs</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-2-image.png'/></a>
</div>
<div class='slide'>
<h1>Garden Gloves</h1>
<p>Donec gravida posuere arcu. Nulla facilisi.
Phasellus imperdiet. Vestibulum at metus. Integer euismod. Nullam placerat rhoncus sapien.
Ut euismod. Praesent libero. Morbi pellentesque libero sit amet ante. Maecenas tellus.</p>
<a href='#'><img alt='learn more'
src='http://i288.photobucket.com/albums/ll179/ahnning/slide-3-image.png'/></a>
</div>

Text warna biru adalah judul dan penggalan artikel, sedangkan yang berwarna merah adalah url tempat dimana kita menyimpan gambar.

5. Untuk merubah advertise pada sidebar cari kode dibawah ini :

<div id='advertisment-block'>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

</div>

Sedangkan untuk merubah advertise pada footer, cari kode dibawah ini :

<div id='advertisment2-block'>
<center><h2> Pasang iklan anda, cukup Rp. 50.000,-/bln</h2></center>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>

<a href='http://bcomstudio.blogspot.com'><img alt='ads' border='0'
src='http://i288.photobucket.com/albums/ll179/ahnning/iklanku.jpg'/></a>
</div>

Kode berwarna biru adalah url alamat yang dituju iklan, sedangkan yang berwarna merah adalah tempat penyimpanan gambar iklan.

Semoga bermanfaat.

DEMO | Download lihat di blog ini

28 Maret 2009

Akhirnya Datang Juga....

Judul diatas bukan promosi acara TV, namun itu adalah ungkapan hati setelah bersyukur kepada Allah SWT, akhirnya datang juga pesanan order "Phone Watch with 1.33 Inches Touch-Screen" dengan Grand Total : US$178.77 (termasuk biaya kirim dan asuransi).
(Sampai alamat tgl. 25 Maret 2009)

Jam tangan merangkap HP buat si Tole ini aku pesan di DTK downtownkey.com salah satu situs shopping online di RRC ( Shanghai ) pada tanggal 12 Maret 2009 melalui Paypal.
Dan ini merupakan barang elektronik pertama saya dari hasil berburu dollar kerja sama dengan Blogsvertise, Google translate, Paypal dan tentu saja BLOGGER.....

Mau tahu specifications and features for NOVA N800, berikut keterangannya :

Features:
• Operating Frequency: GSM
• Network Frequency: 900,1800MHz
• Language: Chinese, English, French, Russian, Arabic, Vietnamese, Indonesia etc.
• Dimensions (width × high × thick): 61x40x16 mm
• LCD Size: 1.3 inch, , 260 thousand colors; PX: 128×160px
• Weight, Package: 80g
• Color: black, light purple, silver, pink
• Style: Watch
• Talk Time: 130-280 minutes
• Standby Time: 180-300 hours

Specification:
• Memory Card : TF Card Supported, expandable to 2GB.
• Ringtone: 64 chord; Ringtone format: mp3, midi.
• Music: support equalizer; unique loudspeaker with larger volume; listen music with gifted Bluetooth earphone
• Video: 3GP,MP4,support to play in full screen, speed and pause
• Data Transfer: U disc, data wire, Bluetooth (stereo, remote control)
• Standby Photo: jpg, gif
• Telephone Directories: 800 groups of contacts of carte de visit, support incoming call with big head sticker, grouping ring
• Messages &Multimedia Messaging: support SMS, MMS
• Schedule Power On, Off: Support auto start, close, can set user-defined photo of starting, closing.
• Alarm Clock: 5 groups; can set from Monday to Sunday at random
• Games: Intelligent Puzzle
• More information: MP3, MP4, Handsfree, SMS group sending, Voice recorder, WAP, Handwritten input, Bluetooth, GPRS download, MMS, Memory extended, calendar, memo reminding, alarm clock, world time, stopwatch, health management, photo book, sound recording, voice recognition, calculator

Yang jadi kendala bagi saya,terus terang masih bingung ngatur GPRS yg disupport oleh IM3 dan menstranfer data ke komputernya. Sebenarnya buku petunjuknya sudah aku baca, tapi mungkin blo-on kali, jadi ndak mudeng blas... lha hurufnya huruf bambu ..he..he.. jadi ya.. seperti mbuat template... meraba-raba.. jadi.. ndak..jadi.. ndak..he..he..he.

Barangkali ada sobat yang mempunyai type yang sama, mohon saya dibantu.
1. Setting GPRS dan WAP untuk provider IM3
2. Transfer data ke komputer, karena praktek berdasarkan tutorial yang ada justru yang terjadi pengisian bateray.
3. Dan lain-lain...

Saya sudah mencoba menghubungi pihak penjualnya lewat email, semoga ada jawaban dan jawabannya tidak dengan huruf bambu.
Makasih atas informasi yang terkait dengan HP ini.

27 Maret 2009

Commercial Direct TV can help your business

Information in this current era is needed, especially for the urban community. One of the most prominent media to get all the information we need is electronic media such as TV. TV has become a very important need for the people of the world at this time. Various TV stations have been present at this time, and provide services that satisfy the promise. All that really help people in getting the required information.

Watch TV with your family and become the nearest thing which is very interesting, especially when TV programs offer a variety entertainment program that is able to bring the relaxed atmosphere at home. Commercial Direct TV to be an alternative for us to be able to see the best for the excellent program. Commercial DirecTV is very different in developing countries as they work to bring a variety of TV programs that are required by the community.

Start viewing TV as an investment. TV can also become a business opportunity for us who are building a new business. Direct TV Business is a service that can give us the opportunity for business promotion that we wake up. Using TV as a business partner is the right step because, in reality, millions of TV viewers will recognize the products that you sell.

Directv Business strongly support your business. Allow your customers to enjoy directv digital-quality picture and sound. Directv highly placed in the appropriate space, such as:

- Waiting room
- Lobbies
- Supermarkets
- Other common business areas

Your customers will never be bored when visiting your waiting room, health club or store. DIRECTV is a low-cost solution for keeping them entertained - and happy.
They'll love DIRECT TV programming and you'll love.

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'>
<script type='text/javascript'> </script> <script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'> </script>
</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.