Cara Memasang Membuat Logo Bank di Side Bar Website Blog

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 websiteblog 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 :

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	<formaction=”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>	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 :

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.

*****

sumber : http://caramembuatblog.info/logo-bank-cara-membuat-logo-bank-di-side-bar-website-blog.html

Posted in: seputar wordpress