Sentuhan Adobe di Template Blogger

Sambil mengisi siaga dalam rangka Pemilu 2009, saya mencoba mendesain template dengan sentuhan Adobe Photoshop CS3 terutama pada bagian Header. Ini merupakan kali pertama saya mencoba memodifikasi template minima dengan menggunakan Adobe.

Meski harus bergelut dengan lambatnya konektifitas internet ditempatku, sambil sebentar-sebentar cek sisa pulsa takut kehabisan dan macet ngenetnya.....(duh... kasihan dech luuuuu!!!!), akhirnya tuntas juga template dua kolom yang aku beri nama NGELOE SIMPLE BLOGGER...
Lucu memang namanya, sesuai situasi saat itu...

Fiture template adalah : 2 Columns, Fixed width, Two columns on the header, Right sidebar,
Automatic Read More Hack For Blogger With Thumbnails

Ini adalah tampilannya :



Silahkan digunakan bagi yang mau tentunya, tapi ingat jangan suka mengganti Credit Link yang ada di bawah template.


DEMO | Link download bisa anda dapatkan di AYOMAOS.

»»  read more

Turut Berduka Cita

Kamis, 02 Juli 2009 tepatnya jam 23.00 WIB saya sempatkan mencoba membuka bidikCOM, padahal mulai dari pagi hingga tengah malam komputer selalu konek dengan internet. Maklulm lagi dimintai tolong sama teman yang ada di jakarta untuk membuatkan template mirip-mirip toko online. Saat saya membaca komentar dari mbak Juliana Dewi K di "bCOMStudio berubah wajah", di situ menyebutkan "ada berita duka dari sahabat blogger kita. kunjungi aku ya..."

Aku jadi penasaran kemudian aku segera berkunjung ke "My Life My Story" dan mendapatkan wajah HENDRO DARSONO terpampang di "Hendro Darsono in Memoriam". Inna lillahi wa inna ilayhi raji'un..........
Saya hampir tidak percaya, sahabat setia yang mengelola blog CATATAN HENSON, LET'S LEARN ENGLISH dan SMART STEPZDOTCOM ( jumlah blog pastinya saya perkirakan 10 buah, hanya saja yang sering saya kunjungi adalah ketiga blog tersebut ) telah dipanggil Allah SWT. Kemungkinan WIR LERNEN DEUTSCH adalah blog yang terakhir dibuat oleh almarhum, dimana blog ini merupakan wadah pembelajaran bahasa JERMAN bagi rekan-rekan yang dengan setia berkunjung di blog ini.

Penulis dari Troubleshooting Komputer, English Proverbs and Quotations, Kosa Kata Tiga Bahasa, 100 tanya jawab seputar Microsoft Word, dan 100 tanya jawab seputar Microsoft Excel ini saya kenal sebagai sosok yang ulet dalam mengelola blog. Meskipun saya hanya mengenal dari "DUNIA MAYA", namun sebagai sesama blogger yang membeberkan tentang tutorial dan pembelajaran secara gratis, saya sering saling bertukar pikiran baik lewat kotak komentar maupun Shoutmix.

Penyakit yang menggerogoti tubuhnya tidak membuatnya berhenti untuk menorehkan ungkapan hati dan buah pikirnya, hingga akhir Juni 2009, beliau masih menuliskan beberapa artikel di blog yang sering aku kunjungi. Seperti : Communication (Catatan Henson, 28 Juni 2009), The Count of Monte Cristo (LET'S LEARN ENGLISH , 27 Juni 2009) dan Inner Power ( SMART STEPZ dot COM , 28 Juni 2009 ).

Semoga keuletan dan kegigihan sobat dalam mengelola BLOG menjadikan panutan dan pemicu semangat kami dalam mengembangkan serta menciptakan naluri sebagai penulis.

Selamat jalan sobat, semoga apa yang telah kau torehkan pada lembaran dunia maya ini menambahkan pundi-pundi amal bagi sobat. Semoga Allah SWT mengampuni segala dosa dan menerima segala amal perbuatan sobat.

Melalui tulisan ini pula, saya menghaturkan " TURUT BERDUKA CITA YANG SEDALAM-DALAMNYA ATAS MENINGGALNYA HENDRO DARSONO". kepada keluarga yang ditinggalkannya. Tidak ada yang bisa kita lakukan, kecuali bersabar dan ikhlas merelakan kepergiannya.

»»  read more

bCOMstudio berubah wajah

Melihat penampilan dari template bCOMstudio, salah satu blog yang aku kelola untuk tempat parkir dari hasil "ureg-ureg" template..... , aku jadi gerah. Penyakit BOSAN kumat lagi, kalau kemarin melanda bidikCOM, hingga harus berganti dua kali. Kali ini benar kata Ayomaos, "Blog mana lagi yang akan diancurin......", ha..ha..ha... Akhirnya kepilih bCOMstudio yang harus dipremak wajahnya, biar tidak tampak pucat pasi dan diharapkan mendapatkan santunan dari sahabat setia.

Template bCOMstudio saat ini, template aslinya aku dapatkan dari Dantearaujo yang mana template tersebut diberi nama SHOWCASE (http://www.dantearaujo.net/2009/06/showcase-free-gallery-style-blogger.html). Dari sumbernya pada Main-Wrapper dibagi jadi dua kolom kemudian sidebar. Kemudian saya memodifikasinya dengan menambahkan dua kolom header, merubah navigasi menu, merubah Main-wrapper menjadi empat kolom, menambahkan tiga kolom pada footer dan mengadakan perubahan pada CSS-nya.

Akhirnya penampilan bCOMstudio jadi seperti ini :


Cuma sayangnya, dan ini kebiasaan buruk saya..., tiap pergantian template aku tidak sempat mengabadikan wajah template lama...ha..ha.. dasar....

Anda penasaran dengan penampilan baru bCOMstudio, silahkan kunjungi dan dapatkan template khusus Blogger untuk merubah penampilan blog anda.

Semoga saya bisa menyajikan model template yang bisa menjadi harapan bagi komunitas Blogger di bCOMstudio, dukungan anda sangat menentukan kesuksesan bCOMstudio.

»»  read more

Thirteen Mag Blogger Template

Sebuah template "Thirteen Mag Blogger Template" telah saya buat dan sudah dianggap final untuk segera saya sebar agar bisa digunakan oleh komunitas blogger yang saya cintai. bidikCOM juga menggunakan template ini, hanya saja pada bagian footer saya rubah jadi tiga kolom.


" Thirteen Mag Blogger Template" ini terdiri dari :

• 13 kolom dengan perincian : 4 kolom atas dengan scroll, 3 kolom utama dan 6 kolom sebelum footer.
• Header dibagi dua kolom, jadi pengguna " Thirteen Mag Blogger Template" dapat menambahkan iklan dengan ukuran 486 X 100px.
• " Thirteen Mag Blogger Template" mempunyai navigasi menu yang mudah dioperasikan.
• " Thirteen Mag Blogger Template" diinstall pula Tabview yang terdiri dari 3 kolom.
• " Thirteen Mag Blogger Template" dengan readmore automatis.
• " Thirteen Mag Blogger Template" menerapkan sistem gulir pada bagian kotak atas dan Kotak Komentar

Cara install " Thirteen Mag Blogger Template" .

• Backup terlebih dahulu blog yang akan anda ganti dengan " Thirteen Mag Blogger Template" .
• Yakinkan secara manual dengan menyalin Widget yang ada pada blog anda dengan menggunakan notepad.
• Browse " Thirteen Mag Blogger Template" kemudian unggah " Thirteen Mag Blogger Template" .
• Setelah konfirmasi dan simpan " Thirteen Mag Blogger Template" .
• Selanjutnya terserah cara anda memperindah penampilan blog anda.

Cara dan larangan mengganti bagian-bagian tertentu.

1. Pengguna " Thirteen Mag Blogger Template" dimohon untuk tidak mengganti bagian credit - footer :

<div id='credit-footer'><!-- do not delete this section/jangan menghapus bagian ini -->
&lt;p&gt;
Copyright @ 2009 By : &lt;a href=&quot;http://www.nataludin.com&quot; target=&quot;_blank&quot;&gt;&lt;font color=&quot;yellow&quot;&gt;Ayomaos&lt;/font&gt;&lt;/a&gt; | Distribution by : &lt;a href=&quot;http://bcomstudio.blogspot.com&quot; target=&quot;_blank&quot;&gt;&lt;font color=&quot;yellow&quot;&gt;bCOMstudio&lt;/font&gt;&lt;/a&gt; | Powered By: &lt;a href=&quot;http://blogger.com&quot; target=&quot;_&quot; blank&gt;&lt;font color=&quot;yellow&quot;&gt;Blogger&lt;/font&gt;&lt;/a&gt; |
&lt;/p&gt;

&lt;p class=&quot;credit&quot;&gt;
&lt;a href=&quot;http://mozilla.com/firefox&quot; target=&quot;_&quot; title=&quot;Firefox&quot; blank&gt;&lt;img width=&quot;12&quot; src=&quot;http://2.bp.blogspot.com/_BGwyGYqGKHw/ScZYIBYZqkI/AAAAAAAABFU/-1bnMaxBnHI/S1600-R/firefox-icon.gif&quot; height=&quot;12&quot;/&gt;&lt;/a&gt;

&lt;a href=&quot;
http://www.microsoft.com/windows/internet-explorer/default.aspx&quot; target=&quot;_&quot; title=&quot;Internet Explorer 8&quot; blank&gt;&lt;img width=&quot;13&quot; src=&quot;http://4.bp.blogspot.com/_BGwyGYqGKHw/ScZX-hbd5fI/AAAAAAAABFM/I5SeR3sOl-Q/S1600-R/eweb-ie7.gif&quot; height=&quot;14&quot;/&gt;&lt;/a&gt;
&lt;/p&gt;
</div>

2. Judul Blog yang ada di Header-Left.

Anda harus membuat gambar dengan ukuran 400 X 100 px ( gunakan Adobe Photoshop), kemudian diupload pada www.photobucket.com. Setelah mendapatkan kode gambar, kemudian kode gambar tersebut di ENCODE. Dibawah ini contoh menambahkan kode yang sudah diencode.

<div class='headerleft'>

&lt;a href=&quot;http://s288.photobucket.com/albums/ll179/ahnning/?action=view&amp;current=headertemplatebarucopy.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://i288.photobucket.com/albums/ll179/ahnning/headertemplatebarucopy.jpg&quot; border=&quot;0&quot; alt=&quot;magazine blogger template&quot;&gt;&lt;/a&gt;

</div>

Menambahkan kode IKLAN dibagian Header-right dengan cara encode kode iklan anda, kemudian tambahkan kode tersebut pada bagian header-right.

Contoh :

<div class='headerright'>

...... tempat kode iklan yang telah diencode ......

</div>


3. Mengganti bagian navigasi. Coba perhatikan susunan kode dibawah ini, kemudian lakukan penggantian sesuai dengan petunjuk yang ada di masing-masing bagian dari kode terebut.

<!-- This is the start of the menu -->
<div id='mainMenu'>
<a>Products</a><!-- ganti sesuai kemauan anda -->
<a>Support</a><!-- ganti sesuai kemauan anda -->
<a>About us</a><!-- ganti sesuai kemauan anda -->
<a>Download</a><!-- ganti sesuai kemauan anda -->
</div>
<div id='submenu'>
<!-- The first sub menu -->
<div id='submenu_1'>
<a href='http://ahn-bidikcom.blogspot.com'>Product 1</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Product 2</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Product 3</a><!-- ganti sesuai kemauan anda -->
</div>
<!-- Second sub menu -->
<div id='submenu_2'>
<a href='http://ahn-bidikcom.blogspot.com'>Phone</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Email</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Knowledge base</a><!-- ganti sesuai kemauan anda -->

</div>
<!-- Third sub menu -->
<div id='submenu_3'>
<a href='http://ahn-bidikcom.blogspot.com'>History</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>The team</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Contact us</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Visions</a><!-- ganti sesuai kemauan anda -->

</div>
<!-- Fourth sub menu -->
<div id='submenu_4'>
<a href='http://ahn-bidikcom.blogspot.com'>Patches</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Whitepapers</a><!-- ganti sesuai kemauan anda -->
<a href='http://ahn-bidikcom.blogspot.com'>Tab menu</a><!-- ganti sesuai kemauan anda -->
<a href='http://www.nataludin.com'>Color picker</a><!-- ganti sesuai kemauan anda -->
<a href='http://www.nataludin.com'>Window scripts</a><!-- ganti sesuai kemauan anda -->
<a href='http://www.nataludin.com'>Games</a><!-- ganti sesuai kemauan anda -->


</div>
</div>
<br id='clearmenu'/>

4. Untuk perubahan pada tab view seperti saat anda menambahkan gadget pada sidebar.

Semoga "Thirteen Mag Blogger Template" ini bermanfaat khususnya bagi komunitas blogger.
Tinggalkan pesan bila anda membutuhkan bantuan, Insyallah saya bantu sampai saya ampun-ampun menyerah....

Demo dan Download bisa anda lihat di bCOMStudio.

»»  read more

Main Klik di B-u-x.net

Setelah job dari broker PTR kian hari kian sepi, terlebih setelah main petak umpet dengan ndoro Google tertangkap basah, kini T-mouse beralih fungsinya jadi Clicker di program Paid to Click yaitu B-u-x. net.

B-u-x. net adalah Paid to Click yang diyakini oleh membernya bukan scam dan mungkin ini merupakan alternatif bagi mereka yang gemar berburu recehan. Pada B-u-x. net, setelah kita login kemudian klik SURF yang ada di toolbar B-u-x. net untuk menampilkan iklan.

Pada B-u-x. net terdapat iklan sebanyak 16 buah untuk member berstatus STANDART.
Sepertinya iklan yang ada tiap harinya tetap (muncul sekali dalam kurun waktu 24 jam), dengan perincian iklan di Kategori Arts & Entertainment (2 iklan), Business & Money (10 iklan), Computers & Internet (2 iklan), Health & Recreation (1 iklan) dan Charity & Nonprofit (1 iklan ). Sedangkan pada kotak paling bawah dengan border warna merah jangan diklik, karena jika anda mengkliknya maka earning anda akan direset dan payment ditolak. Perhatikan gambar iklan yang ada di B-u-x. net berikut ini :



Di B-u-x. net, selain situs ini loadingnya cepat sekali, prosesnya juga mudah. Anda cukup klik link dan melihat website selama 30 detik untuk mendapatkan uang sebesar $ 0.01. Anda dapat memperoleh penghasilan lebih dengan merujuk teman. Jika refferal anda melakukan kegiatan yang sama di B-u-x.net, maka anda juga akan mendapat $ 0.01 untuk setiap situs web yang diklik oleh refferal Anda. Permintaan pembayaran dapat dilakukan setiap hari dan diproses melalui PayPal atau AlertPay. Minimum pembayaran adalah $ 5,00 untuk pertama kali.

Langkah demi langkah cara klik iklan di B-u-x.net.

1. Klik SURF yang ada di toolbar B-u-x-. net untuk menampilkan iklan.
2. Klik Link Iklan yang ada, maka akan muncul jendela baru dengan perhitungan waktu mundur selama 30 detik.

3. Setelah perhitungan waktu selesai, akan muncul kode yang harus diklik pada deretan empat kode yang ada.


4. Setelah kode yang disebutkan kita klik, maka akan muncul tampilan berikut :



Sampai dengan saat ini Account Balance (cashout) saya di B-u-x.net sudah mencapai $4.99.
Jika anda ingin bergabung, silahkan klik iklan dibawah ini dan ini berarti anda menjadi refferal saya.

»»  read more

Benah-benah blog

Sedikit-sedikit akhirnya template "Simple Magazine Style Blogger Theme" , yang semula saya beri nama Cerita Penaku, mendekati final.

"Simple Magazine Style Blogger Theme" aku uji cobakan pada bidikCOM yang sudah kembang kempis nafasnya, karena dikejar-kejar eyang google. Sepertinya blogku lebih berat lagi nich loadingnya jika dibanding dengan menggunakan template sebelumnya.

Aku sudah lupa, entah berapa kali bidikCOM berubah wajah dan tampilan. Maklum mumpung gratis dan tidak melanggar etos kerja, jadi ndak ada salahnya bila dijadikan sarana uji coba template "Simple Magazine Style Blogger Theme".

Dengan mengubah-ubah wajah bidikCOM, diharapkan bisa memicu kembali semangat ngeblog.
Kapan-kapan "Simple Magazine Style Blogger Theme" akan masuk dalam daftar bCOMstudio, setelah masa uji coba template berakhir.

»»  read more

Blog ' Cerita Penaku"

Setelah kemarin saya mencoba memodifikasi minima dengan menambahkan efek spoiler, kali ini saya memodifikasi minima kembali dengan beberapa kolom.

Template ini saya buat bagi mereka yang suka akan blog bergaya majalah. Template untuk kalangan Blogger ini terdiri dari : Navigasi menu yang saya pelajari dari www.dynamicdrive.com, empat kolom dengan tinggi yang sama dibawah header, tiga kolom utama, dan enam kolom diatas footer.

Masih dengan konsep portal, pada sub halaman sidebar kiri akan menghilang. Menggunakan readmore secara auto, dan saya juga mencoba menerapkan scroll pada bagian kolom komentar.

Template masih 80 % dalam proses, jika anda berminat silahkan kunjungi demonya.
Berikut adalah tampilan halaman utama template tersebut ( belum ada judul )



Dibawah ini adalah tampilan sub halaman


Kira-kira menurut anda, template ini diberi nama apa, ya?
Silahkan berikan ide-ide anda demi suksesnya pembuatan template ini, dan tentunya semakin cepat selesai, maka akan semakin cepat didownload oleh rekan-rekan yang membutuhkan.

DEMO | berikan komentar pada demonya, ya..... please!!!!

»»  read more