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-24223254</p>
<p> (06.00 WIB – 22.00 WIB).</p>
<p> Telpon : 022-085624223254</p>
<p> (17.00 WIB – 22.00 WiB)</p>
<p></p>
<p>2. Via email selama 24 jam : </p>
<p> Tri3.1972@gmail.com.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 :
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> |  |
| <i> | italic | <i>Example</i> | Example |
| <img> | image | <img src=”Earth.gif” width=”41″ height=”41″ border=”0″ alt=”text describing the 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> | |
| <strong> | strong emphasis | <strong>Example</strong> | Example |
<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 :
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 </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.
