Inilah Perbedaan Nofollow Dan Dofollow Pada Website

Jokam-Informatika.com – Tahukah kalian perbedaan Nofollow dan Dofollow pada website dan blog ?. Fungsi ini biasanya dipakai oleh website untuk menentukan tujuan hyperlink mereka. Hyperlink sangatlah dibutuhkan agar sirkulasi alur pada website bisa kita kontrol, semakin baik sirkulasi maka peringkat website terhadap search engine semakin baik. Sehingga hal ini penting untuk website terhadap sistem pencarian Search Engine.

Jadi apa perbedaan antara Nofollow dan Dofollow ?

Simak ulasan dibawah ini untuk mengetahuinya lebih lengkap,

 

Nofollow dan Dofollow – Memiliki perbedaan perang dan fungsi mesing-masing untuk menangani sirkulasi arah hyperlink didalam sebuah halaman atau website. Nofollow dan juga Dofollow merupakan salah satu metode yang digadang-gadang oleh para pendiri website dalam menentkan Backlink mereka, Mereka juga memanfaatkan Follow untuk kebutuhan linked pada website mereka yaitu salah satunya dengan fitur download di website. Mungkin bagi beberapa orang dianggap sama saja namun pada hakikatnya keduanya sangat menentukan website anda kedepannya.

Berikut ini merupakan penjelasan perbedaan dari keduanya :

 

1. Nofollow

Adalah salah satu cara sebuah website agar tidak terbawa untuk menjadi refferal dari website yang dituju, hal ini seperti kita bersedia menjadi sumber backlink kepada website yang kita tuju, maka dengan adanya tag Nofollow akan menyebabkan pada saat pengunjung mengeklik tautan alamat anda menuju ke alamat lain maka website anda tidak dianggap sebagai alamat perujuk.

Karena apabila kita menjadi Situs Perujuk(backlink) bagi alamat tersebut maka dapat di pastikan dengan kita membantu website tersebut untuk menjadi page one didalam pencarian. Namun kita sangat membutuhkan kontennya yaitu gambar dan file ? maka Tagging Nofollow dapat menjadi solusi bagi anda. Cara ini paling efektif bagi mereka yang copas, menggunakan jasa Drive(penyimpanan online) dan sumber lainnya yang berbeda kalau ditinjau berdasarkan alamat website dari milik anda.

 

2. Dofollow

Adalah salah satu cara sebuah website apabila mereka ingin menjadi perujuk sebuah website, dalam kata lain kita ingin bekerjasama untuk mendirikan Backlink dengan cara bertukar backlink dengan seseorang maka kita harus menggunakan Dofollow sebagai seseorang yang baik. Dengan begitu kita akan membantu orang tersebut untuk mendapatkan Bot Crawler setiap ada pengunjung kedalam website anda.

Namun saya dengar Dofollow dengan tidak menggunakan tag adalah sama-sama megikuti source link, akan tetapi untuk mengakuratkan teknik backlink kita maka cara terbaiknya adalah dengan memberikan tag Dofollow kedalam konten kita yang menuju ke website yang dituju. Cara ini biasanya dipakai bagi mereka yang bekerjasama backlink, atau memiliki banyak blog yang ingin menguatkan satu sama lain maka dilakukanlah Tagging Dofollow pada semua website yang sama bertukar link.

Anda dapat menerapkan pada konten yang berisi tautan seperti link, gambar, video dan lain sebagainya.

Untuk melakukannya maka anda harus memasang tag seperti berikut ini :

 

Tagging Nofollow :

<a href=”Link/Gambar” rel=”nofollow”></a>

 

Untuk Dofollow :

<a href=”Link/Gambar”></a>

Atau,

<a href=”Link/Gambar” rel=”dofollow”></a>

 

Teknik diatas dapat digunakan untuk menghindari Backlink kepada situs orang lain yang sedang anda gunakan atau bahkan dapat anda gunakan untuk backlink kedalam situs anda agar menjadi situs yang berpotensi didalam internet.

 

 

Mungkin cukup sekian dari penyampaian artikel saya yang berjudulkan Perbedaan Nofollow Dan Dofollow Pada Website.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang membutuhkan pengetahuan tentang hal ini.
Sekian dan terimakasih.

Read more

Cara Membuat Tombol Download Aplikasi Android Yang Keren Di Blogger

Jokam-Informatika.com – Sobat ingin membuat Tombol Download Aplikasi Android di website atau blog sobat ? Hal ini memang sangat penting untuk mempercantik website kita pada bidang download aplikasi atau file. Jika tombol yang kita miliki didalam website kita menarik maka bukan hal mustahil pengunjung bisa betah berkunjung ke website kita. Semakin digemari dan ramai pengunjung, maka website kita akan semakin baik dimata pengunjung dan search engine dari segi keberadaan website diakui banyak orang dan juga dari segi penampilan yang menarik.

Seperti apakah cara membuat Tombol Download Aplikasi Android ?

Simak ulasan dibawah ini untuk mengetahui cara membuatnya,

 

Tombol Download Aplikasi – Banyak pengguna android yang gemar gonta-ganti aplikasi, aplikasi yang mereka pakai biasanya bersumber dari website yang menyediakan aplikasi sesuai yang mereka cari. Apabila anda merupakan pemilik website penyedia aplikasi atau file download sejenisnya, maka sobat sangat disarankan untuk mempercantik tampilan download pada website milik sobat tersebut. Di tahun modern ini nge-trend(populer) download aplikasi dari Website.

 

Membuat Tombol Download Aplikasi

Selain itu, fungsi pemercantik tampilan tombol download terbilang cukup ringan ketika diakses. Dikarenakan hanya memanfaatkan CSS dan HTML saja.

Oke langsung saja saya membagikan caranya,

• Pertama, Kalian harus ke Edit template dengan cara : Blogger > Tema > Edit HTML
• Kemudian carilah kode dengan cara CTRL+F kemudian cari kata “ ]]></b:skin> ” lalu pastekan CSS berikut ini di atas kode yang anda cari tadi :

.sal-box{margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;-webkit-tap-highlight-color: transparent;font-family: 'Roboto',Segoe UI,Segoe,Arial,Verdana,sans-serif;}.sal-box > .item {display: block;float: left;position: relative;width: 100%;margin-bottom: 10px;background: #fff;}.addon-apps {margin-bottom: 15px;padding: 5px 0;}.addon-apps .apps-detail a {border-bottom: 1px solid transparent;}.addon-apps .apps-detail a:hover {border-bottom: 1px solid #999999;}.addon-apps .apps-detail.horizontal.xlSz {border: 0;padding: 15px 20px;}.addon-apps .apps-detail.horizontal.xlSz .property {max-height: none;margin: 0;}.addon-apps .apps-detail.horizontal.xlSz .info-container {padding: 0 15px;margin: 0;}.addon-apps .apps-detail .note a, .addon-apps .apps-detail .note span {vertical-align: middle;}.addon-apps .item {overflow: hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.addon-discover {position: absolute;bottom: 0;right: 0;padding: 2px 10px;background: #f8f8f8;line-height: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;}.apps-detail.horizontal.xlSz {padding: 1.5%;}.apps-detail.horizontal .os-icon {margin-right: 6px;}.apps-detail.horizontal {display: block;align-items: center;}.apps-detail.horizontal.xlSz .property {margin: 5px 0 10px 0;}.apps-detail.horizontal.xlSz .action-btn:last-of-type {margin-bottom: 0;}.apps-detail.horizontal.xlSz .action-btn {width: 100%;margin-bottom: 5px;}.apps-detail.horizontal {position: relative;width: 100%;}.apps-detail.horizontal.xlSz .info-container {margin: 2px 0 0 0;padding: 0 1.5%;}.apps-detail.horizontal.xlSz .action-container {margin-bottom: 15px;padding: 5px 0;float: right;padding-right: 75px;}.apps-detail {float: left;border: 1px solid rgba(255,255,255,0);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.trs, .trs:before, .trs:after {-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.apps-detail.horizontal .cover-container, .apps-detail.horizontal .info-container, .apps-detail.horizontal .action-container {position: relative;float: left;vertical-align: top;}.title-text.dllight {font-size: 16px;}.title-text.lSz {font-size: 20px;line-height: 28px;}.title-text {font-size: 14px;line-height: 20px;font-weight: 700;}.text-link {border-bottom: 1px solid rgba(255,255,255,0);color: grey;}.cover {position: relative;overflow: hidden;}.btn.bdrs4 {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.btn.clearBlue {background-color: #008efa;border: 1px solid rgba(0,0,0,0);color: #ffffff;}.btn.clearGreen {background-color: #6ab344;border: 1px solid rgba(0,0,0,0);color: #ffffff;}.btn.dllight {height: 40px;line-height: 38px;padding: 0 20px;font-size: 15px;}.btn {display: inline-block;overflow: hidden;vertical-align: middle;padding: 0 10px;border: 1px solid #eeeeee;background: #ffffff;color: #008efa;text-align: center;cursor: pointer;}.trs, .trs:before, .trs:after {-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}a {text-decoration: none;}.text-link.cl1 {color: #252525;}.fs2 {font-family: 'Roboto',Segoe UI,Segoe,Arial,Verdana,sans-serif;}.multi-ellipsis {overflow: hidden;position: relative;}.text-ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.content-format a:hover {border-bottom: 1px solid #008efa;}.content-format .note a:hover {border-bottom: 1px solid grey;}.content-format a {color: grey;border-bottom: 1px solid rgba(255,255,255,0);}.content-format a, .content-format a:before, .content-format a:after {-webkit-transition: all 0.15s ease-in-out;-moz-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;}.os-icon {overflow: hidden;display: inline-block;vertical-align: middle;width: 20px;height: 20px;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMsejAITEGkZpMH7YmmK7Xpx3I1JTXcYLlN7XOr4owedn2cvn4gAdjFcXi06kLUyJ5y1HNAvlBf5MSG1V6TwSFpgnVpLSb_ErrrBQIk-2Ps7H6eNgUeErNhkJOOE7n6jmU_TiptkNXL4zK/s1600/widget.png);background-repeat: no-repeat;background-size: 100%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}.os-style.android {background-color: #6ab344;background-position: 0 0;}

Apabila sudah maka silahkan anda Save,

 

• Kemudian, Cobalah membuat artikel seperti biasanya di Artikel > Buat Artikel Baru. Kemudian beralihlah ke mode HTML lalu masukan script berikut untuk memanggil fungsi CSS pada template :

<div class="sal-box cf addon-apps" style="margin: 5px 0;"><div class="item cf"><div class="apps-detail horizontal xlSz cf trs"><div class="cover-container"><div class="cover-image-container"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbVrVchOQGPNJJ8Oon735AFs4tDLKybovpb8rq3thS_vvdj-M7nKfrueJT9Em5BKYMrspeZKkqaPieJPlLiCk0iLuHtoCkKJQ_ls1Zz9Q4GENDJg7LTd7mJ2pBYGU2f6f1H63R28XA-XK/s1600/logo.png" alt="#"/></div></div><div class="info-container"><div class="info"><a href="#" class="title text-link-container"><span class="title-text fs2 lSz text-link cl1 trs">Nama Game</span><span class="title-text fs2 lSz fwL text-link cl4 bdrB0"> Versi Game</span></a><div class="property multi-ellipsis ellipsis-fade text-ellipsis"><div class="content-format"><span class="note"><a href="#" class="os-style os-icon android trs" title="Android"></a><a href="#" class="text-link cl4 trs hidden-sm hidden-480 hidden-xs">Genre game</a><span class="hidden-sm hidden-480 hidden-xs" style='color:black'> oleh </span><a href="#" target="_blank" class="text-link cl4 trs" rel="nofollow">Pengembang game</a></span></div></div></div></div><div class="action-container"><div class="action"><a href="#" target="_blank"  class="action-btn download-btn btn dllight clearBlue bdrs4 title-text trs track-download"><i class="fa fa-download" aria-hidden="true"></i> Download</a><a href="#" target="_blank"  class="action-btn googleplay-btn btn dllight clearGreen bdrs4 title-text trs track-relink"><i class="fa fa-android" aria-hidden="true"></i> Google Play</a></div></div></div><div class="addon-discover"><span class="title-text xxsSz fwN text-link cl4 bdrB0"></span><a href="http://jokamp-cyber-fighter.blogspot.com/" class="title-text xxsSz text-link cl4"></a></div></div></div>

 

Kemudian silahkan kalian Publikasikan artikel sobat. Nantinya akan keluar seperti berikut ini :
Hasilnya :

Nama Aplikasi Versi 3.2.1
Kategori oleh PUBLISHER_APP

Size : (XXX MB)
System Requirement : Android OS

Download
Google Play

Distributor oleh jokam-informatika.com

 

Gimana ?
Keren bukan?
Selamat mencoba di website kalian yah sobat.

 

Semoga dengan adanya artikel saya ini dapat membantu anda mempercantik website yang sedang kalian bangun.
Jangan lupa untuk Subscribe dan Share.
Sekian dan terimakasih.

 

Kata Kunci Terkait :

• Cara Membuat Tombol Download
• Cara Membuat Tombol Download Keren
• Tombol Download Keren
• Tombol Download
• Tombol Download Website
• Tombol Download Blogger
• Tombol Download Blog
• Gimana Cara Membuat Tombol Download
• Membuat Tombol Download
• Membuat Tombol Download Website
• Membuat Tombol Download Keren
• Tombol Download Keren

Read more

Cara Menjadikan Widget Blogger Tampil Di Tempat Halaman Tertentu

Jokam-Informatika.com – Bagi sobat yang pernah bermain blogger pastinya sudah tidak asing dengan istilah Widget di Blogger bukan ? Ternyata ada cara yang bisa kita terapkan agar widget bisa tampil pada halaman tertentu sesuai keinginan kita. Jika sobat menjumpai widget kalian tampil disembarang tempat maka sobat dapat mengatasinya dengan menerapkan tutorial yang akan saya berikan didalam artikel ini.

Bagaimanakah cara menampilan widget blogger pada halaman tertentu ?

Simak ulasan dibawah ini untuk mengetahuinya lebih lengkap.

 

Widget – Blogger pada dasarnya menerapkan fungsi widget secara default tampil di semua halaman, agar wiget tampi di halamant tertentu maka sobat memerlukan beberapa editan pada template agar wiget bisa kita atur untuk tampil sesuai keinginan kita. Widget merupakan salah satu komponen yang dimiliki oleh blogger, komponen ini berfungsi sebagai media untuk memasukan sebuah coding kita kedalam body tanpa harus menyentuk sebuah script apabila anda ingin memasukannya secara cepat.

Namun apabila anda ingin memperlihatkan tampilan widget pada tempat tertentu maka anda harus mengedit template dengan sedikit perubahan maka anda akan berhasi menampilkan sesuai keinginan anda.

Mungkin diantara kalian sedang membuat widget baru dan kalian tau bahwa widget tersebut tampak di semua tempat baik itu beranda anda maupun postingan anda dan tempat lain sebagainya di blog kalian.
saya punya solusi agar widget kalian hanya akan tampil di tempat tertentu.

 

Widget Blogger Tampil Di Tempat Tertentu

Untuk menjadikan widget kita tampil di halaman tertentu sesuai keinginan kita atau berdasarkan kategori tertentu maka kita memerlukan beberapa editan pada template dengan tutorial seperti berikut ini :

 

1. Pencarian Label Widget

• Pertama, masuk kedalam blog kalian
• Kedua, pilih “Layout” kemudian pilih widget yang mau kalian tampilkan di tempat yang kalian inginkan tersebut.
• Ketiga, klik alamat dari widget pada bagian atas tersebut seperti ini :

 

• Kemudian setelah di klik sobat tekan arah kanan di keyboard sobat karena label widget ini terletak di bagian ujung kanan URL widget sobat. Maka sobat akan menemukan label dari widget sobat seperti ini :

Maka kesimpula Label Widget sobat tadi yang mau di tampilkan di suatu tempat yang sobat inginkan adalah berlabel “HTML10”.

 

2. Menampilkan Widget Hanya Di Beranda

• Pertama, masuk kedalam blog kalian.
• Kedua, Pilih “Theme” kemudian pilih “Edit HTML” maka kalian akan menjumpai script dari blog kalian
• Ketiga, kemudian klik di dalam script di kolom sobat agar tidak find diluar area script sobat, kemudian find dengan cara Ctrl+F kemudian cari Label widget sobat yaitu HTML10.
• Keempat, kemudian Letakkanlah kode <b:if cond=’data:blog.url == data:blog.homepageUrl’> dibawah <b:includable id=’main’> dan </b:if> diatas kode </b:includable> seperti kode berikut berikut ini :

<b:widget id='HTML10' locked='false' title='JCFT' type='HTML'><b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if></b:includable></b:widget>

• Kemudian Simpanlah Template anda.
• Selesai.

Cobalah anda melihat pada postingan yang ada widget anda tersebut atau tempat selain beranda. dan tidak akan tampil selain di tempat beranda pada blog anda.

 

3. Menampilkan Widget Hanya Di Postingan Tertentu

Untuk kode diatas cukuplah sama namun berbeda hanya di kode yang saya buat berwarna merah diatas ^

<b:if cond='data:blog.pageType == "item"'></b:if>

 

4. Cara Menampilkan Widget Hanya pada Halaman Statis

<b:if cond='data:blog.pageType != "static_page"'></b:if>

 

5. Cara Menampilkan Widget Hanya pada Halaman Arsip (Archive)

<b:if cond='data:blog.pageType == "archive"'></b:if>

 

6. Cara Menampilkan Widget Hanya Pada Salah Satu Halaman (Berdasarkan Alamat URL)

<b:if cond='data:blog.url == "Ganti Dengan URL Halaman Anda Di Sini"'></b:if>

 

 

Itulah beberapa cara yang dapat saya bagikan ke sobat.
Apabila sobat merasa terbantu, sobat bisa share ke teman-teman sobat agar mereka tahu.
Untuk terus mengikuti tips, trik dan tutorial dari saya. cukup subscribe menggunakan email kalian maka otomatis kami akan memberitahukan ke email sobat apabila ada yang terbaru dari kami.
Semoga apa yang saya bagikan ini dapat bermanfaat untuk kalian semuanya.
Sekian dan terimakasih.

 

Kata Kunci Terkait :

• Cara Menjadikan Widget Blogger
• Widget Blogger Tampil Di Tempat Tertentu
• Cara Menjadikan Widget Blogger Tampil
• Widget Blogger Tampil Sesuai Keinginan Kita
• Cara Menjadikan Widget Blogger Tampil Di Tempat Tertentu
• Widget Blogger Tampil Pada Tempat Tertentu
• Tips Agar Widget Blogger Tampil Pada Tempat Tertentu
• Supaya Widget Blogger Tampil Pada Tempat Tertentu

Read more

Tagging table Width Attribute Pada Bahasa Pemrograman HTML

Tagging <table> Width Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sobat pastinya sudah tidak asing dengan bentuk dan ukuran dari tabel didalam sebuah halaman website, bentuk dan ukuran tersebut ternyata dapat disesuaikan dan juga didesain sesuai dengan kondisi perangkat kita lho. Termasuk dari lebar tabel pada halaman website.

Nah, salah satu atribut yang dimiliki Tag Table adalah "Width".

Seperti apakah fungsi dari Atribut Width pada Tag Table pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Width - Adalah salah satu atribut yang sering terpakai pada pemrograman HTML, atribut ini dimiliki oleh tag Table dan berperan penting dalam hal pembentukan ukuran lebar tabel terhadap perangkat atau layar visitor. Ada 2 cara dalam hal penentuan ukuran, sobat bisa menggunakan persentase untuk menentukan berapa persen lebar dari layar atau menggunakan pixels yang tentunya lebih bebas akan tetapi tidak terpaku pada layar.

Penggunaan pixels merupakan cara yang paling akurat apabila konten halaman hanya dipakai atau digunakan pada satu perangkat saja, sedangkan jenis presentase " % " paling cocok apabila pengunjung datang dari berbagai jenis gadget atau personal computer dikarenakan presentase bisa menyesuaikan lebar sesuai dengan lebar layar perangkat.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<table width="value">

Penerapan Syntax :

<table border="1" width="500">
 <tr>
 <th width="10%">No.</th>
 <th>Nama</th>
 <th>Nilai</th>
 </tr>
 <tr>
 <td>1.</td>
 <td>Umal</td>
 <td>90</td>
 </tr>
 <tr>
 <td>2.</td>
 <td>Ariska</td>
 <td>89</td>
 </tr>
  <tr>
 <td>3.</td>
 <td>Debby</td>
 <td>25</td>
 </tr>
</table>

Value Width Table :

No.	Value	Fungsi
1	pixels	Berfungsi untuk menentukan lebar tabel sesuai dengan pixels perangkat.
2	%	Berfungsi untuk menentukan lebar tabel sesuai dengan presentase serta perbandingan lebar halaman terhadap layar.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <table> Tagging ?
Klik disini : Tagging <table> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <table> Width Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <table> Width HTML.
Sekian dan terimakasih.

Read more

Tagging table Summary Attribute Pada Bahasa Pemrograman HTML

Tagging <table> Summary Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Bagi sobat yang sudah terbiasa dengan Table mungkin harus menganali salah satu atribut ini, dengan adanya atribut ini maka data yang sobat memiliki pada tabel tidak tertukar dengan tabel yang lainnya.

Nah, salah satu atribut yang dimiliki Tag Table adalah "Summary".

Seperti apakah fungsi dari Atribut Summary pada Tag Table pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Summary - Merupakan salah satu atribut pada HTML yang dimiliki oleh tag Table dengan fungsi utamanya adalah memberikan ringkasan atau ide pokok utama dari konten yang ada di dalam tabel, hal ini sangat berguna bagi sobat apabila kalian ingin mencari konten yang sobat maksud akan tetapi kenyataannya terdapat berbagai tabel di dalam dokumen html yang kalian miliki.

Hal tersebut tentunya akan menyulitkan sobat untuk mencari konten sesuai dengan pencarian yang sobat inginkan, karena summary memiliki arti sebagai ringkasan konten. Sobat bisa mengisi value summary sesuai dengan jenis atau isi dari konten.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<table summary="value">

Penerapan Syntax :

<table border="1" summary="Nilai Kelas Cepatan">
 <tr>
 <th width="10%">No.</th>
 <th>Nama</th>
 <th>Nilai</th>
 </tr>
 <tr>
 <td>1.</td>
 <td>Umal</td>
 <td>90</td>
 </tr>
 <tr>
 <td>2.</td>
 <td>Ariska</td>
 <td>89</td>
 </tr>
  <tr>
 <td>3.</td>
 <td>Debby</td>
 <td>25</td>
 </tr>
</table>

Value Summary Table :

No.	Value	Fungsi
1	text	Berfungsi untuk menentukan ringkasan konten yang ada didalam tabel.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <table> Tagging ?
Klik disini : Tagging <table> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <table> Summary Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <table> Summary HTML.
Sekian dan terimakasih.

Read more

Tagging table Rules Attribute Pada Bahasa Pemrograman HTML

Tagging <table> Rules Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sobat mungkin sudah tidak asing dengan istilah tabel pada pemrograman html, tag tabel sendiri memiliki berbagai atribut di dalamnya salah satunya berguna untuk menentukan garis yang ada di tengah tabel.

Nah, salah satu atribut yang dimiliki Tag Table adalah "Rules".

Seperti apakah fungsi dari Atribut Rules pada Tag Table pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Rules - Merupakan salah satu atribut yang dimiliki oleh tag Table, atribut ini memiliki fungsi untuk menentukan garis yang terlihat diantara kolom dan baris yang ada didalam tabel. Ada beberapa fungsi untuk membentuk garis yang terdapat didalam tabel yang pada umumnya digunakan untuk memisahkan data kolom satu dengan kolom yang lainnya.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<table rules="value">

Penerapan Syntax :

<table border="1" rules="rows">
 <tr>
 <th width="10%">No.</th>
 <th>Nama</th>
 <th>Nilai</th>
 </tr>
 <tr>
 <td>1.</td>
 <td>Umal</td>
 <td>90</td>
 </tr>
 <tr>
 <td>2.</td>
 <td>Ariska</td>
 <td>89</td>
 </tr>
  <tr>
 <td>3.</td>
 <td>Debby</td>
 <td>25</td>
 </tr>
</table>

Value Rules Table :

No.	Value	Fungsi
1	none	Berfungsi untuk mentiadakan atau menghilangkan semua garis pemisah yang ada didalam tabel.
2	groups	Berfungsi untuk menentukan garis pemisah antara garis dan kolom grup.
3	rows	Berfungsi untuk menentukan garis pemisah untuk sisi baris pada tabel.
4	cols	Berfungsi untuk menentukan garis pemisah untuk sisi kolom didalam tabel.
5	all	Berfungsi untuk menentukan garis pemisah untuk semua bagian didalam tabel tanpa terkecuali.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <table> Tagging ?
Klik disini : Tagging <table> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <table> Rules Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <table> Rules HTML.
Sekian dan terimakasih.

Read more

Tagging table Frame Attribute Pada Bahasa Pemrograman HTML

Tagging <table> Frame Attribute Pada Bahasa Pemrograman HTML

Jokam-Informatika.com - Sobat pasti tidak asing dengan istilah tabel pada pemrograman HTML, pada tabel untuk terbentuknya garis yang sama membentuk persegi sebagai tabel tentunya membutuhkan opsi tertentu untuk menentukan border yang akan dihasilkan seperti apa dan memiliki peran dimana.

Nah, salah satu atribut yang dimiliki Tag Table adalah "Frame".

Seperti apakah fungsi dari Atribut Frame pada Tag Table pada HTML ?

Simak ulasan berikut ini untuk mengetahuinya,

Frame - Adalah salah satu hal yang paling penting pada tag table, karena dengan adanya frame maka kita bisa menentukan posisi, fungsi garis dan bertempat dimanakan garis yang akan kita buat tersebut. Istilah frame sendiri memiliki arti dalam bahasa indonesia yakni bingkai, sedangkan kata bingkai merupakan kata lain dari garis tepi pada sebuah tabel.

Pada saat membuatnya anda akan diberikan opsi untuk memberikan garis tepi pada bagian tengah saja, kiri saja, kanan saja, bawah ataupun atas saja. Hal tersebut tidak terikat aturan apapun karena anda bisa dengan bebas melakukannya seperti apa yang ingin anda harapkan. Meski presentase penggunaan atribut ini sangat dikit namun bukan menutup kemungkinan anda akan membutuhkannya sewaktu-waktu apabila sobat menghendakinya pada konten tertentu milik sobat.

Apabila sobat ingin menerapkannya pada website kalian maka sobat dapat mempelajari cara pengkodean di bawah ini :

Syntax :

<table frame="value">

Penerapan Syntax :

<table border="1" frame="box">
 <tr>
 <th width="10%">No.</th>
 <th>Nama</th>
 <th>Nilai</th>
 </tr>
 <tr>
 <td>1.</td>
 <td>Umal</td>
 <td>90</td>
 </tr>
 <tr>
 <td>2.</td>
 <td>Ariska</td>
 <td>89</td>
 </tr>
  <tr>
 <td>3.</td>
 <td>Debby</td>
 <td>25</td>
 </tr>
</table>

Value Frame Table :

No.	Value	Fungsi
1	void	Berfungsi untuk mentiadakan atau menghilangkan semua garis tepi pada tabel.
2	above	Berfungsi untuk menentukan garis tepi pada sisi bagian atas luar dari tabel.
3	below	Berfungsi untuk menentukan garis tepi pada sisi bagian bawah luar dari tabel.
4	hsides	Berfungsi untuk menentukan garis tepi pada sisi bagian tinggi luar dari tabel.
5	vsides	Berfungsi untuk menentukan garis tepi pada sisi bagian lebar luar dari tabel.
6	lhs	Berfungsi untuk menentukan garis tepi pada sisi bagian kiri luar dari tabel.
7	rhs	Berfungsi untuk menentukan garis tepi pada sisi bagian kanan luar dari tabel.
8	box	Berfungsi untuk menentukan garis tepi untuk semua bagian luar.
9	border	Berfungsi untuk menentukan garis tepi untuk semua bagian luar.

Ingin mencobanya ?
Klik disini : JALANKAN CODE


Ingin Kembali ke <table> Tagging ?
Klik disini : Tagging <table> HTML



Mungkin itu yang dapat saya sampaikan didalam artikel saya yang berjudulkan Tagging <table> Frame Attribute Pada Bahasa Pemrograman HTML.
Semoga apa yang sudah saya sampaikan dapat bermanfaat bagi anda maupun orang lain yang ingin mengetahui tentang Tagging <table> Frame HTML.
Sekian dan terimakasih.

Read more