Artikel ini adalah tentang Menambahkan Widget Kontak Kami dan Rekening Bank pada blogger dengan sedikit lebih variatif dan dijamin terlihat mantab, karena disertai icon rekening bank, telp, HP, WA, dan BBM.
Widget Kontak Kami dan Rekening Bank adalah widget pada blogger yang menunjukkan Nomor Rekening sebuah Online Shop beserta Nomor Telp, SMS, WA,dan BBM yang bisa di hubungi. Dengan adanya widget ini, maka calon pelanggan atau pembeli dengan mudah mendapatkan kontak untukmenghubungi Anda. Pemasangan widget ini di blog Anda akan sangat bermanfaat dan bisa meningkatkan jumlah pembeli pada pengunjung blog Anda. Selain itu akan membuat blog anda menjadi lebih berwarna dan tampak lebih menarik perhatian pengunjung untuk berbelanja. Penampakan widgetnya adalah seperti contoh di gambar di bawah ini.
 |
: 085.641.586.955
|
 |
: 085.641.586.955
|
|---|---|
 | : 085.641.586.955 |
 |
: 316E143B
|
 | : rofi.demak@gmail.com |
Penampakan untuk Kontak Kami
Pembayaran melalui Bank berikut :
No.Rek : 4620571127 a/n. Rofiatun
No.Rek : 135-00-0599475-9 a/n. Agil Siswo Heksanto
No.Rek : 15890-1000-8455-00 a/n. Rofiatun
No.Rek : 5010001689 a/n. Agil Siswo H.
Penampakan untuk Rekening Bank
1. Log in ke akun blogger Anda. Kemudian setelah masuk dashboard blogger masuk ke menu "Layout" atau "Tata Letak"
2. Klik Tambahkan Gadget pada bagian sidebar, lalu pilih HTML/JavaScript
3. Setelah muncul jendela baru, copy semua kode di bawah ini dan paste-kan di bidang konten/isi. Klik simpan.
KODE HTML KONTAK KAMI :
<table class="ui-grid ui-gridFull prd-attributes" style="background-color: white; border-collapse: collapse; border-spacing: 0px; border: 0px; color: black; font-family: Tahoma, Arial, sans-serif; font-size: 13px; height: auto; line-height: 15px; margin-bottom: 0px; width: auto;"><tbody>
<tr class="even" style="background-color: #fafafa;"><td class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: bold; line-height: 24px; padding: 0px 15px; vertical-align: top;"><div>
<img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitZ4pWvce69DwdjkygeQsb2qgLQX3EpzrEolzqZkG2zmJctZxlyrDvtS0ZJUzzkfq-7Y5TmdBZiqtWYlsn4jI7sNOKYWhGUGmHy_2gCj3Db7gXg5ViR5eqK6d8gOM1X8GNhZc7PmCCiFk/s1600/Phone-icon.png" class="decoded" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitZ4pWvce69DwdjkygeQsb2qgLQX3EpzrEolzqZkG2zmJctZxlyrDvtS0ZJUzzkfq-7Y5TmdBZiqtWYlsn4jI7sNOKYWhGUGmHy_2gCj3Db7gXg5ViR5eqK6d8gOM1X8GNhZc7PmCCiFk/s200/Phone-icon.png" width="30" /></div>
</td><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
<b>: 085.641.586.955</b></div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;"><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxUecsGMLVbj7gTn4XMDGgvH4tUaQbvKCtIS4Med1zYihpQh59sRAxW7dqMNxJPnJUwT3vsnpIidJujObuoOhHmO7ZL6uGb0mGNoAuJdlDkou_kXPmnnvarbWAvvEqC24LHG4Roll0K-A/s1600/sms.png" class="decoded" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxUecsGMLVbj7gTn4XMDGgvH4tUaQbvKCtIS4Med1zYihpQh59sRAxW7dqMNxJPnJUwT3vsnpIidJujObuoOhHmO7ZL6uGb0mGNoAuJdlDkou_kXPmnnvarbWAvvEqC24LHG4Roll0K-A/s200/sms.png" width="30" /></th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div id="pdtsku">
<b>: 085.641.586.955</b></div>
</td></tr>
<tr class="even" style="background-color: #fafafa;"><th class="strong" style="border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;"><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbUAVhbBNap1khkHvwP-FhcV-mXpzjd_3nA1G6iP7RG6zR5hBnBjXD5oaZrus-By93HNqM7k4AtH_lGOnRZNTQPuY8e0fEHcybTpotkFcxla3y-mR1QKxXkzfVItrEW3dfjskQdMeL11dX/s1600/whatsapp+512x512.png" class="decoded" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbUAVhbBNap1khkHvwP-FhcV-mXpzjd_3nA1G6iP7RG6zR5hBnBjXD5oaZrus-By93HNqM7k4AtH_lGOnRZNTQPuY8e0fEHcybTpotkFcxla3y-mR1QKxXkzfVItrEW3dfjskQdMeL11dX/s200/whatsapp+512x512.png" width="30" /></th><td style="border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><b>: 085.641.586.955</b></td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;"><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDGLB4I8kYuU6-VLlz0whc6qoS3oX0mbhBySoLv0fluMqdL3lSzp0gKrreMCZfot0aXQA73-nwERtfwSmvTBimWOPOCGAJNrGZ9ALE4_tqJOwKe4GP8wKD-kAkXJHTkTeV6BuAKnsaT3w/s1600/BBM-Icon.png" class="decoded" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDGLB4I8kYuU6-VLlz0whc6qoS3oX0mbhBySoLv0fluMqdL3lSzp0gKrreMCZfot0aXQA73-nwERtfwSmvTBimWOPOCGAJNrGZ9ALE4_tqJOwKe4GP8wKD-kAkXJHTkTeV6BuAKnsaT3w/s200/BBM-Icon.png" width="30" /></th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><div style="text-align: justify;">
<b>: 316E143B</b></div>
</td></tr>
<tr class="odd"><th class="strong" style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); font-weight: normal; line-height: 24px; padding: 0px 15px;"><img alt="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUWc-FtUtMikItf3htWZbJEVjZ-PZxp39q8Vw7z04fQfNjUXwZ9RPmtw_z0iKTh65g6mK_5fh8AkzeG4Saw6SPsfO2_HXv9FISLuOC_MAfG9u3x5-fxktGbEYGr_eEjKqdePUUJZcFw/s1600/email-icon.png" class="decoded" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGUWc-FtUtMikItf3htWZbJEVjZ-PZxp39q8Vw7z04fQfNjUXwZ9RPmtw_z0iKTh65g6mK_5fh8AkzeG4Saw6SPsfO2_HXv9FISLuOC_MAfG9u3x5-fxktGbEYGr_eEjKqdePUUJZcFw/s1600/email-icon.png" width="30" /></th><td style="background-color: #fafafa; border: 1px solid rgb(242, 242, 242); line-height: 24px; padding: 0px 15px; vertical-align: top;"><b>: rofi.demak@gmail.com</b></td></tr>
</tbody></table>
KODE HTML REKENING BANK :
<center>
<div align="center" class="small" style="color: #0066cc; font-family: Tahoma; font-size: 12px;">
<b>Pembayaran melalui Bank berikut :</b></div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgabqWogXlMA1eK6n6VsnKZEeCyqF73bQS3LxE95qUT9TGb6cGVct4xRkVHpUswvpRdbFB5LXvoGHngoqayYb9TRH9WI-OT-F64xo1vyA2NwkXZW_y3aK3QgPfFnuHYlGkwebCdWCMHfr5l/s1600/bca_indoshop.png" style="margin-left:-4px;color: #0066cc; font-family: Tahoma; font-size: 12px;" /><span style="background-color: white; color: #0066cc; font-family: Tahoma; font-size: 12px;"></span><br />
<div align="center" class="small" style="color: #0066cc; font-family: Tahoma; font-size: 10px;">
<b>No.Rek : 4620571127 a/n. Rofiatun</b></div>
<div class="contentbr" style="color: #0066cc; font-family: Tahoma; font-size: 12px; margin-bottom: 5px;">
</div>
<div class="entrytitle" style="border-bottom-color: rgb(152, 200, 252); border-bottom-style: dashed; border-bottom-width: 1px; color: #0066cc; font-family: Tahoma; font-size: 12px;">
</div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGMHeNghQVZpAVz8OPbZI-VZ_SVxb8FxE12xsyaCTD3DlCOKiL_tf8IBpVzqHKV6lcvNpjMebqWCbQDf_KG-uPONTRLbcakXiEIeG2us__95QCQvAQXsk6gOWfiXkBRUpzZ_MqusVrhgQ/s1600/mandiri_indoshop.png" style="margin-left:-4px;color: #0066cc; font-family: Tahoma; font-size: 12px;" /><span style="background-color: white; color: #0066cc; font-family: Tahoma; font-size: 12px;"></span><br />
<div align="center" class="small" style="color: #0066cc; font-family: Tahoma; font-size: 10px;">
<b>No.Rek : 135-00-0599475-9 a/n. Agil Siswo Heksanto</b></div>
<div class="contentbr" style="color: #0066cc; font-family: Tahoma; font-size: 12px; margin-bottom: 5px;">
</div>
<div class="entrytitle" style="border-bottom-color: rgb(152, 200, 252); border-bottom-style: dashed; border-bottom-width: 1px; color: #0066cc; font-family: Tahoma; font-size: 12px;">
</div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFQx7cbdr8pK5ipHNU_DxzUAosKnwjtFioYS0B7H29SMMf3clShlzz7gY5IOlFqDeVqUZquDyIKUAbM5SH41nLN4RF_Iwe6ElGvpXeG3-TJKsm_yA3mUm9EJW0BKnsUobtVjExQCB5mVdP/s1600/bri_indoshop.png" style="margin-left:-4px;color: #0066cc; font-family: Tahoma; font-size: 12px;" /><span style="background-color: white; color: #0066cc; font-family: Tahoma; font-size: 12px;"></span><br />
<div align="center" class="small" style="color: #0066cc; font-family: Tahoma; font-size: 10px;">
<b>No.Rek : 15890-1000-8455-00 a/n. Rofiatun</b></div>
<div class="contentbr" style="color: #0066cc; font-family: Tahoma; font-size: 12px; margin-bottom: 5px;">
</div>
<div class="entrytitle" style="border-bottom-color: rgb(152, 200, 252); border-bottom-style: dashed; border-bottom-width: 1px; color: #0066cc; font-family: Tahoma; font-size: 12px;">
</div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2zTBsxH7SakjZNsXXrpThrd8d2dHHbmNP-LpUkE4vySbv9P1HmGJbwivKqU4R8g7sc9w21_8PQWLCgowNZPCpblmfX2qP_oB8j81f346jxjkVvtuuaJjzrlDQeyY3JxlLG4u81wpHZA/s1600/muamalat_tokodemak.jpg" style="margin-left:-4px;color: #0066cc; font-family: Tahoma; font-size: 12px;" /><span style="background-color: white; color: #0066cc; font-family: Tahoma; font-size: 12px;"></span><br />
<div align="center" class="small" style="color: #0066cc; font-family: Tahoma; font-size: 10px;">
<b>No.Rek : 5010001689 a/n. Agil Siswo H.</b></div>
</center>
Keterangan :
Silahkan ganti teks yang "berwarna hitam" sesuai dengan kontak dan nomor rekening Anda.
4. Oke setelah Anda edit, silahkan cek kembali blog Anda. Jika berhasil, maka tampilan widget nya kurang lebih seperti di bawah ini. Bagaimana, cukup mantab, bukan.
Silahkan diedit sesuai kehendak. Paste semua code di bagian isian konten.Kemudian klik Simpan.
Dan selamat, blogger anda sekarang sudah terpasang widget Kontak Kami dan Rekening Bank yang keren dan mantab. Tentunya bisa mempercantik tampilan blog Anda dan meningkatkan kunjungan pastinya. Oke sekian tutorial sederhana tentang menambahkan Widged Kontak Kami dan Rekening Bank ini.
Semoga bermanfaat. Terima kasih.
Semoga bermanfaat. Terima kasih.
