Oct 17, 2011

Logo bank adalah satu keharusan mutlak bagi website atau blog yang berorientasi menjual produk atau jasa. Dengan memasukkan logo bank pada website blognya maka akan kelihatan bahwa website tersebut dapat dipercaya dan bonafid.  Adanya logo bank mencereminkan bahwa pemiliknya serius membangun usaha lewat internet marketing.
Logo bank juga merupakan usaha dari pemilik website untuk memudahkan bagi pengunjungnya untuk melakukan transaksi bisnis. Untuk itu dianjurkan anda untuk mempunyai beberapa buah logo bank dan rekening bank tentunya. Adapun logo bank yang wajib dipunyai adalah logo bank BCA, BRI, BNI dan Mandiri. Anda dapat dengan mudah mengunduh logo bank tersebut di website.
Sekarang bagaimana memasukkan logo bank tersebut di  side bar pada website blog anda? Untuk WordPress caranya sangat gampang yaitu:
1. Masuk ke menu admin dashboard WordPress.
2. Klik side bar menu Appearance – Widgets.
3. Pilih widget Text.
4. Beri judul widget Text. contoh : Cara order & pembayaran
5. Pada body widget Text isikan kode HTML seperti contoh dibawah ini:
<p>Kontak kami:</p>
<p></p>
<p>1. Telp atau SMS ke :</p>
<p>    HP : 0856-2109684</p>
<p>   (06.00 WIB – 22.00 WIB).</p>
<p>    Telpon : 022-6632765</p>
<p>    (17.00 WIB – 22.00 WiB)</p>
<p></p>
<p>2. Via email selama 24 jam : </p>
<p>    johannes_irfan@yahoo.com </p>
<p>    irfan2011@obatuntukdiabetes.com </p>
<p></p>
<p>3. Transfer pembayaran via :</p>
<p><img  src=”http://obatuntukdiabetes.com/wp-content/uploads/2011/06/logo-bank-bca-2.jpg”  (ganti dengan url tempat anda menyimpan logo bank)
alt=”BCA logo” width=”145″ height=”46″/> </p>  (atur width dan height dari logo)
<p><b> a. Bank BCA </b></p>
<p>       a/n Johannes Irfan</p>
<p>       No. Rek. 139-122-6453</p>
<p></p>
<p><img  src=”http://obatuntukdiabetes.com/wp-content/uploads/2011/06/logo-bank-bri.jpg”    (ganti dengan url tempat anda menyimpan logo bank)
alt=”BRI logo” width=”150″ height=”41″/> </p> (atur width dan height dari logo)
<p><b>  b. Bank BRI  </b></p>
<p>       a/n Johannes Irfan</p>
<p>        No. Rek. 0137-01-057963-50-1</p>
<p></p>
<p><img  src=”http://obatuntukdiabetes.com/wp-content/uploads/2011/06/bni-logo.gif”   (ganti dengan url tempat anda menyimpan logo bank)
alt=”BNI logo” width=”93″ height=”62″/> </p> (atur width dan height dari logo)
<p><b>  c. Bank BNI  </b></p>
<p>       a/n Johannes Irfan</p>
<p>        No. Rek. 0227235163</p>
<p></p>
<p>4. Harap segera kirim SMS setelah melakukan transfer pembayaran ke nomor HP : 0856-2109684 agar barang secepatnya dikirim dan agar anda lekas sembuh.</p>
<p></p>
<p>5. Kami buka 24 jam dan siap menerima order kapanpun.</p>
6. Klik Save untuk menyimpan perubahan.
Bukalah website anda dan hasilnya pada side bar website adalah :
logo bank
Tag-tag HTML yang perlu diketahui untuk membantu anda adalah sebagai berikut :
Tag
Nama
Contoh
Hasil
<a anchor <a href=“http://obatuntukdiabetes.com/”>
Diabetes Melitus </a>
Diabetes Melitus(text link)
<br> line break The contents of your page<br>The contents of your page The contents of your web page
The contents of your web page
<b> bold/tebal <b>Example</b> Example
<center> center <center>This will center your contents</center> This will center your contents
<em> emphasis This is an <em>Example</em> of using the emphasis tag This is an Example of using the emphasis tag
<font> font <font face=”Times New Roman” size=”+3″ color=”#ff0000″>Example</font> Example
<form> form <form action=”mailto:you@yourdomain.com”>
Name: <input name=”Name” value=”" size=”10″><br>
Email: <input name=”Email” value=”" size=”10″><br>
<center><input type=”submit”></center>
</form>
Name:
(Tip)
Email:
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
heading 1
heading 2
heading 3
heading 4
heading 5
heading 6
<h1>Heading 1 Example</h1>
<h2>Heading 2 Example</h2>
<h3>Heading 3 Example</h3>
<h4>Heading 4 Example</h4>
<h5>Heading 5 Example</h5>
<h6>Heading 6 Example</h6>
image
<i> italic <i>Example</i> Example
<img> image <img src=”Earth.gif” width=”41″ height=”41″ border=”0″ alt=”text describing the image” /> image
<p> paragraph This is an example displaying the use of the paragraph tag. <p> This will create a line break and a space between lines.
Attributes:
Example 1:<br>
<br>
<p align=”left”>
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>
Example 2:<br>
<br>
<p align=”right”>
This is an example<br>
displaying the use<br>
of the paragraph tag.<br>
<br>
Example 3:<br>
<br>
<p align=”center”>
This is an example<br>
displaying the use<br>
of the paragraph tag.
This is an example displaying the use of the paragraph tag.This will create a line break and a space between lines.
Attributes:
Example 1:
This is an example
displaying the use
of the paragraph tag.Example 2:
This is an example
displaying the use
of the paragraph tag.Example 3:
This is an example
displaying the use
of the paragraph tag.
<small> small (text) <small>Example</small> Example
<strike> deleted text <strike>Example</strike> Example
<strong> strong emphasis <strong>Example</strong> Example




Contoh kode HTML yang ketika diklik maka akan menuju ke alamat url yang ditetapkan:
<p><a href=”http://www.scrubtheweb.com/” title=”Free SEO Tools”><img
src=”http://www.scrubtheweb.com/graphics/seotools.gif”
alt=”Free SEO Tools” width=”88″ height=”31″ /></a></p>
Hasilnya :
image
Contoh lainnya adalah sebagai berikut :
Cara membuat, memasang, dan menampilkan  logo bank BCA di sidebar
No Rek : Nomer Rekening
A/N : Nama Anda
<span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;">          </span><br />
<div align="center">
<span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><img height="48" src="http://obatuntukdiabetes.com/wp-content/uploads/2011/06/logo-bank-bca-2.jpg" width="100" /></span></div>
<div style="text-align: center;">
<b><span style="font-size: x-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif;">No Rek : Nomer Rekening</span></span></b></div>
<div align="center">
<b><span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><span style="font-family: Verdana,Arial,Helvetica,sans-serif;">A/N&nbsp;</span>: Nama Anda</span></b></div>
<div align="center">
<span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: x-small;"><br /></span><br />
Note :
1. Anda dapat berkreasi sendiri membuat logo bank di side bar dengan melihat contoh-contoh di atas.
2. Anda dapat juga menyimpan logo bank tersebut di pusat penyimpanan gratis di http://tinypic.com .
Demikianlah cara memasang – membuat – menampilkan logo bank di side bar website blog anda.

Baca Juga Artikel Terkait Lainnya

Related : Cara Pasang Logo Bank di Side Bar Blog

3 comments:

  1. Terimakasih postingnya bermanfaat.dah saya coba hasilnya luar biasa.

    ReplyDelete
    Replies
    1. Semoga lebih kreatif lagi dan bermanfaat...sering kunjungan nya..

      Delete
    2. This comment has been removed by a blog administrator.

      Delete

Komen yang bijak sangat di nantikan...! Terimakasih..

Follow by Email

Google+ Badge

Google+ Followers

My ID

qr code