Blogger – Saung-artikel.com

Blogger 0

8 Harga Penghisap Asap Dapur Rinnai Terbaru

Harga penghisap asap dapur Rinnai tentunya bervarian sehingga tiap konsumen bisa memilih produk yang sesuai dengan budget. Kini berbagai macam produk alat penghisap asap dapur bisa didapatkan dengan harga yang relatif lebih terjangkau. Siapa saja bisa memilikinya karena produk memang bisa didapatkan dengan harga yang tentunya bisa dijangkau oleh masyarakat.

Cooker hood RH-C2356-SSW

Salah satu produk baru dari Rinnai yang dapat membantu menjaga dapur dari gumpalan asap adalah seri ini. Produk ini merupakan persembahan dari Chimney series yang terbuat dari bahan stainless steel dan tempered clear glass. Produk yang hadir dengan style elegan ini bisa didapatkan dengan harga sekitar 2,6-2,8 juta rupiah.

Cooker hood RH-C116-SS

Hadir pula produk baru lainnya dari Chimney series yang juga memiliki desain elegan dan dilengkapi dengan tekonologi canggih terkini. Alat yang bisa membebaskan dapur dari asap masakan ini bisa Anda dapatkan hanya dengan harga sekitar 2,7-2,9 juta rupiah.

Cooker hood RH-T319-SSV

Kali ini produk baru datang dari Insert series yang desainnya tak kalah menarik dari sebelumnya. Alat penghisap asap dapur yang satu ini tidak akan menimbulkan bunyi yang mengganggu. Maka kehadirannya tidak akan mengganggu siapapun yang berada di hunian Anda. Produk murah namun berkualitas ini bisa didapatkan dengan harga sekitar 2,2-2,4 juta rupiah saja.

Cooker hood RH-T306-SSV

Satu lagi produk keren dari Insert series yang memiliki model elegan dan bisa berfungsi dengan baik. Produk yang satu ini juga tidka menimbulkan bunyi yang mengganggu. Selain itu produk ini bisa membuat Anda bebas memasak dan berkreasi di dapur. Untuk seri ini bisa didapatkan dengan banderol harga 2,1-2,3 juta rupiah saja.

Cooker hood RH-L1499-SS

Cooker hood atau alat penghisap asap dapur yang satu ini merupakan persembahan dari ISalan series brand Rinnai. Cooker hood dengan harga 5,9-6,1 juta rupiah ini tidak perlu diragukan lagi kualitasnya. Produk bisa berfungsi semaksimal mungkin untuk menjaga dapur Anda dari asap yang mengganggu.

Cooker hood RH-L402-GC

Masih dari Island series rupanya hadir pula varian produk lainnya dnegan nomer seri yang berbeda. Harga produk tentunya setara dengan produk lainnya dari Island series sehingga Anda bisa memilihnya sebagai produk yang tepat untuk dapur Anda.

Cooker hood RH-60EV

Bagi Anda yang menginginkan alat penghisap asap dapur dengan harga yang lebih murah tidak perlu khawatir. Sebab Slim series siap menghadirkannya untuk Anda sekalian. Produk dari Slim series brand Rinnai kali ini dibanderol seharga 1,1-1,3 juta rupiah saja. Dengan harganya yang relatif murah tersebut rupanya produk bisa berfungsi maksimal di dapur Anda.

Cooker hood RH-90ERI

Masih dalam rangakaian seri Slim series dengan model yang stylish nan elegan kini Anda bisa mendapatkannya dnegan harga sekitar 1,6-1,8 juta rupiah. Produk dengan panjang 90 cm ini bisa menghisap udar akotor dan uap di dapur.

Harga penghisap asap dapur Rinnai di atas semoga bisa menjadi salah satu referensi bagi Anda. Tentunya Anda bisa mendapatkan produk cooker hood terbaru dan terbaik dari brand terkenal Rinnai. Aneka produk cooker hood yang memiliki desain modern ini bisa segera didapatkan dan difungsikan di dapur. Sehingga dapur akan menjadi sudut tempat yang paling menyenangkan bagi seluruh penghuni rumah. Bebas memasak tanpa asap, sebaiknya gunakans aja penghisap asap tersebut.

Blogger 0

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.

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

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.

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 :

Membungkus element-element tertentu sesuai kebutuhan
Membuat heading atau format judul
Membuat Tabel
Membuat List
Membuat Paragraf
Membuat Form
Membuat Tombol
Membuat Garis
Membuat huruf tebal
Membuat huruf miring
Menampilkan gambar
Menampilkan video
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.

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.
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.
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.
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.
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 :

<h1> heading yang digunakan untuk penulisan judul utama dari dokument
<h2> heading yang digunaakan sebagai sub <h1>
<h3> heading yang digunakan sebagai sub <h2>
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

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.

Langkah Untuk Menambahkan Font Kustom ke Blogger

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.
Sekarang, kita perlu mengkonversikan font yang sudah kamu download sebelumnya ke font web. Pergilah ke Fontsquirrel Webfont Generator.
Upload font yang sudah kamu download , klik pada checkbox – Yes, the fonts I’m uploading are legally eligible for web embedding.
Download font kamu dalam file zip
Sekarang upload di root folder website kamu atau DropBox jika kamu menggunakan blogger.
Periksa Bagaimana Menyusun CSS di DropBox.
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)
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.

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;
}

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

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.

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.

Follow @fs_garanggarong

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

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.

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

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…

Saung Artikel Bangsa

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

Watch

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

Tutorial

Blogger 4

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

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.

Pilih “Start Project“
Dan isi kolom dengan lengkap dan valid seperti contoh di bawah

Sumber : Github

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

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.

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.

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

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.

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=’"post1" + data:post.id’/>
<div class=’googlepublisherads’ style=’margin:20px 0′>
<center>
Kode Iklan Yang Sudah Di Parse</center>
</div>
<div expr:id=’"post2" + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>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=’"post1" + 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=’"post2" + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>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=’"post1" + 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=’"post2" + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>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

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.