Cara Membuat Table Atau Kolom Spesifikasi Di Blogger | Bahas Tutorial

Bahastutorial.com - Kali ini kita akan membahas bagaimana cara membuat table atau kolom spesifikasi di blogger dengan mudah ... Disini kita akan membuat sebuah table spesifikasi template web ataupun spesifikasi lainya .. dengan panduan css dan html kita akan membuat atau menampilkan table spesifikasi yang ringan dan sangat bagus untuk dilihat.

Cara Pemasangan :

1) Simpan Kode CSS Di Atas Kode ]]></b:skin>

2) Simpan Kode Html Di Postingan/Page [ Pilih Html Bukan Compose ]

3) Setelah Itu Silahkan Save Dan Lihat Hasilnya Dan Kalian Tinggal Edit Text nya

CSS

 
 #bahastutorialthemefeatures{text-align:left;padding-top:20px;padding-bottom:10px;border-bottom:3px solid #FAFBF9;border-top:3px solid #FAFBF9}
.bahastutorialthemefeature{width:44%;display:inline-block;vertical-align:top;margin-right:10px;margin-left:10px;margin-bottom:15px}
.bahastutorialthemefeature:nth-child(2n+2){margin-right:0}
.bahastutorialthemefeature .fa{margin-left:10px;float:left;font-size:38px;color:#FA5356}
.bahastutorialthemefeaturetext{margin-left:70px;margin-top:-40px;float:left}
.bahastutorialthemefeature h2{color:#243746;font-size:22px;margin-bottom:20px}

HTML

 
  <div id="bahastutorialthemefeatures">
<div class="bahastutorialthemefeature">
<i class="fa fa-check-square-o"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Kompatibel</h2>
Kami terus menguji templat kami sehingga Anda akan tahu mereka selalu kompatibel dengan versi terbaru dari Platform Blogger.</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-code"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Tidak Ada Script</h2>
Semua templat Premium kami akan dikirimkan kepada Anda tanpa Script Terenkripsi</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-file-o"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
File Dokumentasi </h2>
Kami telah menulis dokumentasi terperinci yang memandu Anda melalui proses penggunaan template baru Anda.</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-support"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Dukungan</h2>
Kami memiliki sistem dukungan pelanggan, jika Anda memerlukan bantuan dengan template Anda.</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-laptop"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Desain</h2>
Semua templat kami responsif sehingga tampak hebat apa pun ukuran layar yang Anda lihat.</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-list"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Area Widget</h2>
Kami menyertakan jumlah area widget dan sidebar yang tepat sehingga Anda dapat menempatkan konten Anda.</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-cogs"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Penyesuai </h2>
Unggah logo, ubah warna tema Anda, ubah teks footer dan tambahkan skrip pelacakan semuanya secara real-time.</div>
</div>
<!-- End Themefeature by www.bahastutorial.com -->

<div class="bahastutorialthemefeature">
<i class="fa fa-font"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Ikon dan Font</h2>
Kami menyertakan FontAwesome Ikon &amp; Ratusan Font Google untuk Memilih dari untuk menyesuaikan situs Anda.</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-columns"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Widget Khusus</h2>
Kami menyertakan widget kami sendiri untuk Media Sosial, Menampilkan Iklan, dan memamerkan gambar Flickr Anda.</div>
</div>
<!-- End Themefeature -->

<div class="bahastutorialthemefeature">
<i class="fa fa-globe"></i>

<div class="bahastutorialthemefeaturetext">
<h2>
Kompatibel </h2>
Semua templat kami dilokalkan sepenuhnya sehingga Anda dapat menerjemahkannya ke bahasa apa pun yang Anda pilih.</div>
</div>
<!-- End Themefeature -->
</div>

Bagaimana tutorial kali ini yang di bahas di situs Bahastutorial.com apakah bermanfaat atau sangat berguna buat kalian yang telah mengunjungi situs Bahastutorial.com?Semoga tutorial kali ini sangat bermanfaat buat kalian pengunjung setia situs Bahastutorial.com .. Apabila masi ada yang kurang ngerti dari tutorial di atas silahkan sampaikan dalam kolom komentar ..

kami siap untuk membantu kalian agar kalian nyaman saat mengunjungi situs web Bahastutorial.com. Apabila kalian ingin mengcopy paste Tutorial ini .. Silahkan kalian meminta ijin terlebih dahulu dengan cara meminta izin dalam kolom komentar ..

Apabila tidak meminta izin terlebih dahulu maka dari pihak Bahastutorial.com siap menindak atau melaporkan atas kejahatan me copy paste .. Terima kasih ditunggu ya tutorial selanjutnya salam dari Bahastutorial.com

★ ★ ★ ★ ★



