Tekno Den: WEBSITE

Tampilkan postingan dengan label WEBSITE. Tampilkan semua postingan

Cara Membuat Tabel Spesifikasi di Blog

Juli 16, 2017 Add Comment

Ada salah satu rekan Blogger saya yang request Cara Membuat Tabel Spesifikasi di Blog, dan kali ini admin akan memberikan sebuah script tabel spesifikasi, yang dimana tabel ini banyak di gunakan untuk menilai spesifik barang tersebut. sebenarnya dengan cara membuat Tabel spesifikasi ini pengunjung lebih mudah, menilai barang tersebut.

Gambar Label Spesifikasi Barang

Anda bisa memasang Label tersebut kedalam postingan Blog anda, dengan menaruh Script tabel tersebut. kedalam isi HTML . Silahkan anda copy semua script Tabel spesifikasi di bawah ini;

Code Script

<table style="border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 16px; height: auto; margin: 10px 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 569px;"><thead style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><th colspan="2" style="background: rgb(39, 222, 85); border: 3px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; text-align: center; vertical-align: baseline;"><h2 style="border: 0px; font-size: 17px; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;">

Tabel Spesifikasi</h2>
</th></tr>
</thead><tbody style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Ukuran (L x W x H mm)</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">----------------------------------------------------------</td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Tipe Grafis</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Ukuran Layar</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Tipe Layar</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Resolusi Layar</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">OS</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Processor</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td rowspan="2" style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Memori/RAM</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Drive Optik</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Storage</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Koneksi</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Webcam</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">HDMI</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td rowspan="2" style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Audio</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td rowspan="8" style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Slot</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Baterai</td><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;"> </td></tr>
</tbody></table>
<div style="border: 0px; font-size: 16px; line-height: 28px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px 3px; text-align: justify; vertical-align: baseline;">
 </div>
<table style="border-collapse: collapse; border-spacing: 0px; border: 0px; font-size: 16px; height: auto; margin: 10px 0px; outline: 0px; padding: 0px; vertical-align: baseline; width: 569px;"><thead style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><th style="background: rgb(39, 222, 85); border: 3px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; text-align: left; vertical-align: baseline;"><h2 style="border: 0px; font-size: 17px; margin: 5px 0px; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;">

Harga Barang</h2>
</th></tr>
</thead><tbody style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Harga Baru : Rp.  </td></tr>
<tr style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Harga Baru : Rp. </td></tr>
<tr style="background: rgb(247, 247, 247); border: 0px; margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: baseline;"><td style="border: 1px solid rgb(204, 204, 204); margin: 0px; outline: 0px; padding: 7px 14px; vertical-align: middle;">Harga Bekas :-</td></tr>
</tbody></table>
<div style="border: 0px; font-size: 16px; line-height: 28px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px 3px; text-align: justify; vertical-align: baseline;">
 </div>
Demikian Kali ini semoga dengan cara ini cukup bermanfaat bagi kalian semua oke, silahkan berkomentar jika ada kurang jelas, "terimakasih"

Cara Memasang Copyrighted Pada Blog Kita

WEBSITE

Juli 15, 2017 Add Comment

Apakah kita harus memasang Copyrighted pada Blog kita? tentu saja, sebenarnya Copyright sangat membantu dalam mengatasi adanya pencurian artikel kita. dengan cara ini maka kita tidak perlu khawatir. karena jika si pencuri artikel tersebut menyalin isi artikel kita, maka kita bisa mengetahui tanpa adanya masalah yang kita tidak ketahui. tentu banyak dari rekan Blog yang sudah memasang Copyright pada Website/Blog Mereka, jadi tentu kita juga harus memasangya, dan juga tentu saya juga sudah memasangya.
dan langsung saja kali ini saya akan memposting Cara Memasang Copyrighted Pada Blog Kita

Langkah 1; Cara Memasang Copyrighted Pada Blog Kita
#1. Pertama terlebih dahulu kunjungi situs penyedia Copyrighted yang satu ini https://www.copyrighted.com.

#2. kemudian silahkan Signup untuk melakukan pendaftaran, anda harus mempunyai alamat Gmail, yang terhubung pada account Blog anda. masukan gmail, passsword, nama,dan perusahaan (isi sembarang) kalo gak punya perusahaan.contoh gambar diatas

#3.Jika sudah mendaftar, anda Login dan pilih menu My coprights untuk mengaktifkan copyright lalu klik Protect your work now. dan pada Protect my work anda akan memilih konten apa untuk menambahkan copyright silahkan pilih ➦Protect web page - Any web page, social profile page, or HTML. untuk menambahkan Copyright kedalam halama website Blog anda.

#.4. lalu masukan Alamat artikel anda untuk melakukan pemeriksaan Copyright dan Pilih Protect contoh gambar diatas.

Jika artikel aman maka seperti gambar diatas, pada Kotak label merah anda bisa menambahkan script copyrighted didalam blog anda, Demikianlah Cara Memasang Copyrighted Pada Blog Kita. semoga apa yang saya berikan kali ini bermanfaat. bagi kalian semua. silahkan berkomentar."terimakasih"

Cara Membuat menu dropdown daftar artikel

WEBSITE

Juli 15, 2017 Add Comment

Hay Salam weezynets. kali ini Saya akan memposting Cara Membuat menu dropdown daftar artikel, Banyak dari para rekan Blogger yang mencari-cari. untuk Membuat menu dropdown daftar artikel ini, dan kali ini saya akan memberitahu. dengan membuat menu dropdown artikel tersebut, maka para pengunjung Blog kita, akan lebih mudah untuk memilih menu artikel dan sangat membantu dalam mencari sebuah postingan yang banyak tentunya. oke langsung saja ikuti langkah di bawah ini;

Langkah 1;

#1. Kali ini saya akan membuat menu dropdown pada menu Software saya . contoh gambar diatas.

#2. Lalu Silahkan masuk ke Blog dashboard masuk ke ➯Tema ➯edit HTML, dan cari script menu nama di edit HTML tersebut, agar lebih mudah untuk mecari klik CTRL+F. dan pada ujung script </li> anda hapus dan akan terseisa hanya

________________________________________________________________________________

#3. Lalu anda tambahkan script. di bawah ini, pas di bawah script <li><a href='http://weezynets.blogspot.co.id/search/label/SOFTWARE'>Software</a>

Code script

<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>

Nanti akan jadi seperti ini;

Gambar script menu dropdown yang ditambahkan.

Klik simpan Tema dan lihat hasilnya.

#Maka Hasilnya akan seperi gambar dibawah ini.

Demikianlah hasil postingan yang saya buat kali ini, semoga dari ini anda sudah bisa menambahkan menu dropdown artikel pada Blog anda, silahkan berkomentar jika mungkin kurang dipahami "Terimakasih".

Cara Membuat Link download bergambar pada Blog

WEBSITE

Juli 14, 2017 Add Comment

Ada salah satu teman saya yang bertanya, Bagaimana cara Membuat Link download bergambar pada Blog? Sebenarnya Cukup Mudah asal saja kita mempunyai cukup gambar dan script Link download. untuk bisa membuat Link download bergambar tersebut di blog kita, memang sekian banyak dari website Membuat link download bergambar, untuk tujuan memudahkan pada saat kita mendownload File atau documment, untuk mengklik gambar download tersebut, contoh gambar diatas.

Kali ini saya akan membuat postingan Bagaimana cara Membuat Link download bergambar pada Blog. oke langsung saja ikuti langkah-langkah saya di bawah ini.

Langkah1; Mengambil script Gambar Download
Cara mengambil script gambar dengan menggunakan Blog

1. pertama masuk keblog kalian-Postingan-Entri baru-Klik insert Image untuk memasukan gambar Download anda

2, Lalu, Klik HTML untuk mengambil Script Gambar tersebut.

3, Pada menu HTML kita harus mencari script gambar tersebut, untuk di gunakan sebagai gambar untuk link download.

4. silahkan Copy script link download, dulu di bawah ini;

<a href="http://alamantautandownloadsobat.com" title="Download"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU4q02K1H8zk-3Qia423AwlmawTStX5jOrhkXqx5JXgsNX3jMnJRbwsA2q_8XAolXubDH9OhC07ZikNzCSKWRn6_27qvco7wFnb6e38jED4tozptRWhTTfSI1uV1wegK2FkgghZ0SYXiI/w1274-h428-o-k/download+button+ungu+.png" width="216" height="74" alt="download[4]" /></a>

➪ Yang teks berwarna merah, anda ganti alamat Linl download anda
➪ Yang teks berwarna biru, anda ganti dengan script gambar anda yang tadi.

Anda tidak Boleh salah dalam mengedit script diatas, jika salah maka Link Download bergambar tidak akan aktif, oke sekian dari saya, semoga postingan kali ini bermanfaat bagi kalian semua "terimakasih".

Cara (mem-verifikasi) Website/blog ke Google Webmaster Tools

WEBSITE

Juli 13, 2017 Add Comment

Salah satu bagian agar Blog kita terkenal adalah Google Webmaster Tools atau Google search Console adalah sebuah Fasilitas tool Onlie gratis yang disediakan oleh Google yang berfungsi sebagai Menganalisa data pada Blog kita serta evaluasi SEO (Search Engine Optimization / Optimasi) yang dapat Mengetahui data pengunjung website berdasarkan kyword, dengan adanya Webmaster Tools kita bisa mengetahui informasi rengking website berdasarkan keyword-keyword.

Fungsi lain dari Webmaster Tools Antara lain:

1 Selain fitur diatas, anda juga dapat menggunakan fitur “ Serach Analytics” di google webmaster untuk mengoptimalkan SEO pada website/ blog.

2 Mendapatkan Informasi dari kemungkinan adanya permasalahan di website kita ataupun kemungkinan pelanggaran yang dilakukan oleh website/blog kita.

3 Memonitor data Backlinks (tautan balik).

4 Mendapatkan Informasi Kompasibilitas web dengan perangkat mobile.

Oke yang saya memposting kali ini adalah Cara (mem-verifikasi) Website/blog ke Google Webmaster Tools

Langkah1;

Sebelum Menggunakan google webmaster tool>>anda harus mempunyai akun gmail terlebih dahulu,jika sudah punya lanjut>>

1. Pertama Buka halam Google webmaster tool https://www.google.com/webmasters/tools,

2. Login menggunakan akun Gmail kita

3, pada Halaman google webmaster tool, pada bagian kanan atas klik ADD A PROPERTY,

isikan alamat website lengkap. Ingat, alamat website yang dimasukkan harus sama persis pada alamat website/ blog kita , akan sangat berpengaruh pada keberhasilan proses verifikasi atau menambahkan website ke Google Webmaster Tools.

4 Selanjutnya adalah proses Verifikasi. Langkah-langkahnya tergantung jenis website yang akan

Anda masukkan ke Google Webmaster Tools.

Berikut cara mem-verifikasi berdasarkan jenis website nya :

Mem-verifikasi website / blog Blogspot

1. Klik pilihan Alternate methods pada bagian bawah, pilih: HTML tag

Copy kode yang mengandung <meta name=”google-site-verification” …… >

2. Masuk ke dashboard Blog- Tema - edit template

4. Pada halaman kode HTML, carilah kode <head> yang letaknya ada di baris bagian atas. Setelah ketemu, Paste kode <meta name=”google-site-verification” …… > di bawah kode <head>. Lalu klik tombol Save theme.

5. Kembali ke halaman Google Webmaster Tools, klik tombol VERFIKASI. Dan akan muncul notifikasi : Selamat. kita berhasil memverifikasi Blog

sekarang anda sudah memvertikasi google webmaster tool pada Blog kita, demikian Cara (mem-verifikasi) Website/blog ke Google Webmaster Tools dengan benar dan mudah, jika ada yang dirasa kurang jelas silahkan berkomentar, terimakasih😎