Post publiser

 POPULER

countdown timer widget for website

countdown timer widget for website adalah hitungan mundur yang berubah setiap detik seperti halnya detik pada jam menggunakan Javascript codeLalu bagaimana kita membuatnya biasanya para kreator menuliskan scriptnya menggunakan plugin atau tool yang sudah siap pakai yang di siapkan oleh penyedia templete seperti wordpress, blogspot dan lainnya.Bagaimana jika kita menggunakan script sendiri tanpa menggunakan plugin dari pihak ketiga? caranya juga cukup sederhana dan mudah di pelajari dan di pahami dan juga sangat simple karena tidak terlalu panjang scriptnya.Cara kerja countdown timer widget for website Dengan memahami cara kerja countdown timer widget for website ini kita akan lebih mudah membuata berbagai jenis script yang mirip dengan countdown timer widget for website, mari kita buat perintah scriptnya. Script countdown timer widget for website < div class="countdown">30s< /div> Dengan tag di atas maka kita akan menurunkan angka dari 30 menuju 0 secara berurutan menggunakan Javascript code, untuk perintah scriptnya adalah $(docucment).ready(function(){ var angka = $(".countdown").html().replace("s",""); var kurangi = parseInt(angka - 1); setInterval(function(){ $(".countdown").html(kurangi); },1000); }); Maka dengan adanya angka 1000 ini memerintahkan akan berjalan dengan sendirinya setiap detik, namun ini akan terus menurun meskipun angka sudan di bawah 0 atau Minus, Lalu bagai mana agar angka terkecil adalah 0 / nol, maka kita lakukan pengecekan terlebih dahulu dengan merubah scrip diatas menjadi. $(docucment).ready(function(){ var angka = $(".countdown").html().replace("s",""); var kurangi = parseInt(angka - 1); setInterval(function(){ if(angka > 0){ $(".countdown").html(kurangi+"s"); }else{ $(".countdown").html("0s"); } },1000); }); Dengan script ini maka kita akan menurunkan angka dari 30 menuju 0 secara berurutan. Terimakasih sudah membaca artikel countdown timer widget for website, Semoga bermanfaat

floating ads

Floating ads adalah jenis iklan yang muncul di bagian atas halaman atau bawah halaman dan akan menghilang atau setelah jangka waktu tertentu (biasanya 15-30 detik). Floating ads biasanya hanya muncul di halaman Website. Terkadang, Floating ads ini tidak menyediakan tombol tutup atau close. Namun, ada versi yang lebih canggih dapat hadir dalam berbagai bentuk atau ukuran yang menyertakan suara, animasi, dan komponen interaktif lainnya. Floating ads menggunakan berbagai teknologi, seperti kombinasi Flash dan HTML dinamis (DHTML), dan memiliki kemampuan untuk ditampilkan secara berbeda sesuai dengan kemampuan browser yang di gunakan pengguna itu sendiri.Lalu apakah Floating ads ini hanya di peruntukkan oleh penyedia iklan yang akan di tampilkan pada website yang dimiliki oleh publiser sebagai partner dari penyedia iklan? Tentu saja tidak, mengapa? Kita bisa membuatnya sendiri Tidak harus penyedia iklan yang boleh membuat Floating ads Manfaat Floating ads Manfaat dari Floating ads ini cukup bagus untuk kita menampilkan berbagai kontent yang kita anggap sebagai promosi dari dalam website kita, seperti kita memiliki promo tertentu kita juga bisa menampilkannya dengan metode Floating ads, kita memiliki kontent yang ingin kita unggulkan juga bisa menggunakan metode Floating ads. Lalu bagaimana cara kita membuat Floating ads untuk prmosi pribadi tanpa melibatkan penyedia iklan dari luar? Mari kita bahas cara membuatnya. CSS Floating ads Untuk membangun sebuah Floating ads kita perlu membuat desainnya terlebih dahulu yaitu menggunakan css. yang nanti akan menentukan bentuk model dari Floating ads itu sendiri. /*agar posisi ada di tengah*/ .floating-ads { position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:500px;/*sesuaikan*/ hright:auto; border-radius:8px; } .floating-ads > .head{padding:10px;background:blue;color:white;} .floating-ads > .container{padding:10px;background:#ededed;} .left{float:left;} .right{float:right;} .center{display:block;text-align:center;} ini css secara defaultnya untuk membuat Floating ads maka kita bisa menerapkannya dengan < div class="floating-ads"> < div class="head"> < h3 class="left">Promosi< /h3> < h3 class="right close">x< /h3> < /div> < div class="container"> < img src="ull gambar"> < p>Text promosi bisa disini link menuju promosi atau yang lainnya< /p> < /div> Ada beberapa cara untuk memnuculkan Floating ads yaitu menggunakan delay atau tanpa delay Floating ads Tanpa Delay /*agar posisi ada di tengah*/ .floating-ads { position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:500px;/*sesuaikan*/ hright:auto; border-radius:8px; } .floating-ads > .head{padding:10px;background:blue;color:white;} .floating-ads > .container{padding:10px;background:#ededed;} .left{float:left;} .right{float:right;} .center{display:block;text-align:center;} < div class="floating-ads"> < div class="head"> < h3 class="left">Promosi< /h3> < h3 class="right close">x< /h3> < /div> < div class="container"> < img src="ull gambar"> < p>Text promosi bisa disini link menuju promosi atau yang lainnya< /p> < /div> Floating ads dengan Delay Untuk membuat Floating ads dengan Delay maka kita rubah css untuk Floating ads kemudian kita juga menggunakan javascript agar terlihat lebih interaktif Floating adsnya. Maka css kita rubah agar tidak muncul pada saat halaman di buka tetapi akan kita munculkan dengan menunggu waktu yang kita tentukan. /*agar posisi ada di tengah*/ .floating-ads { position:fixed; top:200%;/*agar tidak terlihat sebelumm waktunya tiba*/ left:50%; transform: translate(-50%, -50%); width:500px;/*sesuaikan*/ hright:auto; border-radius:8px; } .floating-ads > .head{padding:10px;background:blue;color:white;} .floating-ads > .container{padding:10px;background:#ededed;} .left{float:left;} .right{float:right;} .center{display:block;text-align:center;} Untuk div tidak perlu kita rubah tetap seperti di bawah ini. < div class="floating-ads"> < div class="head"> < h3 class="left">Promosi< /h3> < h3 class="right close">x< /h3> < /div> < div class="container"> < img src="ull gambar"> < p>Text promosi bisa disini link menuju promosi atau yang lainnya< /p> < /div> Setelah kita membuat perubahan pada css Floating ads maka kita akan membuat perintah pada javascript atau bisa dengan Jquery, tapi saya lebih suka menggunakan Jquery. Floating ads Jquery dengan tombol close setTimeout(function(){ /*menarik floating ads dari bawah ketengan dengan perintah animate*/ $(".floating-ads").animate({top:"50%"},500); },3000);/*3detik setelah halaman terbuka*/ /*perintah tombol close untuk menyembunyikan floating ads*/ $(".close").click(function(){ $(".floating-ads").animate({top:"200%"},500); }); Floating ads Jquery tanpa tombol close setTimeout(function(){ /*menarik floating ads dari bawah ketengan dengan perintah animate*/ $(".floating-ads").animate({top:"50%"},500); },3000);/*3detik setelah halaman terbuka floating ads muncul*/ setTimeout(function(){ /*menarik floating ads dari bawah ketengan dengan perintah animate*/ $(".floating-ads").animate({top:"50%"},500); },6000);/*setelah muncul 1 menit akan otomatis hilang dengan sendirinya*/ Floating ads ini juga kita bisa menampilkan timing yang berjalan seperti detik dan tanpa tombol close akan otomatis menghilang dengan sendirinya, Lalu bagaimana cara kita membuatnya dangan menampilkan detik yang berjalan dan automatis close, silahkan kunjungi halaman demo untuk melihat hasil dan script lengkapnya. yaitu pada floating box with delay in second. Sebelum menuju halaman demo jika ada pertanyaan bisa tinggalkan komen di bawah ini, berikan penilaian untuk menambah semangat untuk membuat artikel artikel yang bermanfaat untuk para pengunjung kami. Terima kasih sudah membaca artikel tentang Floating ads semoga bermanfaat.

php function

Pengertian php function Dalam menerapkan kode program, kita di haruskan membuat kode yang melakukan tugas yang sama secara berulang-ulang, seperti membaca tabel dari database, menampilkan penjumlahan, dll.Perintah yang sama ini akan lebih efektif jika dipisahkan dari program utama dan dbuat menjadi sebuah fungsi atau function. Pengertian Fungsi (Function) dalam Bahasa PHP Secara Singkat, fungsi atau function adalah sebuah kode program yang dibuat untuk menyelesaikan sebuah tugas tertentu, dan merupakan bagian dari program utama. dalam bahasa indonesia, function ini di sebut juga sebagai fungsi.fungsi atau function ini bisa dibedakan ke dalam 2 kelompok: Built-In Function User Defined Function Built-In Function adalah sebutan untuk fungsi atau function yang sudah ada secara bawaan dari dalam bahasa pemrograman itu sendiri. Sedangkan User Defined Function adalah fungsi atau function yang kita buat sendiri. Cara Membuat Fungsi (Function) Dengan PHP function myfunction() { echo "halo Dunia"; } Maka untuk menampilkan halo Dunia kita cukup menuliskan perintah echo myfunction(). Jadi sebenarnya fungsi dari php function bisa kita katakan mempersingkan pemanggilan suatu script untuk di tampilkan atau di eksekusi oleh suatau halaman.php function untuk url function myfunction() { echo "https://www.alamattujuan.com"; } maka untuk mengarahkan link menuju url dengan menggunakan php function kita cukup menuliskan perintah < a href="< ?=myfunction()?>">text anchor jadi cukup sederhana untuk kita bisa membuat perintah dengan php function. Itulah sedikit pengertian php function, dan Cara Membuat Fungsi (Function) Dengan PHP.Terima kasih sudah membaca artikel tentan php function, Cara Membuat Fungsi (Function) Dengan PHP Semoga bermanfaat, jika ada pertanyaan bisa tinggalkan komentar pada kolom komentar di bawah ini. Penilaian Anda menjadi pemicu membangkitkan semnagat untuk menulis lebih banyak lagi artikel artikel yang bermanfaat. untuk bisa lebih jelah tengan PHP yang lebih lengkap bisa kunjungi situs resmi dari PHP yaitu pada halaman www.php.net. Artikel ini juga mengacu pada salah satu arikel yang ada pada create function php. tetapi di kemas lebih sederhana agar mudah di pahami dan di baca.

mengubah kecepatan crawling googlebot

Mengubah kecepatan crawling Googlebot Kutipan dari Google Istilah kecepatan crawling berarti jumlah permintaan per detik yang dilakukan Googlebot ke situs Anda saat meng-crawl situs tersebut: misalnya 5 permintaan per detik.Anda tidak dapat mengubah frekuensi Google dalam meng-crawl situs Anda, tetapi jika Anda ingin Google meng-crawl konten baru atau yang diperbarui di situs, Anda dapat meminta crawling ulang. Dengan melihat kutipan tersebut maka kita bisa menyimpulkan bahwa sebenarnya kita bisa mengajukan permintaan untuk Mengubah kecepatan crawling Googlebot. untuk dapat melakukan permintaan Mengubah kecepatan crawling Googlebot kita bisa mengunjungi alamat url halaman Setelan Kecepatan Crawling Setelah terbuka alamat halaman Setelan Kecepatan Crawlinglangkah selanjutnnya adalah ikuti step by stepnya Langkah - langkah Mengubah kecepatan crawling Googlebot 1. Login ke login jika belum login. 2. kunjungi Halaman setelan kecepatan crawling 3. pilih property yang akan di ataur setelan kecepatan crawlingnya 4. Terdapat dua pilihan yang bisa kita pilih a. Let Google Optimize for my site b. Limit Google Maximum crawl rate Jika ingin mengatur kecepatan crawl maka kita bisa memilih yang b(Limit Google Maximum crawl rate) 5. Kemudian pilih Save Nah itulah informasi mengenai Mengubah kecepatan crawling Googlebot untuk bisa lebih jelas pembahasan tentang Mengubah kecepatan crawling Googlebot bisa kunjungi halaman resmi Google yaitu pada alamat Mengubah kecepatan crawling Googlebot karena artikel ini memang menggunakan referensi dari Google yaitu pada alamat Mengubah kecepatan crawling Googlebot.Terimakasih sudah membaca artikel Mengubah kecepatan crawling Googlebot semoga bermanfaat.

slide up

SLIDE UP, CARA MEMBUAT EFEK SHOW DAN HIDE JQUERY
slide up, Cara Membuat Efek Show dan Hide jQuery adalah cara kita membuat sebuah tampilan yang bisa di tampilkan dan bisa di sembunyikan pada saat di klik oleh pengunjung. Dialan penerapannta maka kita harus terlebih dahulu membuat bagan atau kerangka, disini saya contohkan kita akan membuat sebuah bentuk seperti pada gambar di atas.Karena ini kita menggunakan css dan javascript maka kita terlebih dahulu membuat css yang nani akan kita terapkan yaitu Dengan kode < div class="model-box"> < div class="model-box-hed"> < h3>Title box< /h3> < i class="open-content fa fa-plus-square" aria-hidden="true">< /i> < /div> < div class="model-box-main"> Masukkan konten yang akan di tampilkan berada di dalaman sini < /div> < /div> Sekarang kita membuat css untuk memberikan warna sesuai keingingan kita Dengan kode css .model-box{border:1px solid blue; border-radius:5px;padding:0px;} .model-box-head{background:green; color:white;padding:10px;} .model-box-head > h3{float:left;} .model-box-head > i{float:right;} .model-box-main{height:300px;padding:10px;} Sekarang kita sudah membuat style untuk model-box kemudian kita akan membuat efeknya dengan menggunakan javascript atau dengan jQuery, tetapi disini saya menggunakan jQuery ya agar scriptnya tidak terlalu panjang dan simple. Script untuk slide up, Cara Membuat Efek Show dan Hide jQuery ini bisa kita buat dengan mentargetkan salah satu class pada i yang ada di dalam class model-box-head yaitu class open-content sebagai triger pada saat di klik, untuk penerapannya adalah Dengan kode jquery $(".open-content").click(function(){ /*menguji class fa terlebih dahulu*/ var me = $(this).hasClass("fa-minus-square");/*artinya apakah ini memiliki class fa-minus-square*/ /*jika tidak berarti kindisinya masih fa-plus-sqaure*/ if(me !=true){ /*maka kita ganti plus menjadi minus*/ $(this).removeClass("fa-minus-square");/*hilangkan class fa-minus-square*/ $(this).addClass("fa-plus-square");/*diganti dengan class fa-plus-square*/ /*kita mencari class main pada box tersebut dengan perintah parent()*/ $(this).parent().parent().find(".model-box-main").slideUp();/*artika di menyembunyikan content dari class model-box-main*/ }else{/*kita kembalikan semula*/ /*maka kita ganti plus menjadi plus*/ $(this).removeClass("fa-plus-square");/*hilangkan class fa-plus-square*/ $(this).addClass("fa-minus-square");/*diganti dengan class fa-minus-square*/ /*kita mencari class main pada box tersebut dengan perintah parent()*/ $(this).parent().parent().find(".model-box-main").slideDown(); /*artika di buka kembali content dari class model-box-main*/ } }); Maka kita sudah bisa bagaimana slide up, Cara Membuat Efek Show dan Hide jQuery, manfaat dari mobel box ini kita bisa memberikan kontent lebih banyak tanpa harus banyak memakan tempat tampilan pun juga lebih rapih. Terima kasih sudah membaca artikel slide up, Cara Membuat Efek Show dan Hide jQuery Semoga bermanfaat.

filesystem security

Filesystem Security, Mencegah Direct Access Pada File PHP adalah cara untuk menghindari agar file yang ada di dalam hosting kita tidak dapat di akses secara langsung. yang di maksud akses secara langsung adalah dengan memanggil nama file yang ada di dalam folder atau direktori hosting kita.Fungsi Filesystem Security, Mencegah Direct Access Pada File PHP adalah untuk mengamankan file agar hanya bisa di akses melalui halaman utama kita, untuk lebih detailnya adalah Yang di maksud Hanya bisa di akses melalui url dari halaman utama ialah hanya bisa melalui url www.alamat.com/folder/namafile tetapi tidak bisa di akses dengan www.alamat.com/folder/namafile.php Nah disitu kita melihat perbedaannya www.alamat.com/folder/namafile dan www.alamat.com/folder/namafile.php. Yang arinya alamat yang menggunakan extensi adalah mengakses file secara langsung atau memanggil sesuai nama dan lokasi file tersebut. Sedangkan yang tidak menggunakan exrensi mengakses melalui halaman utama yang melewati konfigurasi yang ada di dalam hosting kita.Untuk Penerapan Filesystem Security, Mencegah Direct Access Pada File PHP sendiri kita bisa memberikan proteksi di setiap file yang ada di dalam hosting yang bukan merupakan file utama, sekarang timbul pertanyaan yang di sebut file utama itu apa? Saya berikan contoh strukturnya root index.php subfolder file1.php file2.php file3.php Dari susunan di ini kita sebut file utamanya adalah index.php yang ada di dalam folder utama yaitu root. Kemudian ada subfolder kemudian didalam subfolder terdapat file1.php file2.php file3.php Nah ketiga file ini lah yang kita berikan proteksi agar tidak dapat di akses melalui alamat www.domain.com/subfolder/file1.php, tetapi hanya bisa di panggil melalui misalnya www.domain.com?hal=file1 seperti halnya kita menggunakan dinamic web page, maka kita bisa membuat script untuk menghindari akses langsung ke file hosting. Untuk script Filesystem Security, Mencegah Direct Access Pada File PHPnya langkah pertama kita membuat akses utama dahulu pada file index.php atau file utama. Filesystem Security, Mencegah Direct Access Pada File PHP pada index.php Dengan adanya define("OPEN", true); ini artinya file index.php membuka akses untuk bisa memaggil file yang lain dan dapat di akses tanpa meminta akses kepada file yang lain. Filesystem Security, Mencegah Direct Access Pada File PHP pada file1.php Disini terlihat perbedaanya Pada file1.php kita membuat pernyataan dengan defined("OPEN") or die("Anda tidak memiliki izin untuk mengakses file ini"); yang artinya Jika Tidak ada defenisi OPEN atau tidak ada yang membuka akses dengan defenisi OPEN maka file ini akan memberikan peringatan pada text yang ada di dalam die() Yaitu Anda tidak memiliki izin untuk mengakses file ini. Jadi kesimpulan perintahnya jika yang mengakses file file1.php tidak memiliki defenisi OPEN maka di nyatakan mati atau die();. Hal ini akan terjadi jika di akses melalui alamat www.domain.com/subfolder/file1.php. Kemudian untuk dapat mengakses file1.php Bisa kita gunakan beberapacara yaitu dengan menggunakan include atau bisa juga menggunakan require pada file index.php cara penerapannya adalah: atau kita bisa gunakan Hal ini bisa kita terapkan pada semua file yang akan di include atau di panggil melalui include atau require.Nah dengan Filesystem Security, Mencegah Direct Access Pada File PHP sederhana ini kita bias menghindari atau Mencegah Direct Access Pada File PHP. untuk bisa lebih jelas mengenai Filesystem Security, Mencegah Direct Access Pada File PHP bisa kunjungi situs resmi php pada function.die.php atau bisa juga mempelajari pada salah satu website ternama juga yaitu pada function.die.php. Terima kasih sudah berkunjung dan membaca artikel sederhana tentang Filesystem Security, Mencegah Direct Access Pada File PHP semoga bermanfaat.

multiple popup in same page

Multiple popup in same page Adalah Sebuah perintah Bagaimana kita membuat popup window pada suatu halaman website, Banyak Jenis popup yang bisa kita gunakan, dengan membuat triger onClick atau dengan otomatis, atau bahkan bisa dengan multy halaman kita membuat dalam satu perintah popup. Onclick Multiple popup in same page Dengan perintah Onclick kita bisa menampilkan popup dengan cara $(".button").click(function(){ window.open("url1","","width=400, height=300"); window.open("url2","","width=400, height=300"); }); Kemudian kita mrmbuat sebuah button untuk memanggil Multiple popup in same page < button class="button">open popup< /button> Timeout Multiple popup in same page Selain dengan Onclick kita juga bisa melakukan atau membuat popup dengan menggunakan delay atau Timeout setTimeout(function(){ window.open("url1","","width=400, height=300"); window.open("url2","","width=400, height=300"); },3000); maka Dengan perintah SetTimeout popup akan muncul dengan sendirinya setetlah loading halaman untuk mengatur delay kita bis merubah angka pada 3000/3detik atau bisa di ubah sesuai keinginan kita. Interval Multiple popup in same page Selain dengan Onclick dan Timeout kita juga bisa melakukan atau membuat popup dengan menggunakan repaet atau Interval yang arinya akan membuka popup di dalam setiap waktu yang kita tentukan. setInterval(function(){ window.open("url1","","width=400, height=300"); window.open("url2","","width=400, height=300"); },3000); maka Dengan perintah SetInterval popup akan muncul dengan sendirinya setiap 3000/3detik atau bisa di ubah sesuai keinginan kita. Cara Membuat Multiple popup in same page 1 Buatlah sebuah file dengan namafile.html 2 copy script di atas kedalam namafile.html 3 Buka namafile.html menggunakan browser anda Untuk full script otomatis popup dengan menggunakan interval dan Timeout kita bisa menggunakan script di bawah ini. setInterval(function(){ setTimeout(function(){window.open("url1","","width=400, height=300");},1000); setTimeout(function(){window.open("url2","","width=400, height=300");},2000); },60000);/*1 minutes*/ Kemudian save file namafile.html Notes Ganti url1 dan url2 denga url yang di tuju Jika ada pertanyaan silahkan tinggalkan komentar di bawah ini Terimakasih sudah membaca artikel Multiple popup in same page Semoga artikel Multiple popup in same page memberi ilmu bermanfaat bagi visitor kami, penilaian dan komentar akan menambah semangat sitename untuk terus menulis dan membagkan artikel artikel yang bermanfaat lainnya.

css multiple columns

css multiple columns, atau membuat tulisan koran adalah sebuah style yang kita gunakan untuk menampilkan isi konten atau text yang bentuknya seperti koran yaitu dengan membuat beberapa kolom yang terpisah tetapi isinya masih nyambung dari kolom satu ke kolom berikutnya. Perintah css multiple columns, atau membuat tulisan koran ini bisa kita buat menggunakan perintah pada css untuk mengatur berapa kolom yang kita inginkan.Di dalam membuat css multiple columns, atau membuat tulisan koran ini perintahnya cukup sederhana dan pasti mudah di ingat karena hanya dengan satu perintah css untuk bisa membuat css multiple columns, atau membuat tulisan koranini. Untuk pembuatan cssnya adalah .2kolom{cloumn-count:2;} maaka kita bisa membuat text menjadi 2 kolom yaitu Text disini akan terbagi menjadi dua bagian atau dua kolom Jadi kunci utama untuk menentukan jumlah kolom css multiple columns, atau membuat tulisan koran adalah dengan merubah angka pada css yaitu pada bagian .2kolom{cloumn-count:2;} tinggal kita ubah sesuai keinginan kita. Itulah tutorial tentang css multiple columns, atau membuat tulisan koran pada website, terimakasih sudah membaca artikel tentang css multiple columns, atau membuat tulisan koran semoga css multiple columns, atau membuat tulisan koran ini bermanfaat untuk para pengunjung setia sitename. suport komentar dan penilaian untuk memberi semangat bagi sitename untuk menulis artikel lainnya yang bermanfaat.

css text align

css Text align, Pengaturan Teks pada HTML adalah sebuah pengaturan text pada halaman website menggunakan file css, adapun tujuan Pengaturan Teks pada HTML adalah tentu saja agar website kita terlihat lebih rapih dan lebih enak dilihat.css Text align, Pengaturan Teks pada HTML ini juga bisa di manfaatkan bukan hanya untuk mengatur text semata tetapi juga bisa di fungsikan untuk gambar ataupun element lainnya pada halaman HTML, seperti gambar dan elemen lainnya.sebagai contoh misalnya kita membuat sebuah tag pada halaman website dengan tag div yang di arahkan agar semua yang ada di dalam div tersebut rata kanan atau kiri atau berada di tengan atau bahkan rata kanan dan kiri. lalu untuk perintah css Text align, Pengaturan Teks pada HTML adalah: text-align:left (membuat text rata kiri pada elemen html) text-align:center (membuat text berada ditengan pada elemen html) text-align:right (membuat text rata kanan pada elemen html) text-align:justify (membuat text rata kanan dan kiri pada elemen html) Kemudian untuk penerapan pada cssnya adalah Contoh css Text align, Pengaturan Teks pada HTML align:left Pengaturan Teks pada HTML .align-left{text-align:left;} lalu untuk penerapan pada halaman htmlnya Text disini akan mengutamakan rata di bagian kiri karena adanya perintan text-align:left pada css tersebut align:center Pengaturan Teks pada HTML .align-center{text-align:center;} lalu untuk penerapan pada halaman htmlnya Text disini akan mengutamakan berada di tengan meskipun kanan dan kiri kosong karena adanya perintan text-align:center pada css tersebut align:right Pengaturan Teks pada HTML .align-right{text-align:right;} lalu untuk penerapan pada halaman htmlnya Text disini akan mengutamakan rata di bagian kanan karena adanya perintan text-align:right pada css tersebut align:justify Pengaturan Teks pada HTML .align-justtify{text-align:justify;} lalu untuk penerapan pada halaman htmlnya Text disini akan mengutamakan rata di bagian kiri dan kanan karena adanya perintan text-align:justidy pada css tersebutmeskipun nantinya ukuran spasi tidak beraturan Jadi css Text align, Pengaturan Teks pada HTML bisa kita gunakan untuk menentukan dan mengatur isi atau konten di dalam sebuah elemen pada halaman website sesuai keinginan dan kebutuhan kita, dengan penerapan css di atas makan yang akan berubah bukan hanya text atau huruf tetapi jika ada gambar atau imgase yang lebarnya tidak sampei memenuhi layar makan juga akan mengikuti dari perintah css tersebut.

dinamic web page

dinamic web page, Membuat Halaman Web Dinamis Dengan PHP Di dalam artikel dinamic web page, Membuat Halaman Web Dinamis Dengan PHP kita akan membahas pengertian dinamic web page dan cara Membuat Halaman Web Dinamis Dengan PHP.Pengertian dinamic web page dinamic web page adalah website yang di desain atau di buat agar tidak berpindah dari file satu ke faile yang lainnya meskipun url berubah ubah. Manfaat dinamic web page Adapun manfaat dari dinamic web page yaitu kita tidak perlu melakukan edit file yang lain ketika kita melakukan perubahan isi atau kontent, hanya cukup dengan melakukan edit pada file kontent tanpa harus edit url dan lainnya.Setelah kita mengetahui apa yang di masksud dinamic web page sekarang kita akan mencoba Membuat Halaman Web Dinamis Dengan PHPutuk script dasar perintah utamanya adalah if(isset($_GET["hal"])) { $hal = $_GET["hal"]; switch($hal) { case "tentang": require "tentang.php"; break; case "progile": require "profile.php"; break; default: require "home.php"; } } Lalu kita membuat susunan directorynya adalah root index.php home.php tentang.php profile.php Kemudian dari file tersebut kita membuat halaman index sebagai halaman utama HALAMAN DINAMIS PHP HEADER home tentang profile home.php Homepage Ini halaman utama Pofile.php Profile Ini halaman profile tentang.php Tentang Kami Ini halaman Tentang kami Dengan alamat yang di panggil oleh menu yang ada di dalam nav yaitu ?hal= maka akan memanggil nama file yang sesuai url, dengan tanpa menyebutkan file extensi dari file tersebut, maka halaman pun tidak perlu berpindah ke halaman lain hanya mengganti isi daripada tag main pada halaman website kita. Dengan begitu kita sudah memiliki halaman website yang dinamis. Selamat mencoba. Terimaksih sudah membaca artikel dinamic web page, Membuat Halaman Web Dinamis Dengan PHP, berikan komentar dan penilaian untuk artikel dinamic web page, Membuat Halaman Web Dinamis Dengan PHP utnuk memberikan semngat kepada sitename.

auto translate website

Script auto translate website (automatically translate web pages) adalah sebuah script yang di gunakan untuk merubah text dari bahasa satu ke bahasa yang lainnya, yang berfungsi untuk memudahkan visitor membaca dan memahami dari artikel yang kita tulis, dengan adanya Script auto translate website (automatically translate web pages) tentu saja bisa menunjang performa website agar bisa mendapatkan visitor dari belahan dunia manapun.sebenarnya ada banyak cara untuk membuat Script auto translate website (automatically translate web pages) ini, tetapi disini akan saya share atau bagikan cara membuat Script auto translate website (automatically translate web pages) dengan menggunakan php, mengapa menggunakan php utnuk lebih jelas bisa kita lihat pada tulisan saya di pengertian php, disamping kebnyakan website menggunakan php juga penggunaannya juga lebih mudah. Cara yang saya gunakan ini kita akan mengambil data dari google translate tetapi kita tidak perlu mgnunjungi halaman google translate.untuk script utamanya adalah function translate($txt, $from, $to){ $res= file_get_contents("https://translate.googleapis.com/translate_a/single?client=gtx&ie=UTF-8&oe=UTF-8&dt=bd&dt=ex&dt=ld&dt=md&dt=qca&dt=rw&dt=rm&dt=ss&dt=t&dt=at&sl=".$from."&tl=".$to."&hl=hl&q=".urlencode($txt), $_SERVER['DOCUMENT_ROOT']."/transes.html"); $res=json_decode($res); return $res[0][0][0]; } keterangannya $txt: text yang akan kita translate(maximal 3000 hutuf termasuk spasi) $from: Bahasa utama text yang akan di translate $to: Target bahasa translate Untuk penggunaannya sendiri juga cukup mudah kita hanya cukup dengan menuliskan translate("text yang akan di terjemahkan","id","us"); maka akan sendirinya text menjadi bahasa us. Nah itulah contoh Script auto translate website (automatically translate web pages) untuk website menggunakan php, Semoga artikel sederhana tentang Script auto translate website (automatically translate web pages) bisa menambah ilmu pengetahuan untuk visitor sitename, selamat mencoba semoga bermanfaat, tinggalkan komentar berikan penilaian untuk menambah semnagt sitename untuk menulis artikel yang bermanfaat lainnya.

submit google review

google review atau Cuplikan ulasan adalah rating dari situs yang di peroleh dari penilaian terhadap suatu artikel yang telah di baca atau di kunjungi visitor lalu visitor memberikan nilai berupa rating terhadap artikel yang di bacanya. Angka google review atau Cuplikan ulasan ini berbentuk bintang yang di ambil nilai rata - rata dari keseluruhan nilai yang di berikan oleh setiap visitor terhadap artikel yang di kunjunginya. yang merupakan evaluasi dari sebuah artikel di lihat seberapa besar nilai yang di kumpulkan dari sekian banyak visitor yang telah memberikan nilai.Apakah google review, juga merupakan google seo?. tentu saja bisa menembah kekuatan seo pada sebuah halaman website, karena dengan munculnya penilaian ini, maka google juga akan mempertimbagkan seberapa besar minat para visitor terhadap konten atau artikel yang kita buat, selain itu dengan tingginya nilai google review maka google juga akan merekomendasikan konten kita kepada pengguna lain, dengan demikian peluang untuk mendapatkan banyak visitor tentu lebih besar.Lalu bagaimana cara submit google review agar bisa muncul di halaman pencarian? sebenarnya kita tidak perlu mengirimkan secara terpisah tetapi kita cukup dengan memasang script pada head setiap artikel kita, dengan script JSON. unruk penulisan scriptnya juga cukup sederhana. { "@context": "https://schema.org/", "@type": "Review", "itemReviewed": { "@type": "Restaurant", "image": "alamatgambar.jpg", "name": "judul artikel", "servesCuisine": "Kategori", "priceRange": "$$$", "telephone": "1234567", "address" :{ "@type": "PostalAddress", "streetAddress": "Alamat lengkap", "addressLocality": "Kota", "addressRegion": "Kode Neggara", "postalCode": "10038", "addressCountry": "US" } }, "reviewRating": { "@type": "Rating", "ratingValue": "4" }, "name": "Nama toko atau blog", "author": { "@type": "Person", "name": "Nama pemilik" }, "publisher": { "@type": "Organization", "name": "Nama website" } } Nah script di atas bisa kalian copy dan silahkan edit yang mulai dari alamat dan yang lainnya, lalu letakkan scrip ini di dalam Head di setiap artikel kalian agar setiap artikel akan memiliki nama sesuai artikel dan nilai yang berbeda beda sesuai penilaian pengunjung terhadap artikel kita. Untuk mempelajari tentang submit google review bisa kunjungi situs resmi Google yang membahas tentang Cuplikan ulasan di sana banyak sekali di bahas mengenai google review.Di dalam artikel submit google review, untuk google seo hanya menjelaskan sedikit tentang submit google review, untuk bisa mempelajari lebih jauh bisa kunjungi link Cuplikan ulasan. Terima kasih sudah membaca artikel tentang submit google review, untuk google seo, Semoga bermanfaat bagi anda sebagai visitor terbaik kami.

google review button

google review button, google review button for website adalah sebuah tombol yang biasanya berbentuk bintang atau star untuk memberikan penilaian terhadap sustu konten, produk atau artikel yang biasa kita sebut membuat google review button atau google review button for website. Fungsi dari google review button for website adalah agar kita bisa membuat penilaian terhadap konten yang kitaa buat untuk di kirimkan ke google dan bisa muncul di halaman pencarian google. sebelum kita membahas lebih jauh bagaimana mengirimkan start atau google review, kita harus membuat google review button terlebih dahulu atau kita akan membuat tombolnya terlebih dahulu.Didalam membuat google review button sebenarnya cukup mudah hanya cukup menuliskan kode Font Awesome untuk menampilkan bintangnya, lalu kita ingin membuat agar di antara tombol bintang itu terlihat interaktif maka kita akan sedikit membuat perubahan pada stylenya disini saya contokkan untuk tampilan sederhananya sebelum kita membuat interaktisnya menggunakan css Sekarang kita akan membuat google review button, lalu kita ingin agar pada saat tombol 1 di sentuh mouse maka yang lain tidak ada reaksi, jika tombol 2 di sentuh mouse maka tombol 1 dan 2 bereaksi dan yang lain tidak bereaksi dan seterusnya. yang pertama kita bisa membuat cssnya terlebih dahulu .star-active{color:yellow;} Ini kita membuat style untuk merubah warna saat tombil bintang di sentuh oleh mouse, kemudian untuk pengaplikasiannya kita gabung dengan Javascript. sekerang kita akan membuat CLASS untuk di panggil oleh javascript nanti maka kita tulis kita perhatikan disini kita tambahkan 1 class yaitu star1 - 5 yang berfungsi sebagai clas yang akan di panggil nantinya, untuk penulisan Javascriptnya kita bisa membuat.Script js untuk membuat google review button $(".star1").hover(function(){ $(this).addClass("star-active"); $(".star").not(this).removeClass("star-active"); }); $(".star1").mouseout(function(){ $(".star").not(this).removeClass("star-active"); }); Kita perhatikan disini $(".star1").hover(function(): artinya pada saatstar1 di sentuh mouse $(this).addClass("star-active");: artinya dirinya sendiri akan di beri class star-active yang memiliki warna kuning pada css di atas $(".star").not(this).removeClass("star-active");: artinya yang bukan dia (maksudnya yang tidak di sentuh mouse) maka di hilangkan classstar-activeny. ini jika di sentuh mouse berarti startnya memiliki class star-active berarti berwarna kuning, kemudian untuk menghilangkan warna kuning pada saat mouse pergi maka di buatlah perintah pada $(".star1").mouseout(function(), yang disitu tertulis removeClass() berarti di hilangkan atribut class star-active dari semua start yang ada.di atas hany bintang satu yang aktive, lalu bagaimana csra membuat JIKA TOMBOL KEDUA YANG DI SENTUH MOUSE DAN BINTANG PERTAMA JUGA IKUT AKTIVE?. Maka kita buat perintahnya $(".star2").hover(function(){ $(this).addClass("star-active"); $(".star1").not(this).addClass("star-active"); $(".star").not(this).removeClass("star-active"); }); $(".star2").mouseout(function(){ $(".star").not(this).removeClass("star-active"); }); fungsinya sama seperti pada penjelasan di atas hanya saja perbedaannya kita menambah jumlah class star-active pada staryang memiliki nilai di bawahnya.untuk srcipt lengkapnya .star-active{color:yellow;} /*star 1 di sentuh mouse*/ $(".star1").hover(function(){ $(this).addClass("star-active"); $(".star").not(this).removeClass("star-active"); }); /*star 2 di sentuh mouse*/ $(".star2").hover(function(){ $(this).addClass("star-active"); $(".star1").not(this).addClass("star-active"); $(".star").not(this).removeClass("star-active"); }); /*star 3 di sentuh mouse*/ $(".star3").hover(function(){ $(this).addClass("star-active"); $(".star1").not(this).addClass("star-active"); $(".star2").not(this).addClass("star-active"); $(".star").not(this).removeClass("star-active"); }); /*star 4 di sentuh mouse*/ $(".star4").hover(function(){ $(this).addClass("star-active"); $(".star1").not(this).addClass("star-active"); $(".star2").not(this).addClass("star-active"); $(".star3").not(this).addClass("star-active"); $(".star").not(this).removeClass("star-active"); }); /*star 5 di sentuh mouse*/ $(".star5").hover(function(){ $(this).addClass("star-active"); $(".star1").not(this).addClass("star-active"); $(".star2").not(this).addClass("star-active"); $(".star3").not(this).addClass("star-active"); $(".star4").not(this).addClass("star-active"); $(".star").not(this).removeClass("star-active"); }); /*perintah menghilangkan star-active*/ $(".star").mouseout(function(){ $(".star").removeClass("star-active"); }); Demikian tutorial sederhana bagaimana cara membuat google review button, google review button for website, agar website juga terlihat lebih interaktif dengan visitor. Terimakasih sudah membaha artikel tentang membuat google review button, google review button for website, semoga bermanfaat. Selanjutnya cara mengirimkan bintang atau star atau Google review agar bisa muncul pada halaman pencarian silahkan buka artikel saya mengenai, submit google review. Jika ada pertanyaan tinggalkan komentar di bawah ini.

cara riset keyword google

CARA RISET KEYWORD GOOGLE, MENGGUNAKAN KEYWORD TOOLS GRATIS
Kali ini kita membahas cara riset keyword google, menggunakan keyword tools gratis, sebelum membahas lebih jauh tentang cara riset keyword google, menggunakan keyword tools gratis, kita harus paham dulu 1. Aapa itu Keyword 2. Apa fungsi Keyword Apa itu Keyword Dalam artikel cara riset keyword google, menggunakan keyword tools gratis ini kita ulas terlebih dahulu tentang apa itu keyword. Keyword adalah suatu susunan kata yang sering diketikkan oleh seseorang pada saat melakukan pencarian data atau informasi yang mereka perlukan di internet. dari Kata-kata inilah yang disimpan dan dipakai oleh mesin pencari untuk menganalisis kebutuhan para pengguna internet. Jadi, kata kunci juga adalah kata-kata umum yang dipikirkan manusia saat mereka memerlukan sesuatu.Apa Fungsi Keyword sebelum kita menujua pokok pembahasan mengenai cara riset keyword google, menggunakan keyword tools gratis, kita juga harus tau fungsi dan seberapa pentingnya Keyword terhadap performa website kita di mesin telusur atau mesin pencarian, seperti Google Yahoo Bing dan lainnya. Fungsi Keyword adalah menentukan target kalimat atau kata untuk website kita agar mudah di temukan di mesin pencarian.untuk encari kata kunci keyword kita bisa memanfaatkan tool gratis atau yang berbayar, disini saya akan membagikan trik menentukan Keyword yang memiliki potensi cpc tinggi dan jumlah pencarian tinggi tetapi pesaingnya rendah.untuk cara riset keyword google, menggunakan keyword tools gratis silahkan coba menuju salah satu link tempat mencari keyword secara gratis, ada banyak sekali penyedia layanan keyword yang bisa di gunakan baik mulai yang gratis hingga yang berbayar, tetapi poko permasalahan disini akan saya bagikan cara menentukan keyword yang cocok untuk website kita. cara riset keyword google, menggunakan keyword tools gratis kita langsung menuju Free Keyword Tool, lalu silahkan masukkan kata kunci yang ingin kalian cari, setelah melihat hasilnya maka yang perlu di perhatikan adalah dsana ada beberapa kolom Keywords Monthly search volume Top of page bid (low range) Top of page bid (high range) Competition nanti akan banyak muncul keyword yang sesuai atau yang berkaitan dengan keyword yang kita ketikkan.Cara menentukan targetnya adalah kita mengambil yang memiliki Monthly search volume : lumayan banyak Top of page bid (high range) : angka tinggi Competition : low atau rendah dengan ketiga patokan ini kita bisa menentukan Keywords mana yang akan kita gunakan untuk website kita, jadi cara riset keyword google, menggunakan keyword tools gratis atau yang berbayar dengan menentukan ketiga bagian di atas kemudian kita ambil Keywords yang sejajar atau sesuai dengan ketiga kategori tersebut. kita mancari volume pancarian yang yang banyak pada bagian Monthly search volume kemudian menentukan cpc dari Top of page bid (hight range) lalu melihat kompetitopr yang sedikit dari Competition lalu kita ambil keywordnya. Catatan : dari bagian ini Keywords Monthly search volume Top of page bid (high range) Competition haris dalam satu row(satu bagian / satu baris);

seo content optimization

SEO CONTENT OPTIMIZATION, ON PAGE OPTIMIZATION
seo content optimization adalah melakukan optimasi kontent yang memiliki seo yang kuat, bagaimana sara membuat seo content optimization untuk sebuah artikel. sebelum mambahas lebih jauh tentang seo content optimization, kita pelajari dulu cara menerapkan seo pada sebuah website mulai dari 1. kita lakukan search engine marketing 2. kita lanjutkan image alt text seo 2. kita lanjutkan link building strategy setelah kita melakukan dari ke tiga tekhnik di atas saatnya kita melakukan seo content optimization. secara umum sih biasa saja tetapi seo content optimization ini juga memiliki dampak yang signifikan terhadap seo dalam sebuah artikel maupun website kita. untuk dapat malakukan seo content optimization yang harus kita perhatikan adalah dari ketiga di atas yaitu kita mngaitkan antara judul, keyword, deskriptsi dan heading, nah sekarang kita menambah kekuatan seo dengan menerapkan seo content optimization.Caranya adalah dengan memper banyak tulisan yang mengandung judul dari artikel yang kita tulis, seperti saya contohkan misalnya kita membuat judul seo content optimization maka kita bisa menambahkan text yang membawa judul tersebut. Dalam kasus lain saya contohkan kita akan membuat judul Tips Menngobati Jerawat yang membandel Nah dari judul ini kita mendapatkan kata kunci utama Menngobati Jerawat yang membandel, maka kita bisa menambahkan text yang membawa judul tersebut kedalam isi artikel misalnya dengan kalimat Menngobati Jerawat yang membandel yang pertama adalah dengan menggunakan apa..... lalu bisa kita tambahkan lagi penjelasan yang lebih panjang lalu kita tambahkan lagi tulisan yang mengandung judul: Terima kasih sudah membaca Menngobati Jerawat yang membandel, semoga bermanfaat untuk anda lalu bisa di tambahkan lagi text jika ingin menambahkannya jadi seo content optimization bisa kita lakukan dengan Semakin banyak text yang mengandung judul pada artikel semakin bagus tetapi tetap tidak mengurangi kualitas dari artikel atau tidak membuat isi artikel itu sendiri menjadi kurang menarik. Demikian tutorial sederhana mengenai seo content optimization untuk sebuah website atau artikel, Semoga dengan membaca seo content optimization ini para prngunjung mendapatkan ilmu yang ber manfaat.

target negara pada website

target negara pada website adalah menentukan target negara mana yang kita tuju untuk website kita, yang bertujuan kita ingin membuat website kita bisa di akses oleh negara ang kita tentukan agar pengunjung datang bukan hanya dari negara kita atau pengunjung lokal. Lalu apa saja yang perlu kita perhatikan untuk membuat target negara untuk website kita. hreflang html untuk target negara pada website kita gunakan tag html yaitu tag hreflang sebagai identitas target negara yang akan kita tuju. tag hreflang pada website adalah menjelaskan bahwa kita memiliki target bahasa pada sebuah website yang kita kelola, yang berfungsi mengidentifikasi bahwa website kita memiliki sepesifikasi bahasa tersendiri, dan itu juga menjadi salah satu seo pada website kita agar bisa muncul di negara mana saja. cara menerapkan bahasa utama pada website kita cukup mudah kita hanya cukup menambahkan tag lang="id" pada pada website kita. Cara menerapkan target negara pada website untuk penerapannya agar website kita memiliki target negara yng kita lakukan adalah menambahkan tag html yaitu: menandakan bahwa website kita dengan bahasa indonesia, yang berarti semua konten bahasan pada website kita adalah bahasa indonesia, lalu kita ingin dengan bahasa yang kita tentukan ini bisa di akses juga oleh negara lain maka kita menambahkan hreflang pada html kita. untuk menambahkannya kita bisa menggunakan untuk lebih banyak mengetahui kode negara yang di gunakan untuk hreflang bisa kunjungi List of Valid Hreflang Codes. dan jangan lupa untuk menambahkan hreflang defaultnya yaitu: jika sudah menambahkan hreflang terlebih dahulu kita bisa melakukan validasi untuk hreflang yang kita terapkan, silahkan menuju Hreflang Testing Tool untuk melakukan validasi, jika validasi berhasillangkah selanjutnya kira menuju pentargetan negara yang kita inginkan. Sekarang kita bisa menentukan target negara pada website melalui Google Console Search Console Kemudian pilih property kemudian pilih negara ceentang pada Pengguna tujuan di: Pilih negara yang diinginkan Simpan Dan sekerang kita sudah memiliki target negara untuk website kita.

link building strategy

LINK BUILDING STRATEGY, SEO LINK BUILDING UNTUK WEBSITE
link building strategy, seo link building untuk website adalah memanfaatkan link yang kita gunakan untuk memperkuat seo pada halaman website kita. Di dalam mesin telusur seperti Google Yahoo Bing kita ingin agar url atau alamat website kiata atau artikel yang kita tulis mudah di temukan pastinya, dengan tujuan dengan mudahnya artikel kita di temukan maka harapan untuk mendapatkan banyak visitor akan lebih besar pula.Lalu bagaimana kita menerapkan link building strategy, seo link building untuk website?, mari kita pelajari bersama. Didalam link building strategy, seo link building untuk website yang perlu kita perhatikan adalan alamat url yang menuju website kita atau artikel kita di antaranya.Lalu bagaimana kita menerapkan link building strategy, seo link building untuk website?, mari kita pelajari bersama. Didalam link building strategy, seo link building untuk website yang perlu kita perhatikan adalan alamat url yang menuju website kita atau artikel kita di antaranya. 1. alamat mudah di ingat 2. alamat readable (bukan text random) tapi text yang bisa di baca nah untuk penerapan link building strategy, seo link building untuk website ini kita manfaatkan judul dari artikel kita jika untuk arikel.Sebeleum kita menerapkan link building strategy, seo link building untuk website, maka kita juga wajib membuat keterkaitan antara title dan elemen yang lainnya bisa di lihat pada artikel sebelumnya search engine marketing dan juga manfaatkan text untuk gambar bisa di lihat pada image alt text seo. setelah kita memahami dari keduanya hal tersebut kita bisa melakukan link building strategy seo link building untuk website.untuk penerapannya saya contohkan disini kita membuat artikel yang berjudul link building strategy, seo link building untuk website dengan iki kita sudah mendapatkan kata kunci utama yaitu ada 2 target keyword yang kita manfaatkan yaitu 1. link building strategy 2. seo link building untuk website lalu kita terapkan link building strategy, seo link building untuk websitenya maka alamat url yang kita gunakan bisa dari salah satu target kata kunci ter sebut di sini saya contohkan a href="link-building-strategy" title="link building strategy". nah dengan demikian judul dan url memiliki kesamaan meskipun di dalam url ada tambahan "-" tetapi itu merupakan url friendly di bandingkan dengan "_" atau spasi, juga merupakan url clean yang artinya url yang bersih yang di inginkan oleh mesin pencari.jadi caranya cukup mudah untuk menerapkan sebuak link building strategy, seo link building untuk website, dengan memahami hal yang demikian maka bisa membantu menambah kekuatan seo untuk website kita. Disclaimer Artikel ini referensi dari 9 Easy Link Building Strategies (That Anyone Can Use).

image alt text seo

IMAGE ALT TEXT SEO, GAMBAR SEARCH ENGINE MARKETING
image alt text seo adalah Text pengganti gambar sebagai identitas gambar itu sendiri yang juga kita manfaatkan sebagai gambar search engine marketing. Didalam Pencarian mesin telusur ada berbagai type dalam pencarian, termauk penarian gambar. Dan seberapa penting penerapan seo pada gambar yang ada pada website kita. Perlu kita ketahui Sebuah gambar yang kita upload tentu saja ingin bisa terlihat menonjol dan mudah di temukan di dalam mesin telusur seperti Google Yahoo Bing.image alt text seo sebagai gambar search engine marketing Seberapa pentingkah image alt text seo sebagai gambar search engine marketing?. tentu saja sangat penting di samping dengan kontent bermanfaat, identitas gambar juga membantu membuat google mudah mengenali isi kontek dari artikel melalui gambar yang di sertakan.Lalu bagaimana dan apa pengaruhnya image alt text seo sebagai gambar search engine marketing? gambar dengan seo yang baik juga akanmembantu mesin telusur menemukan artikel kita lebih mudah dengan adanya image alt text seo sebagai gambar search engine marketing, saya beri contoh kecil dalam penerapan image alt text seo sebagai gambar search engine marketing pada website.Misalnya kita membuat artikel dengan judul image alt text seo sebagai gambar search engine marketing. dari judul itu kita punya target uatama kata kunci utama :image alt text seo kata kunci kedua : gambar search engine marketing Kita sudah punya target 2 Kata kumci kemudian kita terapkan seo pada keyword dan deskripsi. untuk penerapan keyword dan deskripsi bisa lihat artikel saya sebelumnya pada search engine marketing.Kemudian kita membuat image alt text seo sebagai gambar search engine marketing, dengan menjadikan Judul sebagai alt gambar, maka dalam menambahkan ganbar pada artikelnya kita buat alt nya menjadi img src="alamat-gambar" alt="image alt text seo" title="gambar search engine marketing", bertujuan agar di dalam pencarian yang sesuai dengan kata kunci yang kkta terapkan baik itu semua pencarian ataupun pencarian gambar artikel kita masih bisa di temukan dan muncul di mesin telusur.Selain itu kita juga perlu menerapkan seo link building bisa kalian temukan pada link building strategy.Disclaimer Artikel ini dengan refernsi dari Image elements do not have [alt] attributes yang membahas perlunya atl pada sebuah Gambar.

search engine marketing

SEARCH ENGINE MARKETING,  GOOGLE SEARCH ENGINE OPTIMIZATION
Search engine marketing disingkat SEM, adalah sebuah strategi marketing untuk meningkatkan visibilitas sebuah website di halaman mesin pencarian seperti Google Yahoo Bing dll. Dalam penerapan Search engine marketing ini ada beberapa cara atau tehknik yang harus kita terapkan agar website kita mampu bersaing dengan website yang lain di dalam situs pencarian.Lalu hal apa saja yang perlu kita perhatikan didalam penerapan Search engine marketing tersebut? Yang perlu kita terapkan adalah di antaranya: Judul keyword sebagai Search engine marketing Antara judul dan keywrd pada Meta tag harus berkaitan seperti contoh saya menggunakan judul "Search engine marketing untuk google search engine optimization" target kata kuncinya adalah Search engine marketing. lalu saya menambahkan "untuk google search engine optimization" agar judul terlihat enak di baca. untuk penerapan antara judal dan meta keyword taitu ketika kita mentargetkan judul Search engine marketing sebagai kata kunci utama maka pada meta keyword kita menggunakan < meta name="keyword" content="Search engine marketing"/>. agar mudah di identifikasi oleh mesin pencari.Judul dan deskripsi sebagai Search engine marketing Begitu juga dengan menerapkan keterkaitan antara judul dan deskripsi juga penting di dalam penerapan Search engine marketing sebagai google search engine optimization. lalu seperti apa penerapannya sebagai contoh disini saya menggunakan judul judul :Search engine marketing. keyword: < meta name="keyword" content="Search engine marketing"/> Agar anatara judul dan deskripsi saling berkaitan maka kita buat deskripsi misalnya. Cara menerapkan Search engine marketing di dalam website sebagai "google search engine optimization" adalah dengan menggunakan judul, keyword, deskripsi dan heading di setiap artikel. dengan begini maka akan saling terkait judul :Search engine marketing. keyword: < meta name="keyword" content="Search engine marketing"/> Deskripsi: Cara menerapkan Search engine marketing di dalam website sebagai "google search engine optimization" adalah dengan menggunakan judul, keyword, deskripsi dan heading di setiap artikel. Kemudian di tambah lagi dengan heading yang juga terkait dengan judul, misalnya dengan judul Search engine marketing maka kita juga bisa membuat headingnya yang berkaitan dengan judul tersebut, misalnya "< h2>Search engine marketing yang pertama< /h2>" lalu kita jelas detailnya bebas yang penting masih sesuai tema yang sedang kita bahas. lalu untuk menambah kekuatan Search engine marketing sebagai "google search engine optimization" kita juga perbanyak menulis judul di tengah -tengah pembahasan artikel tersebut. seperti contoh dalam artikel ini terdapat banyak text yang sama dengan judul dan berkaitan dengan keyword dan deskripsi dan juga heading, yang artinya google akan melihat bahwa artikel kita benar - benar membahas tentang apa yang menjadi topik bahasan utama dari artikel tersebut. External link sebagai Search engine marketing Dengan menambahkan External link didalam penerapan Search engine marketing sebagai google search engine optimization. juga perlu di lakukan karena google akan menganggap bahwa artikel ini memang memiliki referensi yang jelas dan di anggap bukan asal menulis tanpa referensi, google akan suka jika kita banyak memberikan referensi dengan menambahkan external link seperti Microsoft atau dengan link yang lain. Jadi kesimpulannya untuk Search engine marketing sebagai "google search engine optimization" adalah dengan membuau keterkaitan antara elemen yang saya jelaskan di atas. Sebenarnya masih banyak lagi didalam menerapkan Search engine marketing sebagai "google search engine optimization" selain yang saya jelaskan di atas, apakah gambar juga merupakan komponen SEO? tentu saja gambar juga perli di atur untuk memperkuat "google search engine optimization" lalu bagaimana cara menerapkan gambar sebagai Search engine marketing?. silahkan buka image alt text seo

css model box

CSS  MODEL BOX, SKY BAKCGROUND AND MULTY BAKCGROUND  COLOR
Bagi kita pengelola website tentu saja sudah tidak asing lagi dengan yang namanya css. namun terkadang kita ingin membuat sebuah style box atau elemen dengan bermacam macam warna tetapi kita harus membuat script sendiri untk setiap elemen tersebut. Disini akan kita bahas bahagaimana kita membuat 1 nama class tetapi dengan berbagai warna, untuk pembuatannyapun cukup mudah dan sederhana, bagi yang belum menggunakan bisa mencoba script css ini untuk menambah tampilan pada website kalian. untuk pertama kita buat terlebih daulu bentuk boxnya yaitu kita akan membuat elemen div terlebih dahulu dengan css .mybox{height:200px;boreder:1px solid; margin:5px;padding:10px;} ini script untuk bentuk dari box yang akan kita tampilkan dengan bentuk kotak kosong hanya dengan border saja. sedangkan untuk menampilkan elemen mybox tersebut kita cukup memanggil dengan text dalam box kemudian kita akan memberikan warnanya dengan membuat class untuk memanggil warna backgroundnya. .bg-red{background:red; color:white;} .bg-green{background:green; color:white;} .bg-blue{background:blue; color:white;} .bg-yellow{background:yellow; color:white;} .bg-orenge{background:orange; color:white;} Kemudian div yang tadi kita berikan 2 class agar memiliki warna untuk backgroundnya. < div class="mybox bg-red">class mybox bg-red< /div> < div class="mybox bg-green">class mybox bg-green< /div> < div class="mybox bg-blue">class mybox bg-blue< /div> < div class="mybox bg-orange">class mybox bg-orange< /div> maka disini kita membuat 1 class yaitu mybox dengan menggunakan beberapa background color yaitu dengan memanggil class bg-namawarna. Semoga bermanfaat.

basic php code

BASIC PHP CODE, PHP CODE  UNTUK PEMULA
Dalam pemrograman dengan menggunakan php banyak sekali perintah - printahnya, mulai dari yang paling mudah hingga untuk membuat sebuah scurity dalam website. Namun selama kita punya keinginan untuk mempelajarinya tentu saja tidak sesulit yang di bayangkan.dalam kesempatan kali ini saya akan membagikan script php yang cukup basik dan sederhana, akan kita kupas secara sederhana agar mudah di pahami dan di mengerti sehinggaa pengunjung yang datang disisni akan mendapatkan ilmu dari artikel yang saya berikan ini.Untuk mengawli kita akan mencoba membuah sebuah perintah untuk menampillan text dengan menggunakan php. Nah disini kita menggunakan perintah echo untuk menampilkan text yang akan kita tampilkan, jika script ini kita terapkan makana yang muncul yaitu text yang akan kita munculkan. dalam penulisannya harus di bungkus dengan tanda kutip(")atau tanda kutip satu('), dan du tutup dengan tanda kutip yang sama, lalu di akhiri dengan tanda titik kome(;) yang berarti menandakan perintah sudah berhenti sampai pada tanda (;).kemudian kita bisa juga menggunakan perintah print_f untuk menampilkan suatu string atau text dalam php. Namun untuk penerapannya sedikit berbeda dangan echo. pada prinf_f penulisan text yang akan di tampilkan di bungkus dengan tanda kurung (). perintah print_f ini jika kita terapkan hasailnya pun juga sama yaitu text yang akan kita munculkan.disclaimer Disclaimer.

menu desain layout

MENU DESAIGN LAYOUT, MEMBUAT MENU RESPONSIVE DENGAN MUDAH
Melihat era sekarang dengan banyaknya gadget yang dirilis di pasaran, para perancang website ditantang untuk menciptakan beberapa versi situs web. Hal ini berlaku untuk layar dan browser pada setiap gadget. Desain responsif yang mapu menyesuaikan desain website dengan ukuran gedget menjadi solusi terbaik agar suatu laman bisa diakses melalui perangkat apa saja dan tetap terlihat menarik. hal ini menjadi pengembangan web yang memanfaatkan desain fleksibel agar dapat beradaptasi di berbagai platform, layar, orientasi, bahkan layar TV yang besar sekalipun. Bisa dikatakan hal ini bertujuan agar dapat digunakan di seluruh perangkat yang ada.Desain website yang responsive menggunakan CSS atau sering dikenal dengan Cascading Style Sheets. Teknologi ini digunakan untuk membuat desain dan tata letak yang yang dapat diperluas tanpa mempengaruhi fungsi utamanya. Seperti contoh, jika pengguna beralih menggunakan ponsel  Android ke laptop Windows, situs akan menyesuaikan sendiri secara otomatis.untuk menerapkan itu kita membuat css dengan menambahkan target layar yang kita inginkan, namun secara umun biasanya kita hanya menggunakan 2 mode saya veri phone cell dan desktop seperti saya contohkan ini contoh css versi desktop .demo-top-right{position:fixed;top:50;right:0; height:40px; width:200px;} .demo-top-right>.menu{width:25%;float:left;text-align:center;padding:10px;height:100%;border:2px solid #dddddd;} .demo-top-right>.menu >.fa{transform:scale(1.2);} ini dengan versi desktop kita membuat tmpilan menu ada di atas bagian kanan layar. Kemudian kita ingin membuat responsivenya untuk versi handphone maka @media only screen and (max-width: 768px) { .demo-top-right{width:100%;height:50px;top:92%;} .demo-top-right>.menu >.fa{transform:scale(2.0);} } disitu terlihat perbadaannya untuk tampilan versi desktop dan pada handphone dengan membungkus css dengan @media only screen and (max-width: 768px) yang artinya jika lebar layar di bawah 768px maka menu akan berubah berada di bawah dan jika di buka melalui kmputer atau laptop maka menu akan berada di atas pojok kanan layar. untuk melihak demonya bisa di lihat pada demo floating menu responsip.

onbeforeunload javascript

ONBEFOREUNLOAD JAVASCRIPT, MEMBUAT AKSI PADA TOMBOL CLOSE
Dalam website kita banyak mengenal script, baik itu html javascript css php dan lainnya, banyak nama script banyak pula fungsi setiap scciptnya. dalam kasus ini kita bahas mengenai aski lain pada tombol close onbeforeunload, script ini digunakan untuk memberikan jeda pada pengunjung untuk tidak langsung meninggalkan halaman pada saat pengunjung memilih kembali atau close halaman kita.tentu saja akan menambah waktu berkunjung di halaman kita meskipun tidak seberapa tetapu bisa membantu menambah waktu berkunjung untuk beberapa detik, tetapi jika kita arahkan menuju halaman lain maka kita juga akan mendapatkan view yang lebih dari script ini. untuk membuat script dasarnya adalah $(window).bind('beforeunload', function(){ alert("pesan anda disini"); return false; }); ini contoh jika kita ingin membuat pesan sebelum di tinggalkan oleh pengunjung.tetapi kita juga bisa mengarahkan untuk menuju halaman yang lain agar pengunjung tidak langsung begitu saja. yaitu dengan cara mengganti text alert("pesan anda disini"); dengan window.open("alamatartikellain","","width=300, height=200");. $(window).bind('beforeunload', function(){ window.open("alamatartikellain","","width=300, height=200"); return false; }); perintih ini pada saat pengunjung akan meninggalkan halaman kita maka akan muncul pilihan tetap meninggalkan atau tetap di halaman yg sama, jika pengunjung memilih meninggalkan maka pengunjung akan di arahkan untuk membuka artikel kita yang lain di jendela baru yaitu akan membuka artikel sesuai yang kita targetkan dengan window.open("alamatartikellain","","width=300, height=200");. dan jika pengunjung memilih tetap maka halaman tidak akan tertutup dan pengunjung akan tetap di halaman yang saya dan juga tidak membuka artikel yang lain.caranya cukup mudah, dan script ini bisa kita terapka untuk menurunkan bounce rate.

bounce rate

BOUNCE RATE, REDUCING BOUNCE RATE
Siapapun Setiap pemilik blog atau website tentu ingin blognya ramai didatangi pengunjung setiap hari. Berbagai langkah optimasi SEO pun diterapkan sampai mendapatkan angka trafik yang dinginkan. Namun, setelah itu datang masalah lain yakni pengunjung-pengunjung tersebut hanya membuka satu halaman dan tidak tertarik untuk menelusuri halaman-halaman lain di website/blog kita. Situasi ini disebut sebagai bounce rate.Bounce rate adalah persentase pengunjung yang langsung meninggalkan website setelah membuka satu halaman saja. bahasa simplenya ya cm sekedar mampir. tentu saja hal ini membuat kita kesal dan berfikir ulang mengapa ini terjadi.langkah yang bisa kita lakukan untuk menurunkan bounce rate ada beberapa cara, Perbaiki Kontent Dalam hal ini membuat sebuah kontent atau artikel yang bagus tentu saja tidak mudah, belum lagi kita harus mencari referensi untuk sebuah kontent, harus research keyword, dll.sebenarnya kita tidak perlu mancari artikel yang banyak di sebut cpc tinggi atau yang lainnya, yang perlu kita kuatkan dalam hal konten ini adalah dengan membuat kontent artikel yang original dan tentu saja dengan kemampuan yang kita memiliki. jangan membuat artikel yang kita sendiri tidak memahami maksud dari artikel itu sendiri, maka susunan katanya pun tidak akan menarik dan terlihat bukan konten original.ada salah satu script untuk membantu menurunkan bounce rate yaitu kita bisa menggunakan perintah onbeforeunload yaitu menggunakan javascript. yang berfungsi pada saat pengunjung meninggalkan halaman kita maka akan muncul alert atau pesan dengan pilihan untuk meninggalkan halaman atau tetap di halaman tersebut, yuk kita pelajari cara membuat onbeforeunload javascript.

javascript remove class

JS TOGGLECLASS, JAVASCRIPT CLASS METHOD
Didalam website tentu banyak sekali tag html yang memiliki berbagai atribut baik itu class atau id, dengan tujuan agar mudah di panggil atau juga untuk memudahkan melakukan custom style yang kita terapkan melalui file css.kemudian bagaimana agar kita bisa merubah class dari elemen html itu pada saat website sudah berjalan atau ingin melakukan perubahan class pada suatu elemen dengan menggunakan javascript.tentu kita harus membuat scriptnya, yang harus kita pahami adalah class ini di peroleh dari file css yang kita terapkan pada elemen html.disini saya contohkan dengan membuat div dengan perintah atau style tersembunyi dengan kata lain pada css yaitu hidden.Contoh sederhana:contoh perintah css: .hidden{display:none;} lalu akan kita terapkan untuk menyembunyikan gambar contohnya: maka gambarpun tidak akan muncul pada halaman kita sebelum kita hilangkan class hidden tersebut.maka kita membuat perintah javascript untuk menghilangkan class hidden pada div yang memiliki class gambar tersebut. sebelumnya kita perhatikan pada disitu terdapat 2 class yaitu gambar dan hidden dengan keadaan tersembunyi karena ada class hidden dengan perintah yang ada di css yaitu .hidden{display:none;} : yang artinya tidak di tampilkan.untuk menghilangkan class hidden pada class gambar cukup mudah yaitu: $(".gambar").removeClass("hidden"); atau jika ingin menampilkan gamabarnya delay atau di kasih tenggang waktu maka setTimeout(function(){ $(".gambar").removeClass("hidden"); },3000); maka gambar akan muncul setelah 3 detik setelah halaman terbuka. ini juga bisa kita gunakan untuk melakukan lazy load yang kita buat menggunakan css css lazy load cukup mudah dan sederhana semoga bermanfaat.

image lazy loading

IMAGE LAZY LOADING, MENGATUR WAKTU LAZY LOAD
Dalam sebuah website kita banyak menggunakan berbagai macam script dan jenisnya atau kita juga sering menggabungkan 2 script sekaligus untuk membuat sebuah tampilan yang sesuai keinginan, seperti kasus ini kita akan menggabungkan dua script untuk berjalan beriringan dalam sebuah website yaitu kita menggunakan javascript dan CSS.kali ini kita akan membahas bagaimana cara menentukan lama loading lazy load atau untuk menjaga First Conteentfull Paint yang kita buat menggunakan file css.untuk yang belum tau cara membuat lazy load dengan css bisa kuntjungin css lazy load.dengan penggunaan css lazy load maka setiap element tag html yang ada di dalam website memiliki class .lazy-load. nah untuk menghentikan animasy dan menampilkan kontent website yang sesungguhnya maka kita bisa menggunakan javascript dengan cara javascript remove class, nah untuk menghentikan lazy load maka kita akan memanggil semua elent yang memiliki dan tidak memiliki class lazy load yaitu dengan cara:kita menggunakan jquery setTimeout(function(){$("*").removeClass("lazy-load");},15000);perintah ini menunjukkan 15000 atau 15 detik untuk menjalankan lazy load pada saat awal membuka halaman website, kita bisa merubah angka itu sesuai keinginan sendiri yang di rasa cukup menarik bagi kalian masing - masing.

animasi css itu mudah

CSS ANIMATION, CSS LOADING ANIMATION
.loading{width:30px;height:30px;border:3px solid:rgba(100,100,100,0.2); border-top-color:blue;} .loading::after{content:" ";} lalu kita tambahkan border radiusnya agarmenjadi bulat .loading{width:30px;height:30px;border:3px solid:rgba(100,100,100,0.2); border-top-color:blue;border-radius:50%;} .loading::after{content:" ";} lalu kita akam mencoba memberikan efek agar berputar .loading{width:30px;height:30px;border:3px solid:rgba(100,100,100,0.2); border-top-color:blue;border-radius:50%; -webkit-animation: putar 2s linear infinite;animation: putar 2s linear infinite;} .loading::after{content:" ";} -webkit-animation: putar 2s linear infinite;animation: putar 2s linear infinite; ini berfungsi mengatur kecepatan putar dari animasi tersebut pada 2s kita bisa merubah sesuai keinginan kita itu merupakan bahan utama untuk style atau bentuk dar animasi loadingnya; sebelum melanjutkan kita perhatikan pada border-top-color:blue itu sebagau pembeda agara pada saat berputar nanti terlihat bergerak dengan adanya warna border yang berbeda. langkah terakhir adalah kita membuat scrip untuk membuat bergerak. pada script ini kita kita akan memanggil nama animasinya yaitu putar 2s linear infinite putar inilah yang akan kita panggil untuk di jalankan sebenarnya rata rata orang menggunakan nama spin tapi jika kita bisa membuatnya maka bebas apapun namanya asalkan kita bisa menerapkannya. OK lanjut membuat perintah animasinya Yang terakhir adalah @keyframes putar { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } ini merupakan perintah untuk memutar putar tadi dengan dimulai dari 0% { transform: rotate(0deg); menuju 100% { transform: rotate(0deg); yang artinya akan berputar dari 0 derajat menuju 360 derajat dalam waktu 2 detik 2s untuk script penuhnya adalah Animasi loading buatanku .loading{width:30px;height:30px;border:3px solid:rgba(100,100,100,0.2); border-top-color:blue;border-radius:50%; -webkit-animation: putar 2s linear infinite;animation: putar 2s linear infinite;} .loading::after{content:" ";} @keyframes putar { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } animasi loading lalu save dengan namafile.html lalu jalankan filenya melalui brorser kalian

seo html tag

SEO HTML TAG, HEADING UNTUK SEO SEBUAH WEBSITE
Dalam SEO kita pernah melihat hasil audit website yang menerangkan bahwa terjadi kesalahan dalam penerapan heading tag.yaitu: H1 sampai dengan H6Dalam sebuah halaman website apapun itu bentuknya, entah artikel ataupun landing atau kita sebut halaman utama, kita di haruskan menggunakan heading tag.Mengapa?Karena heading tag merupakan sebuah susunan struktur text di dalam sebuah halaman.lalu untuk menentukan heading tag caranya seperti apa?yang perlu kita ketahui adalah susunan heading tag di mulai dari H1 yang sering kita tulis dengan < h1 > dan di akhiri dengan < h1 >.yang paling pertama kita gunakan sebagai heading dalam suatu halaman adalah H1.pada heading H1 ini harus kita isi dengan judul website yang sedang terbuka.contohnya: Judul halaman HTML < h1 >HEADER HALAMAN HTML Paragraph Halaman HTML dalam script di atas kita melihat Judul halaman HTMLini merupakan judul dari halaman website kita, maka pada heading H1 kita isi dengan judul halaman kita maka penulisannya adalah.< h1 >Judul halaman HTMLsetelah itu kita bisa menambahkan paragraph untuk menjelaskan isi dari pokok pembahasan dari < h1 >Judul halaman HTML.kemudian jika ingin menambahkan heading tag yang lain jangan sampai menggunakan tag H1 lagi, karina dalam sebuah halaman hanya di bolehkan menggunakan satu tag H1.untuk menambahkan heading tag yang lain kita bisa menggunakan heading tag H2, H3, H4, H5, dan H6.kemudian cara menyusun heading tag tidak boleh terbalik, harus berurutan dari H1 sampai dengan H6.apakah harus di gunakan semuanya H1 sampai H6 tidak wajib, hanya saja jika ingin menggunakannya harus berurutan dari H1 ke H6.jika H2 atau H yang lain double bagaimana tidak masalah asalkan setelah heading tag H3 jangan di susul dengan H2.mengapa judul halaman atau title halaman harus sama dengan heading tag H1?karena ini merupakan salah satu SEO yang di inginkan oleh mesin pencari manapun.atntara title halaman dan heading tag H1 harus memiliki kesamaan agar mudah mengidentifikasi halaman tersebut.

tag html

TAG HTML, HTML TITLE TAG FOR HTML TAG SEO
title html adalah sebuah text atau tulisan yang muncul di atas browser yang sedang terbuka.didalam penulisannya sama seperti penulisan dasar hatml, title atau judul atau disebut juda nama halaman dapat digunakan sebagai identifikasi atau menandai atau bisa disebut juga sebagai nama daripada halaman website yang sedang kita buka.untuk dapat melihat dimana letak tulisan bisa di lihat oleh orang awam?.kita hanya cukup membuka suatu halaman website, lalu kita arahkan mouse pada persis di atas bwrowser kita, kalo di komputer biasanya di area sekitar tombol close.jika kita menggunakan smartphone maka tulisan title tersebut bisa terlihat di atas browser pada smartphone tersebut.lalu bagaimana cara kita menerapkan title atau judul halaman yang akan kita buat tersebut.yaitu dengan menambahkan tag atau kode pada atas file html yang posisinya berada di antara dan untuk penulisannya itu sendiri yaitu kita cukup menambahkan title tagJudul halamannah untuk posisinya kita letakkan pada file html seperti dibawah ini. judul halaman website < h1 >header halaman website subtitle halaman websita paragrap halaman website nah itu cara kita membuat identitas halaman sebagai judul, atau sebagai nama daripada htmtltn website.

html tag seo

HTML TAG SEO, FAVICON FOR META TAG SEO
Sebelum membahas lebih jauh, hal pertama yang sebaiknya Anda pahami adalah definisi dari apa itu Favicon. Favicon sendiri merupakan kependekan dari favorite icon.Lengkapnya adalah ikon unik pada sebuah website yang berfungsi sebagai identitas dari website tersebut.Favicon sendiri tampil di bagian tab browser dan sekilas ukurannya juga terlihat sangat kecil.Umumnya para pengelola website akan menggunakan logo perusahaan sebagai Favicon, sehingga menyempurnakan tampilan website.Karena dengan penambahan ikon unik ini maka tampilan website akan terlihat lebih profesional.Beberapa orang juga menggunakan Favicon untuk mempercantik tampilan website yang dimiliki.Cara pembuatannya pun mudah, apalagi sudah banyak tool generator yang bisa dimanfaatkan untuk membuatnya.Namun, jika paham soal coding atau mungkin ada jasa tertentu yang bisa dimintai bantuan.Beberapa kemungkinan pembuatan dan pemasangan Favicon ini dapat menggunakan Favicon HTML ataupun metode lainnya.untuk ukurannya sendiri sebaiknya kita gunakan 16x16 pixel agar bisa tampil maksimal pada sebuah website.lalu apakah bisa menggunakan ukuran yang lain tetap bisa hanya saja di sarankaan untuk menggunakan ukuran yang persegi.untuk type gambar sendiri disarankan menggunakan icon atau gambar yang memiliki extensi ico.lalu apakah bisa menggunakan type extensi yang lain tentu saja bisa hanya saja kita merubah sedikit perintah skripnya.lalu bagaimana cara memasang Favicon pada halaman HTM?maka kita bisa memasangnya dengan memberikan script pada                    Judul halaman HTML                    HEADER HALAMAN HTML     Paragraph Halaman HTML           script di atas menggunakan gambar dengan jenis icon Judul halaman HTML HEADER HALAMAN HTML Paragraph Halaman HTML script di atas menggunakan gambar dengan jenis pngpastikan alamat gambar sesuai agar icon website bisa muncul href="namafile.png" merupakan alamat atau lokasi file gambar yang dijadikan icon.

script html website

SCRIPT HTML WEBSITE, BELAJAR DASAR HTML5
secara umum susunan HTML cukup sederhana dan mudah untuk di pahami bagi para pemula sekalipun.dalam pembuatannya yaitu kita dapat menentukan tag pertama secara umum adalah dan di tutup denganlalu kita pahami dengan adanya sedikit perbedaan versi terdahulu dan versi yang sekarang.contoh HTML pada versi 4.1.0 sedangkan versi 1.0 biasa di sebut XHTML lalu bagaimana dengan versi 5 atau versi yang terbaru. untuk versi 5 kita hanya cukup gunakan:untuk mengawali tag sebuah HTML.Coba kita buat script HTML lengkapnya Judul halaman HTML HEADER HALAMAN HTML Paragraph Halaman HTML mendeklarasikan bahasa untuk halaman HTMLJudul halaman HTMLtitle merupakan identital dari halaman yang sedang terbuka atau bisa di sebut nama halaman.merupakan bagian dari HTML untuk menyimpan berbagai konfigurasi yang dapat di gunakan oleh halaman HTML itu sendiri.untuk penggunaannya adalan script atau konfigurasu kita letakkan antara  dan .di gunakan untuk menampilkan seluruh data pada sebuah halaman HTML yang penggunaannya kita letakkan kontent atau isi dari halaman di antara dan .di gunakan untuk menampilkan seluruh data pada sebuah halaman HTML yang penggunaannya kita letakkan kontent atau isi dari halaman di antara.secara simple bisa kita simpulkan cara penggunaan tag atau code dalam HTML adalah:dengan dan di akhiri .yaitu dengan awalan dan&nbsp; di akhiri cukup mudah di pahami bukan?semoga bwemanfaat.

menu website

MENU WEBSITE, FLOATING MENU CSS HTML
Untuk sebagian besar pecinta blog atau website tampilan website baik mlai dari layout, warna dan menu - menu tentu saja menjadi perhatian utama, selain dari isi kontent yang di tawarkan style dalam sebuah website juga menjadi bagian utama untuk membuat visitor nyaman dan betah berlama - lama di dalam website kita. banyak yang perlu diterapkan untuk bisa memenuhi semua keinginan terutama dalam membuat tampilan website kita menjadi menarik dan nyman bagi pengunjung, salah satunya dengan membuat style menggunakan css.lalu kita coba ingin membuat sebuah menu yang sesuai dengan website kita, kali ini akan saya bagikan cara membuat sebuah floating menu fixed, yaitu kita akan membuat menu dimana menu ini akan selalu berada di atas atau di bawah pada layar.secara umum kita akan menerapkan yaitu perintah position:fixed; untuk membuat menu tersebut akan tetap pada posisinya meskipun di scroll keatas maupun ke bawah, dengan adanya perintah fixed artinya dia tidak akan terpengaruh dalam keadaan apapun oleh kondisi di dalam website tersebut.untuk script simplenya adalah .responsip{position:fixed;bottom:0;left:0;height:60px;background:#eeeeee;width:100%;} .responsip>.menu{width:25%;float:left;text-align:center;padding:10px;height:100%;border:2px solid #dddddd;} disini nama class utamanya adlah .responsip itu bisa di ganti sesuai keinginan kita, maka untuk penggunaannya adalah untuk class kedua yaitu menu yang akan kita tampilkan atau list menu utaman, disitu terlihat angka 25% yang artinya akan ada 4 menu utama yang akan kita terapkan, jika ingin membuat 5 mrnu bisa kita ubah menjadi 20% artinya 100 di bagi 20. untuk penerapannya jika digabungkan menu1 menu2 menu3 menu4 secara umum tag div adalah displaynya block, maka pada class .menu kita beri perintah floaf:left yang artinya akan di dorong kekiri dan tidak lagi menyusun ke bawah melainkan sejajar menyamping, untuk script lingkapnya .responsip{position:fixed;bottom:0;left:0;height:60px;background:#eeeeee;width:100%;} .responsip>.menu{width:25%;float:left;text-align:center;padding:10px;height:100%;border:2px solid #dddddd;} menu1 menu2 menu3 menu4 ini merupakan tampilan floting menu secara umum, akan kurang menarik jika tampilan ini di terapkan pada desktop, tampilan ini terlihat menarik jika di terakan pada phonecell atau tablet, maka kita butuh membuat css untuk responsipnya, silahkan buka tentang membuat css responsip.

floating box

FLOATING BOX, MEMBUAT FLOATING BOX PADA WEBSITE
Sering kali kita menemukan pesan yang muncul tiba - tiba pada website yang kita kunjungi, dan pesan itu muncul dengan sendirinya setelah kita membuka halaman website untuk beberapa waktu atau beberapa detik. lalu kita timbul pertanyaan, bagaimana cara membuat animasi pesan tersebut? sebenarnya cara membuatnya cukup mudah, tidak perlu plugin ataupun tools yang membuat kita harus berurusan dengan pihak lain, dan ini bisa kita buat sendiri menggunakan css dan javascript. yang kita butuhkan yaitu: css untuk membuat bentuk box yang akan kita tampilkan pada website kita javascript kita gunakan untuk mengatur delay munculnya box tersebut pada halaman website kita untuk membuat cssnya adalah: .box{width:400px;height:300px;position:fixed;bottom:-100vh;left:0;border:1px solid blue;} .box >.title-box{padding:10px;background:blue;color:white;} .box>.title-box>.close{float:right;color:red;} .box > .content{padding:10px;} nah untuk css sudah kita buat, lalu untuk menerapkannya adalah: INI TITLE BOX ANDA x Disini kontent utama yang akan kita tampilkan di dalam box. untuk box sudah siap kita gunakan tetapi jika di pasang tidak akan muncul karena posisinya ada di bawah dengan pengaturanbottom:-100vh; pada css di atas, untuk dapat memunculkannya maka kita gunakan javascript untuk memanggil box tersebut. setTimeout(function(){ $(".box").animate({bottom:"0vh"},900); },5000); dalam javascript di atas kita akan mendelay box muncul setelah 5 detik dengan anka 5000 setelah halaman terbuka. lalu untuk membuat closenya kita gubakan javascript juga yaitu: $(".box").find(".close").click(function(){ $(".box").animate({bottom:"-1000vh"},900); }); maka perintahnya kita kembalikan kebawah agar tidak terlihat yaitu dengan angla -100vh. untuk script lengkapnya .box{width:400px;height:300px;position:fixed;bottom:-100vh;left:0;border:1px solid blue;} .box >.title-box{padding:10px;background:blue;color:white;} .box>.title-box>.close{float:right;color:red;} .box > .content{padding:10px;} INI TITLE BOX ANDA x Disini kontent utama yang akan kita tampilkan di dalam box. setTimeout(function(){ $(".box").animate({bottom:"0vh"},900); },5000); $(".box").find(".close").click(function(){ $(".box").animate({bottom:"-1000vh"},900); }); caranya cukup mudah Semoga bermanfaat

css html lazy load

CSS HTML LAZY LOAD, MEMBUAT CSS LAZY LOAD SEDERHANA
Banyak yang beranggapan untuk menggunakan lazy load itu harus dengan plugin atau dengan tool yang lainny, mengapa saya bilang seperti itu, sebelum membahas cara membuat dan penerapannya kita harus tau dulu apa fungsi dari lazy load itu sendiri.lazy load berfungsi untuk mengganti sementara tampilan website kita sebelum semua element di dalam website kita terbuka secara sempurna, katalain lazy load adalah tampilan sementara di awal pembukaan halaman website.kenapa demikian, karena dalam audit website kita melihat skor FCP First Contentfull Paint. yang bisa kita simpulkan bahwa pada saat pertama membuka halaman yang terlihat halaman kosong dan tidak terlihat bentuk website kita, lalu fungsi dari lazy load ini di gunakan memberikan layout pada halaman kita meskipun kosong tetapi terlihat bentuk dari susunan halaman kita dengan memberi efek yang membentuk seperti blok blok pada website kita. jika kita melihat website besar seperti disini saya contohkan

thumbnail website

THUMBNAIL WEBSITE, CREATE THUMBNAIL WEBSITE
Tampilan thumbnail atau cuplikan preview sebuah website sangatlah penting untuk kita terapkan pada website kita, agar pada saat kita membagikan link url atau membagikan sebuah tautan kepada orang lain bisa terlihat cuplikan website kita.yang biasa terlihat pada thumbnail yang kita bagikan kepada orang lain atau sosial media adalah gambar thumbnail, judul halaman dan deskripsi halaman sesuai alamat irl yang kita bagikan.yang perlu kita perhatikan dalam mengirim atau ingin menampilkan thumbnail atau sebuah cuplikan link yang kita bagikan adalah dengan melakukan perubahan pada file html. sebelum kita melakukan perubahan kita bisa mencoba menguji halaman website kita yang kita kelola, banyak cara yang bisa kita lakukan untuk melakukan pengujian website kita antara lain: Pencarian google Meta tag lalu silahkan di uji dengan emasukkan alamat website halaman utama atau alamat dari salah satu artikel yang kita miliki untuk melihat tampilan website kita saat kita bagikan.jika tampilan masih standart atau gambar cuplikan barada di samping maka kita bisa lakukan perubahan pada file html.yang akan kita rubah adalah:silahkan masuk pada editor html lalu cari baris atau tulisan perhatikan bagian baris tersebut ada tulisan max-image-preview:standart, lalu kita ganti dengan.lalu kita ganti menjadi max-image-preview:large.jika sudah silahkan di uji lagi untuk melihat perubahannya.