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

Thursday, March 9, 2017

Cara Sticky 3 Widget Sidebar di Blogspot/Blogger

Cara Sticky 3 Widget Sidebar di Blogspot/Blogger - Fitur sticky widget ternyata tidak hanya tersedia pada situs yang full customizable seperti wordpress, pada blogspot pun kita dapat membuat sticky widget sidebar. Bukan hanya 1 widget sidebar saja yang dapat di sticky, tapi juga lebih dari 2 widget sidebar. Saya tahu anda sedang mencari cara sticky 3 (tiga) widget sidebar di blogspot / blogger, maka dari itu saya akan memberitahu anda bagaimana caranya. Sebenarnya caranya tidak berbeda jauh dengan cara sticky 1 widget sidebar atau Cara Sticky 2 Widget Sidebar di Blogspot/Blogger.

Sticky widget sidebar sering digunakan pada artikel/post yang sangat panjang dan membuat widget penting tidak terlihat jika di-scroll ke bawah. Kegunaan lain dari sticky wisget sidebar adalah membuat iklan yang terpasang pada sidebar dapat selalu terlihat oleh visitor. Tidak hanya itu, sticky widget sidebar juga dapat digunakan untuk menambah jumlah pageview user. Sticky widget arsip, label, kategori, popular post akan menambah jumlah pageview posting. Widget sidebar akan selalu terlihat oleh visitor anda jika di-sticky. Baiklah sekarang kita mulai membahas bagaimana cara sticky 3 widget sidebar di Blogspot/Blogger.

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

Cara Sticky 3 (tiga) Widget Sidebar di Blogspot/Blogger

Sebelum memulai edit template ada 4 hal penting yang harus anda perhatikan, karena ada kode dan value yang harus diganti menyesuaikan dengan kode ID tiga widget yang ingin anda sticky. Jarak antar satu widget dengan widget lainnya pun dapat anda atur dan customize sesuka dengan keinginan anda.

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

1. Menambahkan kode CSS pada Edit HTML Template Blogspot

  • Login ke akun Blogspot/Blogger anda
  • 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;}
.sticky3 {position:fixed;top:230px;/* jarak widget ke-3 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> <script type='text/javascript'>$(document).ready(function() {var stickyWidgetTop = $('#HTML7').offset().top; var stickyWidget = function(){var scrollTop = $(window).scrollTop(); if (scrollTop > stickyWidgetTop) { $('#HTML7').addClass('sticky3');} else { $('#HTML7').removeClass('sticky3'); }};stickyWidget();$(window).scroll(function() { stickyWidget();});});</script>

3. Merubah 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.
  • Pada Kode Sticky 3 rubah juga tulisan "HTML7" dengan kode ID Widget Sidebar yang akan anda sticky.

4. Mengubah 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
  • Jarak widget ke-3 dari atas. Lihat code CSS, tepatnya pada kode top:230px;/* jarak widget ke-3 dari atas*/. Rumusnya adalah Jarak widget ke-1 dari atas + tinggi/width widget ke-1 + jarak widget ke-1 & ke-2 + tinggi/width widget ke-2 + jarak widget ke-2 dan ke-3 + 10px
Terima kasih telah membaca artikel Cara Sticky 3 Widget Sidebar di Blogspot/Blogger. Semoga dengan sticky widget sidebar blog anda menjadi semakin nyaman untuk dijelajahi. Untuk mendapatkan artikel-artikel tutorial, tips, trik blogspot terbaru lainnya tetap kunjungi Bagifilex.blogspot.co.id.

Monday, January 23, 2017

Cara Membuat Money Site Gratis dan Web Download

Cara Membuat Money Site Gratis
Cara Membuat Money Site Gratis
Bagi File - Cara Membuat Money Site Gratis , Selamat datang pada blog Bagi File (https://bagifilex.blogspot.co.id) dan pada kesempatan kali ini admin akan share sebuah tutorial kepada kalian para Webmaster newbie ataupun intermediated , Tutorial bagaimana cara agar blog anda menjadi blog Money Site (Blog yang menghasilkan uang didunia nyata). Tapi sebelum melangkah ketutorial saya beritahu yah intinya dalam tutorial ini saya mengajarkan Cara Membuat Web Download seperti Kuyhaa-android ataupun Bagas31 tapi dalam versi serba gratisan tapi tetap bisa menghasilkan.

Berikut ini ada beberapa layanan yang bisa anda gunakan untuk Money Site anda :

Untuk memanfaatkan besarnya Trafik pada blog anda :

- Poptm.com : Silahkan baca info detailnya ==> Disini <==
- Popcash.com : Silahkan baca info detailnya ==> Disini <==
- Popads.net : Silahkan baca info detailnya ==> Disini <==

Untuk memanfaatkan Safelink Sendiri berikut ada pilihan PPC/CPC dan Global Paid Shortener URL  dan Lokal Indonesia yang bisa anda gunakan :

- URLIDS : Detail keuntungan ==> Baca Sini <==
- Shorte.st : Daftar Langsung sini
- Adsensecamp : Daftar Langsung sini

COCOK UNTUK ANDA : Cara Mendapatkan Uang diinternet

Berikut cara terorganisir membuat web money tipe web download file !! :

1. Silahkan buat Sebuah web (Bagusnya sih kalau anda itu membuat blog Gado-Gado tapi tetap bertema utama Blog Download seperti blog Bagi File ini) Gunakan domain TLD jika anda sanggup membeli-nya kalau ndak gunakan aja Platform Blogger ataupun Wordpress.

2. Buatlah akun Userscloud.com atau media file hosting yang support Remote Host/Direct link upload. Lalu uploadlah aplikasi apa saja yang ada dilaptop anda dan jangan lupa googling yah sobat cari website download yang mempunyai direct link download seperti Filehippo.com biar anda bisa upload file ke Userscloud anda dengan cepat.

3. Ubah link download ada menjadi Money Link anda bisa menggunakan URLIDS , Shorte.st.

4. Bagikan aplikasi yang anda upload diblogger atau wordpress anda dengan menambahkan sedikit detail tentang aplikasi anda seperti postingan yang ada diblog ini.

5. Untuk yang main PPC/CPC anda bisa mengunjungi Web ini untuk membuat Safelink anda Sendiri tanpa programming ataupun atur hal-hal yang bikin pusing !! Lalu pasang iklan yang anda inginkan pada safelink anda sendiri caranya mudah tinggal daftar dan buat blog safelink anda terus masuk menu ads code lalu tempel deh disitu kode iklan anda. Maksimalkan safelink anda usahakan ngak ada tempat yang kosong

6. Kalau Blog sudah jadi dan sudah dishort semua link-nya barulah anda pasang iklan popads , poptm , popcash yang saya rekomendasikan diatas pada blog Utama anda bukan disafelink kalau disafelink bisa juga sih :D

7. Setelah anda merasa Blog anda siap mengudara semua link udah mentok untuk uang maka silahkan anda bagikan blog anda kemedia sosial !! Minimum aplikasi yang ada bagikan sudah ada 20 barulah anda promosikan. Buatlah juga beberapa artikel tutorial yang bisa mengundang trafik jadi makin maksimal pendapatan blog anda.

8. Yah kalau udah jadi semua tinggal permantap seo website anda ini ada beberapa referensi untuk anda semoga bermanfaat :

10 Software Seo untuk blog biar buming
Cara agar blog cepat dideteksi oleh google
3 Template Super SEO cocok untuk blog anda
Cara Riset Keyword
Cara Super Efektif Meningkatkan Trafik Blog

9. Setelah SEO anda mantap udah terdaftar di google webmaster dan submit sitemap seperti tutorial Cara agar blog cepat dideteksi google diatas. nah sekarang anda tinggal bantu share blog anda kemedia sosial , ketemen ato diforum yang relevan.

10. Tinggal nunggu hasil pasti Rame blog ini aja pake cara terorganisir seperti diatas blog ini udah ngasilin duit kurang lebih $2.3/hari . 20.000/Hari itu sudah sangat memuaskan untuk blogger pemula seperti saya :D

Itulah sobat tutorial Cara Membuat Money Site Gratis dan Web Download jangan lupa cek artikel menarik lainnya pada blog Bagi File (https://bagifilex.blogspot.co.id) , Sekian dulu yah sobat tutorial Cara Membuat Money Site Gratis dan Web Download kali ini Assalamualaikum wr.wb. ...!!

#Cara Membuat Money Site Gratis dan Web Download #Bagifile #BAGIFILEX.BLOGSPOT.CO.ID