Kamis, 29 Agustus 2013

Cara-Mengfungsikan-Template-Entry


Kali ini 3Brothers Study akan mengajak agan2 untuk melihat bagaimana blogspot akan di fungsikan.
Jika anda yang sedang membangun sebuah toko online atau sejenisnya dengan Blogger dan menginginkan membuat sebuah template Entri dengan tampilan tabel sebagai defaultnya, maka template entri ini menjadi pilihan yang tepat untuk menjadikan default newpost setiap kali anda akan melakukan posting baru. Nah, disini akan saya bagi beberapa caranya untuk membantu anda.

Pertama login dulu ke Blogger.com-->> Pilih Setelan -->> Pilih Pos dan Komentar -->> Pada Template Entri klik edit atau tambah, lalu masukkan kode script di bawah ini sebagi contohnya kemudian Save atau Simpan:
<table border="1" style="width: 660px;">
<tbody>
<tr>
  <th style="font-weight: normal;" width="45%"><br />
<br />
<img alt="" border="0" id="BLOGGER_PHOTO_ID_5610175970378217570" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQJ3wOLBbfBAvXoh9zePVQfav9eRKqTjFqG8Q8HBOFG4uJyOoe-gg9EaMYlpZFAXCKP_46HEErg_5lGv12AuwAgvTPydgBMvOyuz49y19s7NLzjGuVg7y9uXSfk7HKJAldU45HPstHs26F/s400/blue.gif" style="display: block; height: 164px; margin: 0px auto 10px; text-align: center; width: 148px;" /></th>
  <td>Masukkan Nama Produk</td>
</tr>
<tr>
  <th style="font-weight: normal;">Masukkan Harga Disini (Rp/US$ dll.)</th>
  <td class="item_name">Masukkan Deskripsi Produk Di Sini</td>
</tr>
</tbody>
</table>
<table border="1" style="width: 660px;">
<tbody>
<tr align="center">
  <td><a href="ISI LINK ANDA DI SINI" target="_blank"><b>ORDER DISINI</b></a></td></tr>
</tbody>
</table>
Tampilan dari Kode Script di atas adalah seperti di bawah ini :


Keterangan:
  • border="1" : adalah untuk menampilkan ukuran ketebalan garis tabel, jika anda menginginkan tabel yang tanpa garis, ganti angka 1 dengan 0. 
  • width: 660px : adalah ukuran lebar tabel. anda bisa menyesuaikan ukurannya dengan ukrua halaman posting blog anda. 
  • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQJ3wOLBbfBAvXoh9zePVQfav9eRKqTjFqG8Q8HBOFG4uJyOoe-gg9EaMYlpZFAXCKP_46HEErg_5lGv12AuwAgvTPydgBMvOyuz49y19s7NLzjGuVg7y9uXSfk7HKJAldU45HPstHs26F/s400/blue.gif :merupakan alamat URl gambar Thumbnail. Anda bisa menggantinya dengan alamat URl Gambar Produk Anda. 
  • Masukkan Nama Produk : Anda bisa menggantinya dengan Nama Produk Anda 
  • Masukkan Harga Disini (Rp/US$ dll.) : Anda bisa menggantinya dengan Harga Produk Anda 
  • Masukkan Deskripsi Produk Di Sini : Anda bisa menggantinya dengan Deskripsi produk Anda 
Hasilnya, setiap kali anda melakukan posting baru, akan muncul tampilan seperti di atas, Anda tinggal mengisi bagian-bagiannya, untuk sebuah toko online, ini akan menjadi tampilan default dari produk yang akan anda jual di halaman situs toko online blogger anda.
Semoga Bermanfaat ! dan tetap Semangat

Tidak ada komentar:

Posting Komentar