Posts

Showing posts with the label Blogging

Cara Membuat File Peta Situs untuk Situs Anda

Image
Cara Membuat File Peta Situs untuk Situs Anda Dalam tutorial ini saya akan menunjukkan cara membuat file sitemap WordPress (contoh sitemap_index.xml) untuk situs Anda. Peta situs digunakan oleh Google, Bing, dan Yandex sebagai hierarki untuk situs web Anda.   Saya sangat menyarankan meluangkan waktu untuk membuatnya dan mengirimkannya dengan benar ke Google, Bing, dan Yandex.   Jika Anda tidak menjalankan WordPress, lihat tutorial saya yang lain tentang "  Cara Membuat File Peta Situs secara Manual untuk Situs Anda  ." Menyiapkan file sitemap Anda di WordPress sangat mudah, namun saya sering ditanya pertanyaan ini berkali-kali yang saya ambil. waktu untuk posting itu Membuat File Peta Situs WordPress Langkah 1 Langkah pertama adalah memasang plugin WordPress "  WordPress SEO by Yoast  ." Ini adalah plugin yang selalu saya rekomendasikan untuk menghasilkan file sitemap Anda jika Anda menjalankan WordPress, dan ini benar-benar gratis.   Saya telah mengguna

Cara convert HTML ke Javascript document.write otomatis

Image
Bagaimana cara convert HTML ke Javascript document.write secara otomatis Biasanya orang yang membuat website atau blog yang menggunakan fitur javascript biasanya bingung dalam membuat LIKE BOX maupun SOCIAL SHARE BOX untuk website nya. Agar tombol like atau share dapat tepat merujuk like atau share terhadap artikel yang dikunjungi visitor. Nah berikut cara nya: 1. Masuk ke website berikut ini : HTML to Javascript Converter 2. Copy Kode HTML yang anda ingin terapkan dalam penerjemahan javascript. Kemudian paste Kode HTML tersebut ke dalam box yang sudah di sediakan. Kemudian klik Convert to javascript syntax . Selesai. HTML anda sudah siap untuk di terapkan di javascript untuk di print secara dinamis.

SEO Responsive Author Box Untuk Blog

Image
Apakabar semua... Jumpa lagi dengan topik Snippet (Html/CSS). Kali ini kami akan share Snippet SEO RESPONSIVE AUTHOR BOX untuk blog kalian nih. Author Box ini mempunyai kelebihan dalam SEO. Yaitu: Ditambah Schema Structure Untuk: Persons Organization OrganizationRole Responsive: Author box ini fleksibel untuk semua macam ukuran device user, mulai dari java, bb, android, iphone, dan desktop sekalipun Cekidot kode nya vroo.... HTML: <div class="dimaslanjaka" itemscope="" itemtype="http://schema.org/contributor"> <div class="about-author" itemscope itemprop="Person" itemtype="http://schema.org/Person"> <h3> <i class="fa fa-user-circle-o"> </i> About Author: </h3> <img align="left" src="https://res.cloudinary.com/dimaslanjaka/image/fetch/https://imgdb.net/images/3184.jpg" itemprop="image"/>

Simple Recent Posts Blogger Plus Thumbnails

Image
Installing a recent post widget is one way to minimize bounce rate blog by providing information for the latest posts on readers. With so readers will easily find the most warm posts on the blog. Many kinds of recent post widgets like recent posts or recent carousel shaped posts. Well this time I will share a blogger widget recent posts are quite simple and stored in the sidebar blog. In addition to simple, recent posts widget has a fairly light loading, so you need to try also hehehe ... Demo If you are interested to try it, please follow the steps below. Please save the following CSS code above </head> code (you may need to customize some sections to customize it to the theme you are using). <style> /*<![CDATA[*/ ul#recent-posts{width:100%;margin:0 auto;padding:0!important;list-style-type:none} ul#recent-posts li{background:#FFF;padding:0!important;margin-bottom:10px;overflow:hidden;width:100%;height:auto;-webkit-box-shadow:2px 2px 3px rgba(0,0,0,.05);-o-

Deskripsi Tentang Noodp Dan Noydir Meta Tag

Image
Meta tag NOODP atau “No Open Directory Project” dan Meta Tag NOYDIR Atau “No Yahoo Directory” Ini digunakan jika situs web Anda terdaftar di salah satu direktori ini dengan informasi yang tidak ingin Anda gunakan di halaman hasil (search results). Ini mungkin terjadi jika Anda memiliki daftar lama dan usang yang tidak lagi berlaku. Mereka meminta robot untuk tidak menggunakan informasi dari sumber ini, dan itu opsional. Tanya Jawab Noodp & Noydir Meta Tag Pertanyaan 1 Jadi dengan menambahkan noydir misalnya, URL yang ditentukan tidak bisa diindeks oleh Google Atau Yahoo ? Saya tidak begitu mengerti kegunaan dari ini !!! Saya akan berpikir bahwa sesuatu seperti daftar properti harus muncul. Misalnya, beranda kami memasang tag ini seperti ini: <meta name="robots" content=" noodp, noydir " /> Bukankah ini akan mengecualikan home page kita dari Yahoo dan Open Directory? Sekarang saya sangat prihatin karena sebagian besar halaman arahan utama ka

Cara Host CSS dan JavaScript file di Github dengan Rawgit

Image
Jika Anda serius tentang blogging dan ingin untuk membuat blog Anda yang terbaik dalam semua kategori, maka Anda tidak hanya perlu fokus pada konten berkualitas tinggi tetapi juga pada kecepatan loading blog.  Jika blog Anda beban kecepatan ini tidak baik.  Maka pengunjung blog Anda akan mulai untuk meninggalkan blog Anda pada kunjungan pertama dan akan pindah ke beberapa blog untuk artikel yang sama. Dalam tutorial ini, saya akan memperkenalkan Anda penyedia layanan CDN gratis baru yakni, RawGit(by MaxCDN) yang adalah alat sumber terbuka yang menyajikan raw file langsung dari GitHub dengan header Content-Type yang benar.  Dan juga, menjelaskan kepada Anda bagaimana untuk mengatur untuk terbatas bandwidth menggunakan GitHub.  Tetapi sebelum ini, izinkan saya menjelaskan sesuatu tentang keuntungan, Mengapa Anda harus menggunakan RawGit CDN (Content Delivery Network)? CDN, singkatan dari pengiriman konten jaringan, adalah sistem secara luas didistribusikan beberapa server di ber

How to Create Social Share Buttons Without Javascript

Image
If you feel loading a blog a bit heavy or slow, one of the causes is the presence of javascript. Maybe one of them is social share buttons on your blog. Usually we use social share buttons from third parties like AddThis.com and others.Well to reduce the loading loading blog, you can replace this social share buttons with social share button without javascript. This means that share buttons are built using CSS code by including links for sharing articles to social media such as Facebook, Twitter, and Google+. If you are interested in trying to use it, please copy the code below: 1. Social Share Buttons Without Javascript With Images. <b:if cond='data:blog.pageType == &quot;item&quot;'> <div style='border-top:3px solid #ccc; border-bottom:1px solid #ddd; width:100%;height:35px;text-align:left;font:normal 11px Arial;color:#333;margin:10px 0;

Dapatkah Anda Mendapatkan Persetujuan AdSense dengan Situs Subdomain?

Image
Saya telah mengajukan pertanyaan ini berkali-kali bahwa " Dapatkah saya mendapatkan persetujuan Adsense dengan Subdomain? " Sebelum kita menyelami jawabannya disini beberapa informasi tentang Subdomain. Subdomain: subdomain adalah domain yang merupakan bagian dari domain tingkat atas. Misalnya, Blogspot.com adalah domain tingkat atas dan yourdomain.blogspot.com adalah subdomain. Subdomain bisa dua jenis yaitu subdomain dari domain sendiri dan subdomain dari domain pihak ketiga. Jika Anda menggunakan subdomain Anda sendiri dan Anda telah menyetujui akun AdSense maka Anda dapat menempatkan kode Adsense di subdomain Anda. Tapi pastikan konten situs subdomain Anda sesuai dengan AdSense. Sekarang pindah ke nama domain pihak ketiga seperti Blogspot.com, WordPress.com dll Jadi pertanyaan kita adalah " Apakah Google menyetujui iklan Adsense untuk situs subdomain? " Jawabannya adalah YA . Jika Anda menggunakan Blogspot atau Weebly. Blogspot juga merupakan layana

Update Code Auto Syntax Highlighter Prettyprint js

Image
Jumpa lagi dengan topik JavaScript Dan jQuery. Sebelumnya saya sudah share Cara menambah syntax highlighter dengan prettyprint di blog tanpa mengurangi kecepatan loading website 100% Work Tested , namun kali ini saya improvisasi codenya jadi lebih ringan dan simpel. Note: Taruh kode dibawah ini diatas </body></html> //Defer Syntax Higlighter function downloadJSAtOnload() { (function(scripts) { var i = 0, l = scripts.length; for (; i<l; ++i ){ var element = document.createElement("script"); element.src = scripts[i]; document.body.appendChild(element); } })(['https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?lang=css&skin=sunburst']); } if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; $("pre&q

Defer Loading File CSS untuk Mengurangi Waktu Pemuatan Halaman

Image
Waktu buka halaman adalah salah satu hal penting bagi pengunjung Anda, dan sama pentingnya bagi mesin telusur. Saat menyertakan beberapa file JavaScript dan CSS , browser harus menunggu sampai semua file tersebut telah diunduh untuk merender halaman. Bergantung pada kecepatan koneksi, diperlukan beberapa detik untuk memuat semua sumber dan pengunjung harus menganggur sampai saat itu. Teknik yang kita bahas di sini akan memungkinkan browser untuk menampilkan halaman HTML awalnya tanpa gaya apapun, sehingga pengunjung setidaknya bisa mulai membaca isinya. Begitu halaman di-load, style sheet akan dimuat dan diterapkan tanpa memblokir thread utama. Ini mirip dengan menunda pemuatan tombol media sosial . Anda mungkin berpikir mengapa seseorang harus mengekspos tampilan halaman yang jelek tanpa memuat gaya! Itu benar, meski itu akan membuat kesan buruk. Jadi, pendekatan terbaik bisa termasuk kode CSS kritis yang diperlukan untuk memberi gaya pada konten paruh atas di halaman HTML i

Cara defer loading multi css

Image
Definisi dan Penggunaan Atribut defer adalah atribut boolean. Saat ini, ia menentukan bahwa skrip dijalankan saat halaman selesai diurai. Catatan: Atribut defer hanya untuk skrip eksternal (seharusnya hanya digunakan jika atribut src ada). Catatan: Ada beberapa cara skrip eksternal dapat dijalankan: Jika async hadir: Script dijalankan secara asynchronous dengan sisa halaman (script akan dieksekusi saat halaman melanjutkan penguraian) Jika async tidak hadir dan menunda hadir: Script dijalankan saat halaman selesai diurai Jika tidak ada async atau defer yang ada: Script diambil dan dijalankan segera, sebelum browser melanjutkan penguraian halaman Nah berikut kode untuk defer loading multiple css : <script type="text/javascript"> var loadCSSFiles = function() { var links = ["//example.com/css/custom.css", "//fonts.googleapis.com/css?family=PT+Sans", "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css&quo

How To Resize and Crop Image to fit Container div using CodeIgniter and jQuery

Image
Resize and Crop Image to fit Container div using CodeIgniter and jQuery When we have a tendency to visit the gallery page of an internet site we primarily see there area unit 2 varieties of image for a selected show image of the gallery. One is that the thumbnail image that we will see on the page once it loaded on browser and therefore the alternative one is that the original image that we will see when clicking on thumbnail. So here the user goes to transfer a picture for the gallery and our system is doing jobs because the following: Creating a replica to make the thumbnail of the first image. Resize the copy image which inserts closely into the fastened height and breadth of the instrumentation div of the thumbnail on gallery page, that additionally maintains the first image resolution quantitative relation. Crop the image to make an ideal thumbnail for the image. To achieve this good thumbnail we tend to ar attending to use CodeIgniter  file uploading  ,