Blogger 0 comments on Cara Paling Sederhana Untuk Mendapatkan Pengunjung

Cara Paling Sederhana Untuk Mendapatkan Pengunjung

Tidak ada cara mudah untuk mendapatkan pengunjung daripada mengirimkan artikel ke direktori artikel. Mengirimkan artikel ke direktori artikel adalah cara yang paling sederhana dan efektif untuk mendapatkan lalu lintas berkualitas ke situs web Anda. Banyak Gurus Cari telah menganggap Artikel Pemasaran sebagai metode paling efektif untuk mendapatkan lalu lintas ke situs web.

Cara Paling Sederhana Untuk Mendapatkan Pengunjung
Marketing

Proses mengirimkan artikel ke direktori artikel juga sangat sederhana. Yang perlu Anda lakukan adalah menulis artikel informatif dan mengirimkan artikel yang sama ke Direktori. Pastikan artikelnya kecil dan efektif. Tidak masuk akal untuk menulis artikel seribu kata dan membuat pembaca tidur. Jaga agar artikel kecil, informatif dan sederhana. Artikel Anda harus menyampaikan keefektifan situs Anda dengan cara terbaik sejauh mungkin sehingga akan menarik perhatian pembaca, tanpa terlalu bosan.

Bagaimana bisa website saya mendapatkan pengunjung dengan menulis artikel?

Agar pengunjung Anda perlu mempromosikan link situs web Anda. Setiap direktori artikel memungkinkan pengarangnya untuk mempromosikan tautan situs web mereka di bagian sumber dari Direktori Artikel. Kotak sumber adalah tempat di mana Anda bisa berbicara tentang diri Anda, situs web dan produk Anda. Jaga kotak sumber daya sesederhana mungkin. Jika artikel Anda cukup informatif, bersiaplah untuk klik di tautan situs web Anda melalui kotak sumber artikel Direktori.

Apakah saya perlu mengirimkan artikel saya ke satu artikel saja?

Jika Anda mencari lalu lintas yang baik dan pengunjung ke situs web Anda, Anda harus memastikan bahwa Anda mengirimkan situs Anda ke banyak Direktori Artikel. Hanya mengirimkan artikel ke artikel Article Directory tidak akan membantu. Anda harus memamerkan link website Anda ke pengunjung sehingga bisa mendorong mereka untuk mengunjungi situs Anda dan akhirnya membeli produk Anda. Anda bisa mendapatkan hasil terbaik dengan menulis beberapa artikel dan mengirimkan artikel yang sama ke beberapa Direktori Artikel.

Dengan mengirimkan beberapa artikel ke direktori Artikel yang berbeda, sebenarnya Anda memasarkan situs web Anda dengan cara terbaik. Saran saya kepada Anda akan mengambil inisiatif untuk mengirimkan setidaknya satu artikel ke grup direktori artikel setiap hari. Saya mengerti bisa sedikit membosankan untuk mengirimkan artikel ke direktori artikel yang berbeda. Jika Anda tidak punya waktu, Anda bisa menyewa jasa pembangun Link profesional yang tidak bisa hanya membantu Anda dalam menulis artikel berkualitas tapi juga mengirimkan hal yang sama ke ribuan Direktori Artikel di Internet.

Efektivitas Pasal Pemasaran semakin meningkat setiap hari. Banyak orang sudah mulai menyadari pentingnya mengirimkan artikel ke direktori artikel. Jika Anda baru mengenal konsep Direktori Artikel, saya harap artikel ini pasti memberi Anda gagasan dasar tentang subjek ini.

Jadi jika Anda khawatir mengapa Anda belum menghasilkan penjualan produk Anda. Sudah saatnya Anda mulai membangun tautan ke situs web Anda melalui Artikel Pemasaran. Untuk tetap sederhana, Anda tidak hanya mendapatkan kembali tautan ke situs web Anda namun yang terpenting mendapatkan lalu lintas berkualitas.

Blogger, SEO 0 comments on Belajar HTML Yang Suka Ngoding

Belajar HTML Yang Suka Ngoding

Saung Artikel Bangsa – Kalian suka ngoding? Baiklah kali ini saya akan membahas tentang HTML. Jangan lupa untuk menyiapkan sebuah minuman hangat ataupun dingin dengan cemilan yang kalian suka. Karena artikel ini akan membutuhkan waktu yang cukup lama untuk di pelajari. Belajar HTMl mungkin sudah di mengerti oleh sebagian para master tapi bagaimana dengan para newbie seperti saya ini? tentunya harus banyak belajar bukan. Artikel ini akan saya tulis sedetail mungkin untuk belajar HTML bagi para pengunjung setia Saung Artikel Bangsa.

Belajar HTML Yang Suka Ngoding
Sumber : Malas Ngoding 

Belajar HTML Part 1 : Pengertian HTML 

Belajar HTML Dasar Pengertian HTML

Apa itu HTML ? mungkin pertanyaan inilah yang terbersit pada benak anda yang baru mulai masuk kedalam dunia web programming. HTML merupakan bahasa pemograman dasar yang wajib di kuasai bagi seorang web developer. karena HTML merupakan unsur dasar dari pembangunan sebuah website. jika di ibaratkan HTML menjadi pondasi pada sebuah rumah atau bangunan. karena bentuk pada halaman website di buat menggunakan HTML. pada judul artikel Belajar HTML Part 1 : Pengertian HTML ini akan di jelaskan tentang pengertian dari HTML dan sekilas tentang sejarah HTML dan perkembangannya. oleh karena itu anda bisa menyimak artikel berikut ini tentang Pengertian HTML.

Pengertian HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa Mark Up yang digunakan untuk membuat sebuah halaman website. di dalam dunia pemograman berbasis website(Web Programming) html menjadi pondasi dasar pada halaman website. sebuah file HTML di di simpan dengan ekstensi .html (dot html) dan dapat di eksekusi atau diakses menggunakan web browser(Google Chrome, Mozilla Firefox, Opera, Safari dan lain-lain). seperti yang sudah di jelaskan HTML adalah dasar dari sebuah website. untuk membuat sebuah website tidak cukup hanya menggunakan HTML, kita memerlukan bantuan CSS, JavaScript dan PHP untuk membuat sebuah website yang dinamis. jika halaman website dibuat hanya menggunakan HTML saja maka halaman website tersebut di sebut halaman statis karena tidak memiliki aksi atau fungsi-fungsi yang dapat mengelola website. tentu developer akan sangat di sibukkan dengan harus mengubah lagi file HTML setiap ingin mengupdate artikel.
HTML memiliki beberapa element yang tersusun dari tag-tag yang memiliki fungsi nya masing-masing. seperti tag heading, paragraf, pembuatan form, tombol, list, membuat hyperlink atau link yang menghubungkan antar halaman website dan banyak lagi lainnya yang akan saung-artikel.com bahas pada artikel belajar HTML dasar selanjutnya di saung-artikel.com.

Kegunaan HTML

HTML berfungsi sebagai pondasi sebuah halaman website. adapun yang dapat di lakukan dengan HTML adalah sebagai berikut :
  1. Membungkus element-element tertentu sesuai kebutuhan
  2. Membuat heading atau format judul
  3. Membuat Tabel
  4. Membuat List
  5. Membuat Paragraf
  6. Membuat  Form
  7. Membuat Tombol
  8. Membuat Garis
  9. Membuat huruf tebal
  10. Membuat huruf miring
  11. Menampilkan gambar
  12. Menampilkan video
  13. Dan banyak lainnya yang akan kita pelajari
Sampai saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur tambahan salah satunya dengan HTML5 memungkinkan kita untuk membuat streaming video tanpa bantuan flash. untuk tutorial cara membuat streaming video dengan HTML5 juga akan kita bahas pada tutorial belajar HTML dasar pada artikel selanjutnya di Saung Artikel Bangsa. Belajar HTML Dasar Pengertian HTML
jadi kesimpulan dari pengertian HTML ini adalah HTML merupakan pondasi dasar dari sebuah pembuatan sebuah website. untuk mengeksekusi atau menjalankan file html harus menggunakan web browser.

Belajar HTML Part 2 : Memilih Text Editor

Belajar HTML Memilih Text Editor

Untuk anda yang baru mau belajar bahasa pemrograman, disini khusunya pemrograman web tentulah berfikir bagaimana saya membuat, dan apa yang harus saya gunakan untuk membuat  program ? berikut kami sediakan jawaban yang mungkin terbesit dalam hati/pikiran anda yang baru mau belajar bahasa pemrograman. sebelum kita memulai cara penulisan HTML terlebih dahulu yang harus anda sediakan adalah text editor dan browser.
Text Editor merupakan aplikasi yang digunakan untuk menulis syntax atau kode program, disini khususnya untuk penulisan kode program HTML itu sendiri. Text editor sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode HTML, seperti Nodepad yang disediakan oleh sistem operasi windows, TextEdit yang disediakan oleh sistem operasi Mac dan Nano yang disediakan oleh sistem operasi linux. Text editor berbeda dengan Word Processor (Microsoft Word, King Soft, WordPerfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format document serta tidak disediakan fitur-fitur yang bisa digunakan untuk desktop publishing.
Browser merupakan aplikasi yang akan kita gunakan untuk menjalankan code program html yang sudah kita tulis. browser ini ialah syarat yang harus anda penuhi jika anda belajar web programing. untuk browser itu sendiri bisa digunakan yang sudah disediakan oleh sistem operasi langsung ataupun bisa juga digunakan aplikasi browser yang lain misalnya Mozilla Firefox, Opera, Chrome dan sebagainya. Belajar HTML Memilih Text Editor

Belajar HTML Memilih Text Editor

Berikut beberapa text editor yang kami sarankan untuk digunakan dalam penulisan code program bagi anda yang baru belajar bahasa pemograman.
  1. Sublime text. Text editor yang paling banyak digunakan oleh programer, editor ini memiliki tampilan yang elegan yang khas dengan warna kecoklatannya.  Editor ini tersedia untuk windows, Mac, dan Linux.
  2. Notepad++. Text editor ini khusus bisa digunakan untuk windows dan free lisensi (dalam artian bebas digunakan tanpa mengeluarkan biaya). Editor ini memili ciri khas tersendiri dan banyak fitur-fitur yang bisa diinstall di text editor ini.
  3. Atom. Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime. Editor ini bisa digunakan oleh platform Mac, Windows, dan Linux. untukanda yang ingin menggunakan text editor.
  4. Brackest. Text editor ini memiliki kriteria tersendiri dan hampir sama dengan Atom. editor ini bisa digunakan untuk Platform Mac, Windows dan Linux. untuk anda yang ingin bergelut dengan brackest.
  5. Netbeans.  Text editor ini merupakan salah satu favorit programer. namun text editor bisa di kategorikan lebih berat dari text editor lain yang disebutkan di atas. kemudahan text editor ini adalah tampilan kode program yang ditulis lebih rapi

Belajar HTML Part 3 : Mengenal Tag, Element, Atribut HTML 

Belajar HTML Mengenal Tag, Element, Atribut HTML

Stetelah pengenalan HTML, Text Editor pada tutorial sebelumnya. kini kita akan memasuki tutorial pengenalan dan penggunaan Tag, Element dan Atribut dalam HTMl. Ketiga pembahasan ini merupakan dasar dalam penulisan kode HTML atau dasar dari seluruh tampilan halaman web yang ada di internet.

Tag HTML

Tag merupakan kode yang digunakan untuk memperkenalkan pada web brawser untuk apa text HTML yang ditulis. HTML membutuhkan cara memperkenalkan text yang ditulis didalamnya kepada web brawser baik text itu berupa list, paragraf, link dan sebagainya. disinilah di gunakan tag. dalam penlisan tag, hampir semua menggunakan pembuka dan penutup tag, dimana objek yang dimaksudkan berada diantara pembuka dan penutup tag. berikut penulisan tag yang diguanakan dalam HTML

<tag>Objek yang diisi</tag> 

Perbedaan antara tag pembuka dan tag penutup yaitu, pada tag pembuka diawali kurung sudut pembuka, tag yang dimaksud, dan diakhiri dengan kurung sudut penutup. sedangkan pada penutup tag itu diawali dengan kurung sudut pembuka, backslash, tag yang dimaksud, dan diakhiri dengan penutup kurung sudut.

Kalian bisa mengenal kamus HTML dan fungsinya dsini

Belajar HTML Part 4 : Heading Pada HTML

Belajar HTML Heading Pada HTML

Heading merupakan element atau tag HTML yang berfungsi untuk menunjukkan bagian penting pada halaman web. element tag heading ini memiliki enam tingkatan tyang berurutan yaitu <h1>,<h2>,<h3>,<h4>,<h5>,<h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contohnya tag/element <h1> lebih besar dari element/tag <h2> dan seterusnya.
Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :
  1. <h1> heading yang digunakan untuk penulisan judul utama dari dokument
  2. <h2> heading yang digunaakan sebagai sub <h1>
  3. <h3> heading yang digunakan sebagai sub <h2>
  4. untuk penggunaan <h4><h4><h5><h6> tergantung peogramer sendiri untuk memperindah halaman web.
kesimpulannya : salah fungsi dari tag hading ini adalah untuk merapikan struktur penulisan dalam HTML, misalkan penulisan judul yang menggunakan text yang lebih besar dari sub judul.
Blogger 1 comment on Cara Menambahkan Font Di Blogger

Cara Menambahkan Font Di Blogger

Garang Garong – Saya bereksperimen dengan beberapa font baru yang menakjubkan (kebanyakan dari tupai dafont dan font) dan saya menemukan bahwa saya dapat mengubah font desktop menjadi font web untuk menggunakannya di hampir semua situs web, bahkan blogger (di mana Anda benar-benar memiliki tidak ada pilihan untuk meng-host file apapun) dan coba tebak apa yang saya lakukan menggaet banyak font pada banyak proyek saya. Jadi hari ini saya akan berbagi cara termudah untuk menambahkan font custom ke blog blogger atau situs web manapun, yang anda butuhkan hanyalah sedikit pengetahuan CSS.

Cara Menambahkan Font Di Blogger - Garang Garong

Langkah Untuk Menambahkan Font Kustom ke Blogger

  1. Jadi pertama-tama kamu perlu mendownload font yang ingin kamu gunakan di blog kamu, coba download dari dafont atau fontsquirrel. Jika sudah memiliki font maka tidak perlu mendownload.
  2. Sekarang, kita perlu mengkonversikan font yang sudah kamu download sebelumnya ke font web. Pergilah ke Fontsquirrel Webfont Generator.
  3. Upload font yang sudah kamu download , klik pada checkbox – Yes, the fonts I’m uploading are legally eligible for web embedding.
  4. Download font kamu dalam file zip
  5. Sekarang upload di root folder website kamu atau DropBox jika kamu menggunakan blogger.
  6. Periksa Bagaimana Menyusun CSS di DropBox.
  7. Sekarang setelah hosting file, kamu perlu menambahkan link masing-masing di css dan paste di tema blog yang kamu miliki (sama jika kamu menggunakan situs berbasis html)
  8. Kamu dapat dengan mudah melakukan ini dengan masuk ke Blogger > Template > Edit > Ctrl+F dan cari kode ini  </head>  dan paste css di atas </ head> dan simpan.
  9. Seharusnya terlihat seperti ini.
    @font-face {
    font-family: 'your-font-name';
    src: url('dropbox-font-link.woff2') format('woff2'),
    url('dropbox-font-link.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }
  10. Setelah menyimpan kamu perlu menemukan font-family: previous-font; dan ganti dengan nama font kamu di CSS (kamu harus memiliki pengetahuan dasar CSS terlebih dahulu tapi tetap saja jika kamu mengalami masalah, beri tahu saya di komentar)
Jadi begitulah, saya berhasil menyelenggarakan font kustom untuk situs web atau blog menggunakan dropbox (kamu dapat menggunakan platform hosting apa pun meskipun jika kamu memiliki hosting sendiri yang hebat.)
Blogger, SEO 3 comments on Cara Mendapatkan Backlink Untuk Blogger dan Website

Cara Mendapatkan Backlink Untuk Blogger dan Website

Garang Garong – Kali ini saya akan memberikan tips seputar cara mendapatkan backlink. Sebenarnya cara ini sangat mudah dan simple untuk dilakukan asalkan kita rajin untuk memposting di setiap social media yang kita punya. Cara ini memang tidak langsung terdeteksi oleh alexa untuk infomasi backlink pada blog yang kita punya. Namun cara ini sangat efektif untuk dilakukan. Karena dengan cara yang saya berikan ini akan muncul dengan sendirinya jika kita rajin menanam backlink untuk blog yang kita punya.

Cara Mendapatkan Backlink Untuk Blogger dan Website

Pengertian dari Backlink adalah

Adalah link apapun yang diterima oleh sebuah node web (halaman web, direktori, situs web atau domain tingkat atas) dari node web lain.

Backlink memiliki dua macam, yaitu DoFollow Backlink dan NoFollow Backlink.

Lalu apa itu DoFollow dan NoFollow ?

  • DoFollow adalah Blog yang Boleh mengikuti blog lain atau lebih tepatnya adalah blog yang memperbolehkan untuk dirayapi menuju link blog lain.
  • NoFollow adalah Blog yang Tidak mengikuti blog lain, NoFollow bisa juga diartikan dari antonim pengertian DoFollow.

Bagaimana cara kita membuat backlink untuk blog atau website yang kita punya? Sangat sederhana sekali untuk membuat Backlink yang berkualitas untuk blog dan website yang kita miliki. Sebenarnya cara membuat backlink ini untuk jangka panjang bukan jangka pendek. Karena sifatnya adalah menanam link blog dan website kita pada semua social.

Lantas bagaimana membuat Backlink berkualitas ?

1. Youtube

Youtube adalah tempatnya dari semua kumpulan video yang ada di dunia. Siapa sih yang tak mengenal youtube di zaman yang sudah era moderen ini? Tentu semuanya sudah mengenal website youtube.

  • Buatlah sebuah video atau beberapa video dengan kualitas terbaik.
  • Upload video yang telah kalian buat ke website Youtube.
  • Pada bagian judul, buatlah yang menarik dan tertarget.
  • Pada bagian deksripsi, jelaskan deksripsi yang telah kalian buat arti dari video itu dan letakkan link blog dan website yang kamu punya.

2. Tumblr

Tumblr adalah sebuah platfrom mikroblog dan situs ini termasuk jejaring sosial. Layanan ini memungkinkan pengguna mengirimkan konten multimedia atau lainnya dalam bentuk blog pendek. Pengguna dapat mengikuti blog pengguna lain atau mengatur privasi blog sendiri.

  • Buatlah akun dari website Tumblr.
  • Tulis artikel pada dashboard Tumblr.
  • Sisipkan link blog dan website kita pada postingan Tumblr.
  • Lalu publishkan.

Setiap kamu menulis artikel di blog atau website yang kamu punya jangan lupa untuk mempublishkannya di akun Tumblr. Kalian juga bisa menulis dan menyisipkan artikel serta link dari blog atau website yang kamu punya di akun Tumblr saya.

3. Facebook

Facebook adalah sebuah social media yang sangat trending di berbagai belahan dunia. Sering-seringlah membagikan artikel blog kamu di social media facebook.

4. Twitter

Twitter mungkin hanya bisa memposting dengan jumlah abjad yang terbatas. Namun jangan salah social media twitter tak kalah trending dengan facebook. Saya menyarankan agar kalian membagikan artikel kalian pada dashboard twitter sesering mungkin atau kalian bisa menghubungi saya untuk auto post tweet yang sangat terjadwal yaitu setiap 30 menit sekali.

5. Forum

Aktiflah di forum yang kamu ketahui, seperti kaskus yang sangat popular. Karena di forum kita juga bisa mendapatkan backlink.

Sekian tutorial dari saya mengenai Backlink untuk blog dan website. Jika kamu mempunyai informasi serta ingin menambahkan bagaimana cara mendapatkan backlink dari kelima cara diatas, kamu bisa meninggalkan komentar dibawah ini dan saya akan menambahkannya di artikel ini atau artikel selanjutnya.

Blogger 1 comment on Belajar AMP HTML Versi Saung Artikel Bangsa

Belajar AMP HTML Versi Saung Artikel Bangsa

Saung Artikel Bangsa – Accelerated Mobile Pages (AMP) sudah dirilis dan sudah bisa kamu lihat di beberapa lokasi pengguna untuk amp di halaman Google Search (Mesin Pencari Google). Jadi apa yang dimaksud dengan AMP Google  dan bagaimana cara kerja AMP Google ini? Berikut ini adalah pembahasannya.

Belajar AMP HTML Versi Saung Artikel Bangsa
Saung Artikel Bangsa

Pengertian dari AMP Google ?

Pada pertengahan Oktober 2015 Google memberikan pengumuman sebuah framework baru yang disebut Google AMP atau AMP HTML atau Accelerated Mobile Pages. AMP adalah sebuah framework yang dirancang khusus untuk memudahkan developer membuat sebuah halaman web yang dapat diakses dengan cepat untuk perangkat mobile.

Cara kerja AMP Google ini sendiri adalah mengurangi penggunaan HTML, CSS dan Javascript sehingga memungkinkan publisher dapat dengan mudah meningkatkan kecepatan loading halaman web di perangkat mobile.

Meskipun pengembang berpengalaman dapat membuat kinerja sebuah situs sama dengan yang dihasilkan AMP ini, namun AMP adalah sumber daya siap pakai yang memang khusus dibuat untuk kebutuhan tersebut.

Cara Kerja AMP Google

Ada tiga hal penting yang harus dipahami untuk membuat web untuk AMP Google.

1. AMP HTML

Sebuah subset HTML, bahasa markup ini memiliki beberapa custom tags, properti dan terdapat banyak pembatasan-pembatasan didalamnya dibandingkan dengan HTML biasa. Jika Anda sudah familiar dengan HTML biasa tidak sulit untuk membuat halaman web dengan AMP HTML.

2. AMP JS

Framework JavaScript untuk meningkatkan kinerja halaman web untuk perangkat mobile. Sebagian besar penggunaannya adalah dengan metode loading asynchronous. Perlu dicatat bahwa JavaScript dari pihak ketiga tidak dapat berjalan dengan AMP. Contoh penggunaannya dapat dilihat berikut ini:

<script async src="https://cdn.ampproject.org/v0.js"></script>


3. AMP CDN

CDN (Content Delivery Network), akan mengambil halaman AMP Anda lalu menyimpannya dalam cache mereka dan secara otomatis meningkatkan optimasi beberapa kinerja web kamu.


Membuat Web Untuk AMP

AMP tidak membolehkan elemen Javascript dari pihak ketiga, kemungkinan penggunaan kolom komentar seperti  Disqus, Facbook sudah tidak mungkin diimplementasikan lagi. (Mungkin bisa dilakukan dengan iframe). Kelihatannya memang harus menulis ulang template situs yang sudah ada.

Multimedia 

Untuk multimedia harus ditangani secara khusus. Misalnya, penggunaan komponen tag untuk gambar pada halaman web AMP berbeda dengan html biasa. Kalau di HTML biasa kita menggunakan img namun di AMP tag img sudah berubah menjadi amp-img. Selain itu jika Anda menggunakan gambar animasi sperti GIF Anda harus menggunakan komponen tag AMP yang lebih panjang amp-anim. 

Seperti halnya gambar demikian juga untuk video, ada tag khusus yang harus digunakan jika Anda ingin mengembed video ke halaman web Anda yaitu amp-video. Khusus untuk video dari Youtube tag yang dgunakan adalah amp-youtube.


Ada juga dukungan untuk media slideshow melalui amp-carousel dan gambar lightboxes  menggunakan amp-image-lightbox, seperti halnya yang digunakan media-media sosial  Twitter, Instagram, Facebook, Pinterest dan Vine melalui komponen entend mereka sendiri.

Agar Google (dan teknologi lain yang mendukung Proyek AMP) dapat mendeteksi versi AMP dari artikel Anda, Anda harus memodifikasi versi asli dari halaman web Anda. Halaman artikel asli harus menyertakan tag berikut, pada dasarnya disebut link canonical back AMP:

<link rel="amphtml" href="http://www.example.com/blog-post/amp/">


Pada situs resminya di halaman AMP Discovery page juga menyebutkan bahwa beberapa platform yang mendukung AMP membutuhkan meta data Schema.org untuk menentukan jenis konten halaman.

Selain itu, meta data Schema.org “merupakan syarat utama untuk membuat konten Anda layak tampil di Search Carousel Google.” Jadi, jika Anda ingin mendapatkan manfaat di masa depan dari Google dengan menerapkan AMP, pastikan Anda mendapatkan skema yang tepat!

Blogger 0 comments on Cara Membuat Safelink Di Blog Versi Saung Artikel Bangsa

Cara Membuat Safelink Di Blog Versi Saung Artikel Bangsa

Saung Artikel Bangsa – Kali ini saya akan membahas bagaimana cara membuat template safelink di blog. Safelink sangat berguna untuk blog download karena safelink berguna sebagai penghubung dengan blog utama dan link download. Safelink juga sangat aman digunakan untuk akun adsense guys…

Cara Membuat Safelink Di Blog Versi Saung Artikel Bangsa
Saung Artikel Bangsa

Gambar di atas adalah contoh template safelink yang telah saya buat. untuk link demonya silahkan klik tombol watch di bawah ini

Tutorial Membuat Template Safelink Di Blogger
Step 1
Buatlah sebuah blog baru dengan nama blog dan alamat blog yang sesuai dengan selera kamu. Jika sudah selesei silahkan download templatenya >>> template <<< template yang saya berikan ini adalah template dari kompi ajaib
Step 2
Setelah membuat blog untuk template safelink jangan lupa aktifkan HTTPS di blog. 
Step 3
Terapkan kode template safelink yang sudah di download dengan cara Buka Notepad>copy (ctrl+c)>Buka edit HTML pada dashboard blog>Hapus semua kode>Paste (ctrl+v) kode template safelink yang sudah di download tadi>Simpan tema.
Note : 
Jika kamu menggunakan domain ber TLD dan gTLD kamu bisa menghapus kode dibawah ini yang ada di dalam template safelink converter.

var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf(“.”));
if (ctld != “.com”) {
var ncr = “https://” + blog.substr(0, blog.indexOf(“.”));
ncr += “.blogspot.com/ncr” + slug;
window.location.replace(ncr); };

Step 4

Jika sudah selesei menerapkan kode template dari safelink converter. Selanjutnya buat sebuah laman baru dengan judul yang singkat saja, contoh : go, converter dan generete. Jika sudah membuat laman di blog safelink selanjutnya kamu bisa mengunduh kode >>> Laman <<< berikut untuk diterapkan pada laman yang telah kamu buat dan publishkan.

Step 5

Siapkan kode Javascript yang akan saya berikan berikut >>> ini <<< jika sudah edit terlebih dahulu kode yang berada di dalam javascript tersebut. Kode tersebut adalah link url laman yang telah saya buat lalu replace dengan url laman yang kamu buat sebelumnya. lalu save as dengan mode all files dan berekstensi namafile.js (dot js)

Step 6

Upload kode javascript yang telah dibuat ke website github tenang saja saya sudah mempersiapkan artikel bagaimana cara upload file ke website github.

Step 7

Replace semua kode javascript dan url laman yang berada di laman yang telah kamu buat sebelumnya dan replace juga url javascript dan url laman yang berada di dalam template safelink converter

Step 8

Save Template dan lihat hasilnya

Langkah-langkah diatas sudah saya berikan dengan sangat detail. Untuk menggunakan template safelink kalian harus detail dalam pengeditan template serta javascript yang tersedia. Karena jika kalian ada kesalahan maka template safelink tidak akan berfungsi. Mungkin itu saja tutorial dari saya, semoga bermanfaat untuk kalian yang sedang membutuhkan template safelink converter. Jangan lupa tinggalkan komentar yang relevan untuk artikel ini. Jikan masih kurang mengerti saya sudah mempersiapkan tutorial berupa video

Blogger 4 comments on Upload File Javascript dan CSS Via Github dan CDN

Upload File Javascript dan CSS Via Github dan CDN

Saung Artikel Bangsa – Kali ini saya akan membahas bagaimana cara upload file di github. Banyak yang masih belum paham bagaimana cara upload file ke github, saya akan membahasnya secara detail untuk artikel ini.

Github adalah sebuah layanan website untuk perkembangan perangkat lunak yang dapat digunakan secara gratis bagi pengembang dan pemula. Platform github dimulai sejak 1 Oktober 2007 namun dipublishkan pada april 2008.

Saung Artikel Bangsa - Cara upload file ke github
Saung Artikel Bangsa

Untuk dapat upload file ke github sebaiknya anda registrasi terlebih dahulu dengan cara :

Step 1

1. Buka situs Github atau Register
2. Isikan data dengan lengkap dan valid pada kolom

Username, Email Address dan Password

3. Setelah terisi semua dengan valid pilih icon “create an account

Step 2

1 Pada pilihan “Choose your personal plan” pilihlah “Unlimited public repositories for free
2. Centang kedua pilihan “Help me set up an organization next” dan “Send me updates on GitHub news, offers, and events

Step 3

1. Isi kolom dengan lengkap dan valid
2. Pilih Free
3. Centang “This account is owned by a business
4. Pilih “Create Organization
5. Finish

Jika sudah selesei mendaftar maka kamu akan dilihkan ke situs dashboard github.

  1. Pilih “Start Project
  2. Dan isi kolom dengan lengkap dan valid seperti contoh di bawah
Cara upload file ke github
Sumber : Github

Langkah berikutnya adalah ke dashboard project. Dashboard project adalah tempat untuk menyimpan berbagai macam file yang akan kita gunakan. Pilih “Upload Files

Cara upload file ke github
Sumber : Github

Jika sudah selesei “upload files” selanjutnya adalah pilih “Commit Changes” . Langkah selanjutnya, silahkan kamu klik kanan pada file yang di upload dan pilih copy link address.

Cara upload file ke github
Sumber : Github

Next Step                                                                                                                                                   

Setelah kamu copy link address selanjutnya silahkan sobat buka Rawgit.com dan pastekan link yang kamu copy tadi pada kolom yang tersedia dan ambil URL Production untuk digunakan dalam template blog maupun dalam pemakaian lainnya.
Cara upload file ke github
Sumber : Github

Itu adalah cara bagimana upload file ke github. Jika artikel ini bermanfaat silahkan tinggalkan komentar serta share untuk berbagi pengetahuan kepada teman-teman kita yang membutuhkannya.


Adsense, Blogger 0 comments on Memasang Iklan Adsense Di Tengah Artikel Versi Saung Artikel

Memasang Iklan Adsense Di Tengah Artikel Versi Saung Artikel

Saung Artikel Bangsa – Posisi iklan sangat menentukan bagi pengguna blogger ataupun website. Karena posisi iklan menentukan jumlah pendapatan yang diterima dari pihak adsense. Kali ini Saung Artikel Bangsa akan membahas mengenai topik cara memasang iklan adsense di tengah postingan.

Cara Memasang Iklan Di Tengah Postingan
Saung Artikel Bangsa

Sebenarnya fitur memasang iklan sudah tersedia di blogger, tetapi itu hanya iklan adsense saja. Artikel ini juga berguna untuk memasang iklan selain adsense. Banyak yang bertanya bagaimana caranya. Saya rasa memasang iklan di tengah artikel sangat menarik dibandingkan memasang iklan di atas postingan. Tentunya yang pertama kali dilihat oleh pengunjung blog adalah judul dan isi dari artikel yang akan di baca oleh visitor blog. Tentunya cara memasang iklan ditengah postingan akan membuat lupa bahwa ada iklan yang terpasang di artikel yang sedang di baca pengunjung blog.

Cara Memasang Iklan Di Tengah Postingan

1. Cara ini adalah cara manual yang akan kita lakukan untuk memasang iklan di tengah postingan.
2. Parse kode iklan adsense sobat di HTML Converter
3. Cari kode yang seperti ini di dalam template blog

<data:post.body/>

Ingat :

Di dalam template sobat akan menemukan beberapa kode <data:post.body/> tergantung template yang digunakan, coba satu persatu sampai iklan tampil di dalam halaman artikel

4. Ganti kode yang ditemukan dengan kode berikut.

<div expr:id=’&quot;post1&quot; + data:post.id’/>
<div class=’googlepublisherads’ style=’margin:20px 0′>
<center>
Kode Iklan Yang Sudah Di Parse</center>
</div>
<div expr:id=’&quot;post2&quot; + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

5. Save template dan lihat hasilnya.

Cara diatas adalah memasang iklan di tengah postingan, lalu bagaimana dengan cara memasang iklan di tengah postingan sebelah kanan atau kiri? sebenarnya caranya sama dengan cara diatas, namun yang membedakan hanyalah kodenya saja. Di bawah ini adalah kode untuk memasang iklan di tengah postingan sebelah kanan dan kiri.

1. Memasang iklan di tengah postingan sebelah kanan

<div expr:id=’&quot;post1&quot; + data:post.id’/>
<div class=’googlepublisherads’ style=’margin:20px 0′>
<center>
<div style=’float:right;margin:10px 0 10px 10px’>
Kode Iklan Yang Sudah Di Parse</div>
</center>
</div>
<div expr:id=’&quot;post2&quot; + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

2. Memasang iklan di tengah postingan sebelah kiri

<div expr:id=’&quot;post1&quot; + data:post.id’/>
<div class=’googlepublisherads’ style=’margin:20px 0′>
<center>
<div style=’float:left;margin:10px 10px 10px 0′>
Kode Iklan Yang Sudah Di Parse</div>
</center>
</div>
<div expr:id=’&quot;post2&quot; + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Jika kamu ingin bertanya dan mengalami kesulitan bisa meninggalkan komentar di postingan ini untuk informasi lebih lanjut. 

Blogger 0 comments on Cara Meningkatkan Artikel Untuk Di Index Google

Cara Meningkatkan Artikel Untuk Di Index Google

Cara Mempercepat Index Artikel Blog di Google


Kecepatan pengindexan tiap blog tentu berbeda, artinya ada blog yang cepat terindex di Google dan tak sedikit pula yang membutuhkan waktu berhari-hari baru terindex. Masalah pengindexan yang lama biasanya dialami oleh blog-blog baru. Namun, bukan berarti semua blog tua memiliki kecepatan index yang cepat, itu semua belum tentu, karena selain usia domain blog masih banyak faktor lain yang mempengaruhi kecepatan index suatu blog.

Nah, di artikel ini saya ingin mencoba berbagi informasi mengenai apa saja faktor yang mempengaruhi lama dan cepatnya pengindex.an artikel blog dan sekaligus akan saya berikan 7 cara mempercepat index blog di Google. Apa saja tips untuk mempercepat pendindex.an blog ? berikut ulasannya.

1. UMUR DOMAIN


Cara Meningkatkan Kecepatan Index Blog di Google dengan Umur Domain


Semakin tua usia blog, maka semakin cepat pula proses pendindex.an, hal ini dikarenakan blog yang sudah tua atau yang sudah lama dibuat, rata-rata memiliki nilai authority yang tinggi di mata Google, dari sinilah Google akan memberikan nilai lebih kepada blog tersebut, salah satu tambah yang diberikan selain mudah bersaing di SERP juga akan lebih cepat terindeks.

Itulah mengapa banyak orang yang berburu blog ‘zombie’ atau blog yang telah ‘mati’ untuk dihidupkan kembali, karena jika dilihat dari segi manfaat memang ada banyak sekali, jadi bukan hanya mempermudah kita bersaing di SERP karena terdapat banyak backlink, lebih dari itu, blog zombie juga memiliki kecepatan index yang cepat, karena point authority-nya yang tinggi berkat backlink yang masih melekat.

Namun, tidak menutup kemungkinan blog yang baru beberapa bulan dibuat bisa mempunyai kecepatan index yang jauh lebih cepat dibanding blog-blog tua, dengan catatan blog baru tersebut memiliki lebih banyak backlink, baik dari blog lain maupun dari social media (social signal).

2. KEUNIKKAN ARTIKEL


Artikel yang tidak unik atau dalam hal ini adalah artikel copas, bukan hanya akan sulit terindeks google, tetapi juga akan membuat blog Anda terkena laporan DMCA yang ujung-ujungnya berakhir pada penghapusan paksa oleh Google. Tentu Anda tidak ingin hal tersebut terjadi bukan ? Jika terpaksa ingin copy paste artikel dari blog lain, usahakan untuk me-rewrite isi artikelnya atau paling tidak ganti kata pembuka dan penutup.

Selain isi artikel yang unik, cara lain untuk mempercepat index blog adalah dengan membuat Meta Description yang unik pula. Apa itu meta description dan bagaimana cara membuatnya ? Meta Description adalah deskripsi singkat pada artikel blog yang akan ditampilkan di hasil pencarian, karena bersifat deskripsi singkat, maka ada batasan karakter dalam penulisan meta description yaitu hanya sebanyak 160 karakter, jika lebih dari itu deskripsi artikel (snippet) akan terpotong.

Untuk pengguna blogger / blogspot, cara menambahkan meta description saya rasa bukan persoalan yang susah, karena sudah terdapat kolom pengisian meta description yang terletak dibagian kanan text editor, dengan catatan Anda sudah mengaktifkan fitur ‘Tag Meta’ yang terdapat pada menu Setelah > Preferensi Penulusuran.

3. INTERNAL LINK


Cara Meningkatkan Kecepatan Index Blog di Google dengan Internal Link


Internal Link atau biasa juga disebut dengan interlink, merupakan cara terbaik untuk mempercepat proses pengindex.an artikel. Saya katakan terbaik karena fungsinya yang bisa untuk mempercepat proses index pada artikel itu sendiri dan artikel lain, selain itu juga akan memberikan backlink berkualitas (relevant backlink) yang akan meningkatkan posisi / ranking blog di Google.

Interlink yang baik adalah yang dibungkus menggunakan anchor text, jadi bukan naked link atau link asli berbentuk url dan usahakan dalam mengaplikasikan anchor text pergunakan title tag untuk memberikan deskripsi link tersebut.

Sebagai contoh Anda akan memberikan link ke artikel lain yang berjudul ‘Cara Menjahit Pakaian dengan Mudah dan Cepat’

Maka pergunakan anchor text seperti ini :

Di artikel ini saya akan berbagi pengalaman tentang <a href=”url” title=”cara menjahit pakaian dengan mudah dan cepat”>cara menjahit pakaian</a> yang telah saya pelajari bertahun-tahun


Intinya fungsi title disini untuk menjelaskan secara rinci maksud dari anchor text, hal ini akan sangat berguna bukan hanya untuk mempercepat index artikel namun juga akan meningkatkan SEO On-Page pada kedua artikel tersebut.

4. LOADING BLOG


Cara ampuh lainnya untuk mempercepat proses index posting blog adalah dengan meringankan ukuran blog itu sendiri untuk mempercepat loading blog, karena ada dasarnya loading blog berbanding lurus dengan lama pendindexan, artinnya semakin berat ukuran blog maka akan semakin lama pula proses pengindex.an tersebut.

Namun, perlu dicatat bahwa loading blog ini tidak secara langsung berdampak pada SEO, karena hanya berpengaruh pada lama cepatnya proses pengindex.an artikel.

Ada banyak hal yang mempengaruhi kecepat load suatu situs blog, diantaranya adalah :

  • Media seperti Foto dan Video
  • JavaScript

5. BLOGWALKING


Blogwalking adalah aktifitas silaturahmi yang dilakukan antar blogger, jadi dalam melakukan blogwalking kita akan mengunjungi blog lain untuk memberikan komentar yang relevan dengan isi artikel, sekaligus untuk mendapatkan backlink dari blog yang kita komentari tersebut.

Akan ada 3 manfaat yang akan didapat jika kita melakukan blogwalking :

  • Mendapatkan backlink
  • Menambah pengunjung
  • Mempercepat index blog


Ketiga manfaat tersebut sebenarnya saling berkaitan, dimana jika kita mendapatkan backlink > maka ranking artikel akan naik, begitu pula dengan jumlah pengunjung > hal ini akan membuat proses pengindexan menjadi lebih cepat.

6. PING


Cara Meningkatkan Kecepatan Index Blog di Google dengan Ping


Ping merupakan proses memanggil search engine (google, bing, dll) untuk memberitahukan bahwa ada artikel baru yang perlu segera diindeks. Kasarnya, Ping adalah aktifitas ‘memaksa’ bot search engine untuk mengindex url yang di submit. Saya katakan memaksa karena pada kenyataanya NgePing secara langsung menyuruh bot untuk mengindex url yang sebenarnya belum gilirannya untuk diindex.

Itulah salah satu alasan kenapa banyak para praktisi SEO senior yang menyarankan untuk terlalu sering melakukan ping blog, karena nanti jatuhnya bukan mempercepat index blog, malahan justru akan membuat blog kita dicap sebagai blog spam.

Jika Anda yang ingin mepercepat index dengan cara ping artikel, saran saya cukup gunakan fasilitas ping sekali saja dalam sehari atau lebih amannya 1 minggu 1 kali (tergantung intensitas update). Selain itu pilihlah situs ping yang berkualitas, silahkan baca Daftar Situs Ping Otomatis.

7. GOOGLE ADD NEW SITE


Google add new site atau sering juga disebut dengan Google submit url adalah tool yang disediakan khusus oleh Google untuk para webmaster untuk memberitahukan bot Google agar mengindeks url artikel yang kita submit. Bisa dibilang Google Add New Site ini adalah Tool Ping resmi dari Google.

Cara kerja situs pinger sebenarnya sangat sederhana :

Submit url artikel > Bot mengunjungi dan mengindeks artikel tersebut > Artikel muncul di Google


Cara ini sering sekali saya gunakan untuk mempercepat index pada artikel yang sedang ngetrend (yang sedang booming) atau artikel yang membutuhkan pengindex.an segera. Dan cara ini terbukti sangat ampuh karena saat kita men-submit url, maka saat itu pula artikel kita akan muncul di Google, tidak percaya ? silahkan Anda coba sendiri dengan submit url artikel di Webmaster.

Blogger, Informasi 0 comments on Cara Mempercepat Loading Blog Versi Saung Artikel Bangsa

Cara Mempercepat Loading Blog Versi Saung Artikel Bangsa

Cara Meringankan dan Mempercepat Blog


Mempunyai blog dengan loading yang cepat tentu menjadi impian setiap blogger. Bagi para developer template, meringankan ukuran blog tentu bukan sebuah perkara yang susah, namun hal tersebut tentu tidak berlaku untuk blogger pemula seperti saya dulu, yang bisa dibilang buta akan koding Template seperti CSS, HTML dan JS.

Setelah browsing kesana kemari, mencoba trik ini itu, akhirnya saya sedikit mulai paham bagaimana cara mempercepat blog, melalui artikel ini saya ingin mencoba berbagi apa yang sudah saya ketahui tentang meringankan loading dari sebuah situs blog.

CARA MEMPERCEPAT LOADING BLOG


Cukup basa-basinya, langsung saja silahkan disimak ketujuh cara mempercepat loading blog yang sudah terbukti ampuh, dibawah ini.

1. HAPUS CSS RESET BLOGGER


Apa itu CSS Reset Stylesheet Blogger ? sederhanya, CSS Reset Blogger adalah halaman web yang berisi CSS yang berkaitan dengan widget default blogger, alasan kenapa Anda harus menghapusnya adalah untuk meringankan blog dengan mengurangi jumlah repon, karena CSS Reset Blogger ini akan mengirim respon ke server blogger, dengan menghapus atau mematikannya, maka situs kita tidak akan meload halaman CSS Reset Blogger.

Cara untuk menghapus CSS Reset Blogger sebenarnya tidak terlau susah, bahkan terbilang cukup mudah, namun sebelum menghapusnya ada baiknya backup template terlebih dahulu.

  1. Buka menu edit template Blogger
  2. Cari <b:skin><![CDATA[ lalu ganti dengan &lt;style type=&quot;text/css&quot;&gt;&lt;!– /* <b:skin><![CDATA[
  3. Simpan template


2. HAPUS JAVASCRIPT WIDGET DEFAULT


Secara default, widget seperti Blog Archive telah dipasang JavaScript jadi jika blog Anda menggunakan Widget Archive maka akan meload JavaScript default (bawaan) Bloger, untuk mengatasi hal ini juga perlu menghapusnya dengan cara berikut ini.

  1. Seperti biasa, buka edit template Blogger
  2. Cari kode </body> ubah dengan &lt;!–</body>–&gt;&lt;/body&gt;
  3. Simpan / save template


3. HAPUS CSS FONT STYLESHEET


Menambah custom font stylesheet akan membuat blog kita menjadi lemot / lama saat diakses, karena dengan mencustom font, maka akan ada tambahan respond yang harus di load oleh pengunjung blog, yaitu situs dari penyedia font tersebut dalam hal ini biasanya adalah Google Font. Jika Anda ingin menghapus font stylesheet, silahkan ikuti caranya dibawah ini.

  1. Cari kode rel=’stylesheet’
  2. Hapus CSS yang mengandung nama Font, contoh <link href=’http://fonts.googleapis.com/css?family=Oswald:400,500′ rel=’stylesheet’ type=’text/css’/>
  3. Simpan template


4. HINDARI MENGGUNAKAN BACKGROUND GAMBAR


Jika saat ini template Anda menggunakan background gambar, maka sebisa mungkin hapus gambar tersebut, namun jika Anda ngotot untuk memasng gambar pada background, maka saran saya cobalah untuk mengubahnya menjadi gambar pattern grid / gambar berpola garis, jadi nanti bisa kita aplikasikan css background repeat, yang efeknya dapat meringankan load situs karena hanya perlu meload gambar dengan ukuran kecil.

Masuk ke edit template, lalu cari selector body, gunakan CTRL + F agar lebih mudah.
Tambahkan kode background: url(http://2.bp.blogspot.com/-JCjoJ8AM86M/UrJjp2KOy_I/AAAAAAAAAX8/epdEE5FkMfQ/s0/noisy_grid.png) repeat scroll top left
Simpan template

* ubah url gambar, dengan gambar yang anda inginkan


5. HINDARI MENGGUNAKAN SCRIPT EXTERNAL


Salah satu contoh script dari luar situs itu seperti script counter Google Analytic atau semacamnya, jika Anda memasang script tersebut, maka jelas blog kita akan mengirim respond ke situs Google Analytic dan hal ini jelas akan menambah berat dan mengakibatkan load situs kita menjadi lama.

* jika anda tetap ingin menggunakan script counter stat, silahkan saja, karena dari segi ukuran load scriptnya juga tidak terlalu besar.


Trik mempercepat blog ini khusus untuk blogger, sementara untuk pengguna wordpress (self host) sudah ada plugin yang bisa meringankan load situs seperti salah satu contohnya W3 TotalCache.

HASIL


Hasil Cara Mempercepat Blog


Gambar tersebut merupakan hasil penerapan dari kelima cara mempercepat load blog yang saya bagikan diatas. Menurut saya pribadi load blog benar-benar menjadi ringan karena hanya ada 6 Request dan Page Load Time yang hanya butuh waktu 1 detik saja.

Itulah, cara mempercapat load blog dengan memangkas JavaScript dan CSS Reset Blogger, silahkan dipraktekkan dan jika ada pertanyaan silahkan ajukan melalui kolom komentar, akan saya bantu sebisa saya.