14 April 2009

Modif template "Sedekah"

Judulnya jadul banget....., memang sengaja aku mencoba memodifikasi template minima menjadi sebuah template yang mirip tampilan template wordpress.

Saat blogging ria, aku mencoba ngintip template wordpress yang dijual/pengguna harus donator minimal $10. Nah, dari sini aku mau mencoba memodifikasi minima agar tampilannya mirip dengan template tersebut.

Dari toolbar Tampilan | lihat kode sumber halaman, yang disediakan FF saya coba COPAS ke Notepad. Kemudian aku cari-cari bagian yang perlu aku sharing.
Meskipun baru 35 %, maka jadilah template yang aku beri nama CARISEDEKAH.

Ini adalah tampilan halaman utamanya :


Template ini rencananya terdiri dari :

1. Feature headline.
2. Readmore auto yang sekarang aku gandrungi.
3. Model kotak komentar aku sesuaikan dengan tutorial kang Jaloe.
4. Pada bagian footer terdapat tiga kolom dengan ukuran 25 % + 25% +50%.
5. Pada header terdapat ad spot dengan ukuran 468 x 60 px, Topbar dengan penunjukkan waktu dan navigasi lengkap dengan kotak pencarian.
6. Sidebar dengan ukuran 340 px

Sebenarnya sudah ada tiga model template yang nantinya mengisi bCOMstudio, namun aku masih bingung mencari tempat upload yang bisa didownload. Di ziddu, masih teka-teki tentang status situs tersebut. Atau barangkali ada yang bisa kasih masukan.

Oh,ya.. kenapa diberi nama CARI SEDEKAH.... he.h.e... ya barangkali ada donator yang mau menyisihkan hasil bisnis online-nya..ha..ha..

Mau tahu tampilannya , silahkan lihat DEMOnya

Template ini masih dalam tahap modifikasi, entah kapan selesainya mengingat "ngenet" sekarang lemot banget... dan kocek-nya agak seret. Tapi, mudah-mudahan segera kelar.

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 = &quot;no- float&quot; ; 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 != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><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='&quot;post-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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(&quot;post-&quot; + &quot;<data:post.id/>&quot;);
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</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;'/> <!-- clear for photos floats -->
</div>

Dengan kode dibawah ini :

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

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

<div style='clear: both;'/> <!-- clear for photos floats -->
</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'>
&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 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.

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