Showing posts sorted by date for query Template Artinya. Sort by relevance Show all posts
Showing posts sorted by date for query Template Artinya. Sort by relevance Show all posts

Thursday, March 9, 2017

Cara Sticky 2 Widget Sidebar di Blogspot/Blogger

Cara Sticky 2 Widget Sidebar di Blogspot/Blogger - Sticky 1 widget sidebar blogspot sudah banyak yang memberikan tips, trik dan tutorialnya, tapi bagaimana cara sticky dua widget sidebar blogspot akan saya share kepada anda. Pengertian Sticky menurut Bahasa Indonesia artinya adalah menempel. Dalam istilah dunia blog dan website, Sticky adalah statis muncul di halaman browser, berada di depan atau selalu tetap terlihat mengikuti walaupun mouse komputer terus di scroll ke bawah. Sedangkan Sticky Widget Sidebar Blogspot berarti membuat widget sidebar blogspot yang selalu terlihat walaupun mouse kita scroll ke bagian bawah blog atau website.

Untuk melihat DEMO Sticky 2 Widget Sidebar di Blogspot/Blogger, silahkan scroll ke bawah dan lihat ke bagian kanan atau sidebar blog ini. Anda akan melihat beberapa widget yang selalu muncul terlihat mengikuti, jadi itulah yang disebut 'Sticky Widget Sidebar Blogspot'. Coba lihat lagi sidebar blog ini, anda akan melihat lebih dari 2 widget sidebar blogspot tidak bergerak atau statis diam terlihat pada layar komputer atau laptop anda jika mouse di-scroll ke bawah. Sekarang saya asumsikan anda sudah mengerti tentang maksud Sticky Widget Sidebar Blogspot dimana widget sidebar blogspot selalu tidak bergerak dan terlihat terus menerus di browser. Karena tips ini sangat pentig maka pada kesempatan selanjutnya, saya akan share Cara Sticky lebih dari 2 Widget Sidebar di Blogspot/Blogger, Cara Sticky 3 Widget Sidebar di Blogspot/Blogger, dan Cara Sticky 4 Widget Sidebar di Blogspot/Blogger.

Cara Sticky 2 Widget Sidebar di Blogspot/Blogger
Cara Sticky 2 Widget Sidebar di Blogspot/Blogger

Apa saja keuntungan dengan penggunaan sticky widget sidebar yang harus anda ketahui, antara lain jika widget sidebar yang di-sticky adalah widget iklan adsense, maka jumlah CTR akan meningkat drastis sehingga pendapatan anda tentu akan meningkat. Selain itu, sticky widget sidebar pada widget related post juga dapat meningkatkan jumlah pageview blog anda sehingga jumlah presentase bounce rate akan turun.

Baiklah sekarang kita mulai untuk membahas cara membuat sticky dua widget sidebar di blogspot/blogger. Untuk membuat Sticky widget sidebar blogspot ini, ada 4 langkah mudah yang harus kita lakukan, silahkan ikuti satu persatu langkah di bawah ini.

Cara Sticky 2 (dua) Widget Sidebar di Blogspot/Blogger

Sebelum memulai edit template ada 4 hal yang harus anda perhatikan, karena ada kode dan value yang harus ganti menyesuaikan dengan kode ID dua widget yang ingin anda sticky. Jarak antar 2 widget pun dapat anda atur dan customize sesuka hati anda.

1. Menambahkan kode CSS pada Edit HTML Template Blogspot
2. Menambahkan kode JavaScript pada Edit HTML Template Blogspot
3. Mengganti kode ID Widget Sidebar pada Edit HTML Template Blogspot
4. Mengganti Jarak Sticky Widget Sidebar pada Edit HTML Template Blogspot

1. Menambahkan kode CSS pada Edit HTML Template Blogspot


  • Login ke akun Blogspot/Blogger
  • Klik Opsi Template > Edit HTML
  • Silahkan copy kode CSS di bawah ini dan paste-kan di atas ]]></b:skin>

.sticky1 {position:fixed;top:10px;/* jarak widget ke-1 dari atas*/z-index: 100;}
.sticky2 {position:fixed;top:120px;/* jarak widget ke-2 dari atas*/z-index: 100;}

2. Menambahkan kode JavaScript pada Edit HTML Template Blogspot

Copy dan Paste semua kode ini di atas </body>

<script type='text/javascript'>$(document).ready(function() {var stickyWidgetTop = $('#HTML5').offset().top; var stickyWidget = function(){var scrollTop = $(window).scrollTop(); if (scrollTop > stickyWidgetTop) { $('#HTML5').addClass('sticky1');} else { $('#HTML5').removeClass('sticky1'); }};stickyWidget();$(window).scroll(function() { stickyWidget();});});</script> <script type='text/javascript'>$(document).ready(function() {var stickyWidgetTop = $('#HTML6').offset().top; var stickyWidget = function(){var scrollTop = $(window).scrollTop(); if (scrollTop > stickyWidgetTop) { $('#HTML6').addClass('sticky2');} else { $('#HTML6').removeClass('sticky2'); }};stickyWidget();$(window).scroll(function() { stickyWidget();});});</script>

3. Mengganti kode ID Widget Sidebar pada Edit HTML Template Blogspot

  • Perhatikan kode javascript "Kode Sticky 1" terdapat kode ID Widget "HTML5". Ganti ketiga tulisan "HTML5" dengan kode ID Widget Sidebar yang ingin anda sticky.
  • Lakukan hal yang sama pada Kode Sticky 2. Perhatikan kode javascript "Kode Sticky 2" terdapat kode ID Widget "HTML6". Ganti ketiga tulisan "HTML6" dengan kode ID Widget Sidebar yang ingin anda sticky.

4. Mengganti Jarak Sticky Widget Sidebar pada Edit HTML Template Blogspot

  • Jarak widget ke-1 dari atas. Perhatikan kode CSS. Ganti nilai dari "jarak widget ke-1 dari atas" tepatnya pada kode top:10px;/* jarak widget ke-1 dari atas*/, silahkan anda ganti nilainya sesuka anda, bisa 10px, 15px, 20px atau berapapun.
  • Jarak widget ke-2 dari atas. Perhatikan kode CSS tepatnya pada kode "top:120px;/* jarak widget ke-2 dari atas*/. Rumusnya adalah "jarak widget ke-1 dari atas" + tinggi/width widget + jarak widget ke-1 dan ke-2 + 10px
Terima kasih telah membaca artikel Cara Sticky 2 Widget Sidebar di Blogspot/Blogger. Semoga dengan sticky widget sidebar blog anda menjadi semakin menarik. Untuk mendapatkan artikel-artikel tutorial, tips, trik blogspot terbaru lainnya tetap kunjungi Bagifilex.blogspot.co.id .

Friday, October 28, 2016

Cara Agar Blog Cepat Terdeteksi Oleh Search Engine

Bagi File - Cara Agar Blog Cepat Terdeteksi Oleh Search Engine.

Cara Agar Blog Cepat Terdeteksi Oleh Search Engine
Cara Agar Blog Cepat Terdeteksi Oleh Search Engine
Bagi File - dulunya adalah sebuah blog yang fokus membahas mengenai hal-hal yang para blogger butuhkan seperti artikel OPTIMASI SEO, DOFOLLOW, dll. Namun karena adanya satu orang penulis dari easy get media yang bikin masalah malah menghapus postingan diblog ini jadi link building hilang dan juga seo yang sudah dibentuk sedemikian hebat sudah hancur berantakan. Jadi sekarang saya sedang membangun ulang blog ini dengan teman saya :) Semoga bisa jaya seperti yang dulu !!

Cara blog cepat terdeteksi oleh search engine itu sebenarnya sederhana anda hanya harus memahami apa itu SEO, Link Building, Promosi, dan Penulisan Posting !! <== Itu kunci-nya.

Penjelasan Lengkap :

1. SEO ( Optimasi Search Engine )
 Seo adalah hal yang penting jika anda menginginkan peringkat dialexa rank dan google rank. Seo bisa dibilang adalah penentu skor kualitas blog kita jika anda punya seo skor yang tinggi itu artinya blog anda akan lebih gampang masuk search engine dan memperoleh rank. Cara meningkatkan SEO itu gimana ? Simak yah : Sesuai pengalaman saya cara meningkatkan kualitas seo itu susah susah gampang karena lumayan makan waktu tapi jika kita tanggap pasti bakalan cepat kok kualitas SEO-nya bagus !! Cara saya : Gunakan nama blog yang sesuai dengan tujuan blog Easy Get Media ( Sumber Berbagi Pengetahuan dan Aplikasi ), Gunakan META DESCRIPTION TAG yang sesuai atau gunakan CARI HAL YANG LAGI TRENDING DI GOOGLE!!, Jangan terlalu sering mengganti tampilan template Faktanya Template itu penunjang besar SEO blog kita kurang ngerti maksudnya begini sob !! : Template itu berarti tampilan blog kita jika kita jarang mengganti template maka pengunjung blog akan hapal bahwa blog kita adalah blog ini kaya blog kuyhaa-android19 tuh jarang ganti template jadi orang-orang tahu ciri khas situs kuyhaa-android itu kayak gimana.

2. LINK BUILDING ( Posting yang saling berkaitan )
 Link Building itu maksud-nya ketika anda sedang membuat sebuah posting misalkan saja anda membuat posting berjudul : Cara membuat aplikasi dengan MS.Visual Studio, Nah anda harus membuat link building boss !! caranya kita manfaatkan judul postingan kita "Anda telah membuat posting cara membuat aplikasi dengan MS.Visual Studio maka langkah selanjutnya anda bikin posting mengenai MS.Visual Studio, atau buatlah postingan Link Download MS.Visual Studi diblog anda" Sesuai logika jika pembaca itu serius untuk belajar cara membuat aplikasi dengan MS.Visual Studio dia pasti mencari aplikasi-nya nah itu artinya sipengunjung ini pasti membuka 2 halaman diblog kita dan itu lumayan untuk meningkatkan Pageviews blog bukan ?

3. PROMOSIKAN BLOG !!
 Mempromosikan blog ini sangat gampang sob asalkan anda punya niat. cara promosikan-nya itu gampang bikin aja status disosial media mengenai blog anda atau komentar diblog tetangga dan juga diforum-forum yang sesuai dengan tema blog anda !!

4. PENULISAN POSTING
 Banyak pemilik situs yang membuat postingan-nya itu menggunakan bahasa santai itu tidak apa-apa sob tapi harus ingat aturan maksudnya : ketika membuat posting anda bisa menggunakan kata humor, kata gaul, atau kata-kata sehari-hari tapi tetap anda harus menjaga sopan santun anda dalam menulis sebuah artikel !!.

Itu aja saran dari blog Bagi File bagi anda yang membaca-nya !! Terima kasih yah !!

Monday, October 24, 2016

MODISH Responsive Template Blogger

MODISH Responsive Template Blogger
MODISH Responsive Template Blogger
Bagi File - MODISH Responsive Template Blogger , Sebuah template keren dari Sora Template ini memang sangat cocok digunakan untuk blog Berita, Tutorial, atau Majalah. Dari Gambar diatas saja menunjukkan bahwa template ini 100% Responsif yang artinya google bakalan ngeindeks blog anda lebih cepat..!!

Fitur Blog :
- Fast Loading
- 100% Responsive Design
- SEO Accelerated
- Slot Iklan udah Siap
- Tombol Share
- Featured Posting

Masih kurang puas dengan Template blog yang ini ? Coba Cek : Galeri Template BGFILE

Link Download : MODISH Responsive Template Blogger .

Gimana sobat udah download aja ngak nyesel lu pastinya !! Jangan lupa cek Galeri Template blog ini yah sobat , Terima kasih banyak telah berkunjung dan mendownload template dari blog ini !! Sekian dulu untuk postinga kali ini Assalamualaikum wr.wb. ..!!

#TemplateBlogger #BagiFile #Bagifilex.blogspot.co.id #ResponsifTemplateBlogger #SEOFriendly

Seo Simple V3 - Template Blogger

Seo Simple V3 - Template Blogger
Seo Simple V3 - Template Blogger
Bagi File - Seo Simple V3 - Template Blogger, Sebuah template yang sangat bagus dari segi penampilannya yang sederhana dan fast loading membuat template ini sangat di sayang oleh Search Engine.

Fitur Template :
- Responsive 100%
- Fast Loading
- 3 Sidebar
- Valid HTML5
- SEO Friendly
- Navigasi
- Custom Label
- Dropdown Menu
- Share Button

Yang pastinya membuat blog anda semakin disayang oleh om google ingatlah perkataan google yak " Be Responsive or Be Gone " Yang artinya semua website itu harus mempunyai fitur responsive nah dengan template ini blog anda pasti responsive 100%.

Link Download : Seo Simple V3 - Template Blogger .

Kurang puas dengan template kali ini ? Silahkan cek : Galeri Template BGFILE .

Terima kasih telah mendownload template dari blog Bagi File ini jangan lupa cek Galeri Template BGFILE yah sobat !! Terima kasih banyak telah berkunjung diblog Sederhana ini saya doakan blog anda jadi sukses selalu dan diterima Google Adsense. Sekian dulu untuk postingan kali Assalamualaikum wr.wb. ...!!

#TemplateBlog #