19 Juni 2009

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

18 Juni 2009

How blog advertising works?

Blogging has become a favorite hobby for many people, including me. Why blogging is in tune at this time? Because through the blog, we can express our thoughts as well as share knowledge and experiences with others. We can share opinions and interact through comments. Provide a channel to connect to the outside world, so hopefully will have more friends locally and internationally.

With blogging, we also have the opportunity to make money online even in your home. This is one of the easiest and effective way. Only need simple steps, namely to write a review or opinion about things that you like, write your opinions about products and services from a particular web site and people may think that this story really encouraged and can drive traffic to the advertiser's website . This is, how to blog advertising works.

If you are the people who want to gain knowledge of all things, you will realize that you can contribute with your blog readers, bloggers or even advertisers. Passion is the key success factors your blog. By increasing the quality of your blog, and know how to attract people to visit your blog, including attracting advertisers that advertise on the blog that you have created.

Blog advertising has become an effective way to promote products and services. For advertisers, they prefer to find a site / blog that can promote their business effectively. With hope will get the best results with minimum cost. For bloggers, this is a very good step to help promote their website / product / service quality by writing a review. This is a fun way to get ready for good money if you are willing to spend some time for it ..

If you are a good author, Payingpost give you the opportunity to join in order to obtain additional income. You can submit your article to Payingpost. Registration is easy and free, of course, you just read and follow the instructions carefully. If you have submitted the URL of your blog, Payingpost will review your blog.

Once your blog is approved, the opportunity will come. Then you can start to write a review to advertiser web sites, products or services. In addition to taking the opportunities that are available, from Payingpost advertisers can communicate with the blogger and ask them to place banner ads on your blog and of course you get paid for it.

One more before I finish writing this, Payingpost also does not require that the blog / site that will be listed must have a high PageRank. That makes me very enthusiastic about joining in Payingpost.
So, why have to wait, you can pursue this dream become a beautiful blog that is unique.

11 Juni 2009

Memadukan Spoiler di Blogger Template


Sudah lama saya tidak otak-atik template, akhirnya kali ini saya mencoba memodifikasi minima dengan hasilnya adalah Spoiler Minima Template.

Mengapa saya sebut Spoiler Minima Template, karena di dalam Spoiler Minima Template ini terpasang sistem spoiler yang aku terapkan pada kolom dibawah navigasi menu. Apa sih Spoiler itu ? Anda bisa mengetahuinya di bCOMStudio, termasuk mendowload template tersebut.

Spoiler Minima Template ini sederhana, karena hanya terdiri dari dua kolom. Meskipun sederhana, tapi tidak boleh dipandang sebelah mata... apalagi dipandang dengan mata bathin.

Bagaimana saya menerapkan Spoiler ini pada Spoiler Minima Template, berikut penjelasannya :
(sebaiknya coba pada template baru dengan template minima dan ukuran width: 750px )
Langkah awal saya menambahkan dua buah kolom dibawah navigasi menu/ header atau di atas Content Wrapper.

Saya menambahkan kode berikut :

/* -- kotak dhukur -- */

#kotak {
width:750px;
clear:both;
margin:0 auto;
float:left;
padding: 10px 0;
color:#ffffff;
background:#434741;
border-top:#ffffff;
border-bottom:#ffffff;
}

#kotak a:link {
color:#006699;
text-decoration:none;
}

#kotak a:hover {
color:#c06000;
text-decoration:underline;
}

#kotak a:visited {
color:#808080;
text-decoration:none;
}

#kotak h2 {
color:#000000;
padding:10px 0 2px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #333;
font-size:11px;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
}

#kotak ul {
padding:0;
margin:0;
color:#333;
}

#kotak ul li {
list-style-type:none;
border-bottom:1px dotted #333;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNcus6vrktn3YwPsfUG5f60CXMavSqZT9E2ireJaVS21bBVBzyv6NRQX0J-Ny2s-pZOFfp-KtZ9yWTrWUOcKchEh0VEcakHns9xhTU0E5He2XjbDW_3w_e4hdI8w2BGn0B_3xJq3D28ME/s144/Arrobblue.png") no-repeat 0px .17em; padding-left:17px;
margin-top:2px;
}

#kotak1 {
width:300px;
float:left;
padding-left:10px;
}

#kotak2 {
width:390px;
float:left;
padding:0 10px 0 10px;
border-left: 2px solid #ffffff;
}

Kemudian saya menambahkan kode berikut, di atas kode : <div id='main-wrapper'>

<div id='kotak'>
<b:section class='kotak' id='kotak1' preferred='yes'/>
<b:section class='kotak' id='kotak2' preferred='yes'/>
</div>

Kemudian saya menerapkan kode spoiler pada kode di atas, seperti ini :

<div id='kotak'>
&lt;div&gt;&lt;div style=&quot;margin: 5px;&quot;&gt;
&lt;div class=&quot;bigfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;&lt;input value=&quot;Show&quot; style=&quot;margin: 0px; padding: 0px; width: 60px; &quot; onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show&#39;; }&quot; type=&quot;button&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;alt2&quot; style=&quot;border: 0px inset ; margin: 0px; padding: 6px;&quot;&gt;
&lt;div style=&quot;display: none;&quot;&gt;

<b:section class='kotak' id='kotak1' preferred='yes'/>
<b:section class='kotak' id='kotak2' preferred='yes'/>

&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
</div>


Kata Show maupun Hide bisa dirubah sesuai keinginan.
Bila anda ingin mendowload daripada template ini, silahkan kunjungi bCOMStudio.

Pada demo template, anda juga bisa mencoba alunan musik berikut link downloadnya pada sidebar.

(Pesan Singkat : Pada template bCOMStudio telah saya terapkan kombinasi link iklan, jadi sebelum anda masuk ke URL sebenarnya, anda terlebih dahulu disodori halaman iklan. he..he..he.... saran saya diklik iklanya, biar bidikCOM dapat dollar....... wik, bCom ... malu-maluin....... )

DEMO

05 Juni 2009

jQuery Scroll to Top Control

Hari ini, Jum'at 05 Juni 2009 secara serentak saya posting artikel tentang jQuery Scroll to Top Control di beberapa blog saya, termasuk menginstallnya. Setelah saya mempelajari dari situs www.dynamicdrive.com lalu menerapkan ke blog saya, pada awalnya gagal. Namun setelah saya cermati dari beberapa kode script yang ada kemudian menghilangkan sederetan kodenya, lalu memasang URL dari Image di dalam srolltopcontrol.js filenya kemudian mengupload file jsnya ke www.geocities.com dan yang terakhir masuk pada edit html blogger dan akhirnya......

Anda bisa mendemokannya sendiri di halaman blog IRENG ini yang bernasip malang karena digebug-ki oleh EG ( untung LW masih peduli sama blog ini sehingga masih dapat job..he..he.. , tapi untuk BV, nampaknya... ngeres kali), coba perhatikan saat anda scroll halaman setelah mencapai separuh dari halaman ini maka akan muncul ICON ANAK PANAH ATAS. Nah, silahkan diklik.. maka halaman akan menggulir ke atas secara automatis.... berjalan seperti ARGO ANGGREK jurusan Sidoarjo- BATAM- KALIMANTAN...... (Apa ada, ya..... jurusan kesana).

Dengan memasang kode script jQuery Scroll to Top Control khusus pada blog ini, terpaksa saya harus merubah susunan html dari CREDIT fixed yang ada di bottom bidikCOM ini. Dari padding yang semula 15 px, terpaksa saya geser jadi 60 px sekedar untuk memberikan kelonggaran bagi icon jQuery Scroll to Top Control untuk mampir dan nongol batang hidungnya agar bisa unjuk gigi yang kemudian akan diklik oleh pengunjung setia bidikCOM.

Oke, ndak usah lama-lama kita bahas secara singkat. Bila ingin melihat gambaran yang lebih lengkap anda bisa ABSEN HADIR di AYOMAOS.

Silahkan login di blogger, tanpa contreng kotak Expand Widget Template ( karena bidikCOM memang tidak punya hak pilih), lalu cari kode : <head>.

Langkah selanjutnya dalam menambahkan script dari jQuery Scroll to Top Control adalah tambahkan kode dibawah ini persis dibawah kode <head> dan sebelum kode META.

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>

<script type='text/javascript' src='http://www.geocities.com/nataludin5/scrolltopcontrol-1.js'>

/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/

</script>

Oh,ya... mengapa harus dipasang persis dibawah kode <head> dan sebelum kode meta ( Verifikasi, keyword dll )? Hali ini agar jQuery Scroll to Top Control berfungsi dengan normal, dan ICONnya bisa ngintip kegiatan t-mouse para pengunjung kali..he..he..

Ini lho gambaran tempat jQuery Scroll to Top Control dipasang.



( sorry... gambarnya aku kasih tulisan bidikCOM yang gede, soalnya beberapa artikel saya di COPAS oleh salah satu blogger yang sempat nyasar di bidikCOM sampai akar-akarnya tanpa sungkan-sungkan dan tidak ada embel-embel url sumbernya..heik.. rasain luh... ojo nesu!!! )

Oke silahkan dicoba, anda juga bisa belajar di http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm, kalau anda ingin memodifikasi dari script jQuery Scroll to Top Control pada srolltopcontrol.js filenya. Daku sudah mumet, jadi gantian anda yang memodifikasi. Yang penting saya sudah ngasih tutorial yang terbaik buat sobat setia bidikCOM untuk mempercantik blognya..... gratis... cukup do'in panjang umur sehat wal'afiat ..amien.

02 Juni 2009

Modem GSM 3G/HSDPA Option Icon 225 [Alnect Komputer]

Anda suka berselancar di dunia Internet ? Jika memang benar, saya sangat merekomendasikan Modem GSM 3g/HSDPA Option Icon 225 untuk segera anda miliki. Modem GSM 3g/HSDPA Option Icon 225 yang dapat anda peroleh di Alnect Komputer ini, mendukung 3G dan HSDPA, bentuk Modem GSM 3g/HSDPA Option Icon 225 seperti flashdisk pada umumnya, dilengkapi hotswap simcard dan lampu led biru 2 buah.

Instalasi Modem GSM 3g/HSDPA Option Icon 225 sangat mudah, karena di dalam Modem GSM 3g/HSDPA Option Icon 225 telah dilengkapi flash memori sebesar 64 Mb utk menyimpan software drivernya. Sangat mudah dioperasikan.

Jadi menurut saya Modem GSM 3g/HSDPA Option Icon 225 yang bisa anda beli di Alnect Komputer, merupakan alternatif untuk menghemat waktu dan tenaga, bagi anda yang kegiatan tiap harinya selalu berkecimpung dengan internet dan bolak-balik ke warnet..

Untuk lebih jelasnya tentang Modem GSM 3g/HSDPA Option Icon 225 , silahkan simak keterangannya dibawah ini :




http://www.alnect.net/products.php?/4/19/25/243/Networking/Modem/Modem_GSM/Modem_GSM_3G/HSDPA_Option_Icon_225

Overview
Easy to use with Zero-CD® Plug 'n' Play technology, Worldwide usage on UMTS and EDGE/GPRS networks, High-speed downloads.

Detail Specifications

Interface to PC : USB 2.0 High Speed Data Transfer
GPRS Support : Yes with Quad Band EDGE/GPRS : 850, 900, 1800, 1900 MHz
2G EDGE Support : Yes with Quad Band EDGE/GPRS : 850, 900, 1800, 1900 MHz
3G UMTS Support : Yes with Tri Band UMTS/HSDPA : 850, 1900, 2100 MHz
3.5G HSDPA Support : Yes with Tri Band UMTS/HSDPA : 850, 1900, 2100 MHz
3.75G HSUPA Support : Yes with Single-Band WCDMA/HSDPA : 2100 MHz
GPRS Downlink Speed : Up to 156.3 Kbps
EDGE Downlink Speed : Up to 236.8 Kbps
UMTS Downlink Speed : Up to 384 Kbps
HSDPA Downlink Speed : Up to 3.6 Mpbs
HSUPA/WCDMA Downlink Speed : Up to 7.2 Mbps
SMS Support : Available
Voice Call Support : Not Available
SIM Card Support : Standard 6 PIN SIM card interface
MicroSD Slot : Not Available
Zero CD Technology : Available
Antenna System : Miniature Internal Antenna Connection
GPS Module Support : Not Available
Color LED Indicator : Yes
O/S Compability : Support Operating System Windows 98/ME/ 2000/XP/Vista
Other Features : Receive Diversity, Equalization
Dimension (WHD) : (63 x 26 x 13) mm
Weight : Approx. 28 gram (with SIM Card)
Alnect Care Warranty : 30 Hari
Standard Warranty : 30 Hari
Others : All applicable regulatory approvals, Operator and Infrastructure IOT


Oh,ya... Segera kunjungi Alnect Komputer, karena Sebagai salah satu wujud dukungan terhadap blogger di indonesia, Alnect Komputer selaku badan usaha yang bergerak di bidang informasi dan teknologi yang sangat peduli dengan kemajuan komunitas pengguna internet di tanah air, mengajak anda untuk berpartisipasi dalam program Alnect Komputer Blog Contest Periode I yang akan di mulai dari tanggal 1 juni 2009 dan berakhir sampai tanggal 31 juli 2009.

Alnect komputer blog contest periode I mengajak anda untuk menyampaikan pendapat dan opini anda sekaligus menantang kreativitas anda dalam mereview produk-produk yang Alnect komputer tawarkan di toko online Alnect komputer . Dimana review yang anda buat nantinya akan sangat membantu konsumen di indonesia didalam memilih produk-produk yang berkualitas dan tepat guna.

Rebutlah Hadiah menarik dari Alnect komputer :

* 1 Unit Notebook Acer Aspire
* 1 Unit Netbook Advan A1N70T
* 1 Unit Camera Digital Shitel DB702C
* 5 Unit Modem HSDPA Prolink PHS100
* 10 Unit USB Flash Disk Kingston DT-G2 Kapasitas 8GB
* 100 Unit USB Flash Disk Kingston DT-G2 Kapasitas 4GB

Buruan, gratis dan tidak dipungut biaya apapun. Caranya :

1. Buat Review tentang produk-produk yang telah tersedia di Toko online Alnect Webstore di blog anda
2. Baca syarat dan ketentuan berlaku
3. Daftar dan submit blog anda
4. Tempel Tiket di halaman blog review anda
5. Submit URL anda sehingga dapat memberitahu kami dimana anda meletakkan halaman review anda
6. Lihat contoh panduan review dan penempelan tiket di blog di mana anda mereview produk Alnect Webstore

SEGERA BURUAN DAFTAR DAN BELI PRODUK BERKUALITAS DI ALNECT KOMPUTER

Alnect computer Blog Contest

01 Juni 2009

Fort worth theft attorney

Facing criminal cases are very complicated and difficult for someone who has not yet received the training and experience appropriate to the case. For the most possible result, it is highly recommended that you have a professional assist you regarding your condition.

Criminal cases are sometimes complex and long driven cases which sometimes make you undergo tremendous mental trauma and stress. Various criminal cases, including the theft, an expert is necessary, to complete a case can be perfectly.
It is also prudent to consult any of your friends who may have hired the services of fort worth possession lawyer previously. The best thing perhaps is to get a referral from fort worth theft lawyer, you are going to hire.

I had found a really great site of a fort worth theft attorney. This site, www.bakerdameron.com is the web presence of the Texas law firm Baker & Dameron. Many cases that have been successfully handled by them, and certainly very impressive. Craig Dameron specialize in dwi case in Fort Worth, Texas area, while James Baker, a specialist to handle various cases.
One can get a vast amount of information on the kind of charges criminal attorneys handle, their charges and their location from the web sites of leading fort worth theft lawyer and legal firms.

I am extremely happy that I found this website and recommend it to other people in a similar situations.

30 Mei 2009

Related posts widget with photo thumbnails

Beberapa hari yang lalu saya menemukan sebuah situs yang menawarkan sebuah Widget "Related posts widget with photo thumbnails" yang apabila kita menginstallnya, widget tersebut akan muncul persis diakhir artikel yang kita posting.

Widget "Related posts widget with photo thumbnails" saya dapatkan di situs Linkwithin.com. Witget ini gratis, tanpa register dan sangat mudah diinstall pada blog kita. Widget "Related posts widget with photo thumbnails" sangat unik, sesuai dengan judulnya maka Widget "Related posts widget with photo thumbnails" akan muncul dalam bentuk tampilan gambar, dimana terdapat judul artikel pada setiap gambar yang ada.

Jika Anda tertarik, Anda hanya diminta untuk mengisi alamat email, link blog, Platform, kemudian centang kotak di depan "My blog has light text on a dark background" (Jika blog Anda dengan latar belakang gelap), kemudian klik "Get Widget"



Kemudian anda akan dibawa pada halaman "Install Widget on Blogger"

1. Klik INSTALL Widget Blogger untuk membuka jendela baru, dan ikuti langkah 2 dan 3. Silahkan login jika diperlukan.

2. Pilih sebuah blog jika anda memiliki lebih dari satu, kemudian klik Add Widget.




3. Klik Simpan. Dan selesai! Widget seharusnya sekarang muncul di blog Anda, yang terletak di bagian akhir artikel yang telah ditulis.

Nah, memang mudah bukan ? Mudah bagi yang mereka menggunakan template sederhana, tidak berbentuk Magazine dan tidak memasang "READMORE". Karena, tampilan widget "Related posts widget with photo thumbnails". tidak memakan ruang muat daripada Main-Wrapper dari blog tersebut. Tapi bagi mereka yang menggunakan template berbentuk Magazine dan memasang Readmore, ini justru kendala karena wajah halaman utama dari blog anda akan nampak lucu dan berantakan.

Tapi anda tidak perlu kuatir, saya telah mencoba merubah susunan kode dari script widget "Related posts widget with photo thumbnails" ini untuk mereka yang menggunakan template Magazine. (Hal ini sebenarnya saya mencari solusi untuk blog saya sendiri mengingat blog yang telah saya buat menggunakan tipe model ini ).

Oke, setelah anda menginstall widget "Related posts widget with photo thumbnails", maka langkah yang anda kerjakan adalah sebagai berikut :

Setelah melaksanakan langkah yang ketiga, maka langsung ke Layout | Elemen Halaman, kemudian klik Edit gadget "LinkWithin ."



Skrip kode yang muncul adalah sebagai berikut:

<script>
var linkwithin_site_id = xxxxx;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img alt="Blog Widget by LinkWithin" style="border: 0" src="http://www.linkwithin.com/pixel.png"/></a>

( kode xxxxx pada Var linkwithin_site_id =..... adalah Id anda )

Silahkan Copas dalam Notepad, setelah itu Anda klik Edit HTML, kemudian centang "Expand Template Widget".

Dengan menggunakan kontrol F silahkan cari kode:

<b:widget id='HTML5' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'> <data:content/> </ b: includable>
</ b: widget>

Kemudian salin kode script di Notepad. Setelah menyalin dua skrip di atas, silakan menghapus kode keduanya, Konfirmasi dan simpan .

Dari dua skrip yang Anda salin di Notepad tadi, anda dapat memodifikasinya menjadi satu script yang nantinya akan kita tambahkan. Kode tersebut adalah :

<b:if cond='data:blog.pageType == "item"'>
<div class='widget-content'>
<div expr:id='&quot;main&quot; + data:content.id'><data:content/></div>
<script type='text/javascript'>
var linkwithin_site_id = 19881;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img alt="Blog Widget by LinkWithin" style="border: 0" src="http://www.linkwithin.com/pixel.png"/></a>
</div>
</b:if>

Setelah itu, Anda klik Edit HTML, kemudian centang "Expand Template Widget".
Menggunakan kontrol F untuk mencari kode:

<div style='clear: both;'/> <!-- clear for photos floats -->

Kemudian tambahkan kode script yang telah dimodifikasi, sebelum kode di atas.

Sukses dech, dan hasilnya widget "Related posts widget with photo thumbnails" tidak muncul di halaman utama dari blog anda namun widget "Related posts widget with photo thumbnails" akan muncul di sub halaman, disaat READMORE telah ditekan oleh anda atau pengunjung blog anda.

Saya masih mencoba untuk mencari solusi, bagaimana agar widget "Related posts widget with photo thumbnails" tersebut tidak hanya muncul dalam jumlah 3 artikel. Tapi nampaknya butuh sharing dengan pengunjung setia blog jadulku.

Oh ya, perlu anda ketahui. Terkadang widget "Related posts widget with photo thumbnails" hanya muncul berupa link dari judul artikel saja, seperti di blog "AYOMAOS" yang merupakan blog baruku dengan domain sendiri . Terkadang muncul lengkap dengan gambar seperti di Sketch Ideas.

Nah, silahkan anda coba trik saya ini, semoga sukses. Saya suka SHARING, jika anda masih bingung silahkan tinggalkan pesan dikotak komentar.

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