ikramlink.com: Blogger
x
Pasang Lazy Load iklan Adsense di blogger


Speed Test Page Google Lambat?
Ingin Memasang Lazy Load Adsense?

Mari disimak broo...

blog saat di test menggunakan speed test page google atau PageSpeed Insights terasa sangat lambat dan nilai yang ditunjukkan sangatlah rendah. apakan dikarenakan script adsense yang membuat blog jadi terasa lambat? bisa ya bisa tidak, pasalnya blog saya yang sedang kalian baca tidak bisa dibilang cepat dan tidak juga dibilang lambat, awalnya sih skor yang diberikan adalah 30, sangat rendah bukan, tetapi setelah saya memasang Lazy Load pada adsense itu sendiri berubah menjadi angka 70an ke atas, dan untuk perangkat dekstop menjadi 97an.

Pasang Lazy Load iklan Adsense di blogger




Hay bloggers, apakah blog anda sudah memasang iklan dari google adsense? jika iya maka selamat ya,  karena jika sebuah blog memiliki iklan google adsense yang terpasang pada setiap halaman blog tersebut, maka blog itu jauh terlihat lebih keren dibandingkan blog yang tidak memiliki iklan adsense.

Nah cara supaya blog diterima goole adsense dalam satu kali pendaftaran ini akan cocok untuk kita bahas karena dewasa ini mungkin jumlah blogger di Indonesia sudah mencapai belasan juta.

Data yang pernah tercatat pada tahun 2008 jumlah blogger di Indonesia adalah sekitar 500 ribu blogger aktif, dan melonjak berlipat ganda pada tahun 2013 dengan jumlah blogger aktif mencapai 5 juta. Bisa anda bayangkan betapa banyaknya blog pada tahun 2019 ini.

Maka dari itu jika anda adalah seorang blogger yang baru menjajaki dunia blogging, dan berharap blognya bisa bersaing dan memiliki penghasilan dari google adsense. maka kami harap anda baca artikel ini hingga selesai.

Pada dasarnya keinginan semua blogger adalah bisa menghasilkan pundi-pundi uang dari blognya. Terlepas apakah blog tersebut masuk kedalam kriteria pihak google adsense atau tidak.

Namun perlu anda ketahui bahwa membuat blog dengan tujuan menghasilkan uang dari google adsense saja tidak cukup. Studi kasus pertama adalah banyak blogger pemula yang berlomba-lomba ingin bisa di approve dan bermitra dengan google adsense.

Namun faktanya ketika mereka sudah diterima google adsense justru mereka mengeluh karena merasa heran akibat iklan yang telah mereka pasang tidak memberikan income. Hal ini patut anda perhatikan karena dari sanalah banya blogger yang tumbang dan akhirnya meninggalkan dunia blogging.

Alasan mereka pensiun dari dunia blogging adalah karena mereka tidak mendapat penghasilan yang akhirnya memancing mereka untuk melakukan klik iklan sendiri dengan harapan mereka berfikir bahwa google adsense dapat dibohongi.

Namun kenyataanya, blog mereka yang baru saja diterima google adsense malah harus merasakan sakitnya terkena suspend karena invalid klik, dan harus merasakan pedihnya terkena banned oleh pihak google adsense.

Jadi jika anda ingin segera memiliki google adsense pada blog anda kami harap anda pikirkan terlebih dahulu, simplenya seperti ini, anda memasang iklan tapi tidak ada yang melakukan klik, maka meski anda tunggu sampai dua tahun juga tetap tidak adakan pernah ada income yang di dapat.

Tips terbaiknya adalah silahkan anda desin blog anda seraph dan secantik mungkin agar bisa memikat hati pengguna untuk berkuntjung ke blog anda. Stelah blog anda memiliki jumlah visitor yang cukup banyak barulah anda berfikir untuk mendaftarkan diri ke google adsense agar bisa bermitra dengan meraka.

Standar blog untuk diterima google adsense sebanranya tidak terlalu rumit, meski blog sepi pengunjung atau hanya anda sendiri pengunjungnya, namun jika blog anda sudah memenuhi kriteria dari pihak google adsense, maka pasti blog anda sudah diterima.

Lalu apa standar dasar agar blog bisa diterima google adsense, bahkan bisa diterima meski hanya dalam satu kali pendaftaran, simak tipsnya di bawah ini.

1. Mendaftar Menggunakan Blogger
Perlu anda ketahui bahwa google adsense memberikan kita dua opsi untuk memiliki akun google adsense. Opsi yang pertama adalah akun adsense hosted, akun ini bisa anda dapatkan super gratis karena anda bisa mendapatkannya dengan cara mendaftarkan blog anda ke google adsense dengan blog yang masih menggunakan sub domain blogspot,com.

Akun adsense hosted ini sangat cocok bagi anda yang masih pemula karena anda bisa bermitra selamanya dengan google adsense tanpa harus memikirkan bayar domain, hosting, dan lain sebagainya.

Jika anda ingin mendapatkan akun opsi kedua yaitu adsese non hosted maka anda harus merubah domain anda menjadi top level domain (TLD). Namun hal ini tentu akan membuat anda mengeluarkan biaya sekitar 150 ribu untuk membeli domain.

Saran kami adalah jika anda masih pemula maka cobalah terlebih dahulu untuk mendaftar dengan menggunakan sub domain dengan target mendapatkan akun google adsense hosted.

2. Kelengkapan blog
Kelengkapan blog mencakup template, artikel, halaman service dan lain-lain. Mari kita bahas sat-persatu secara singkat padat dan jelas. Kelengkapan blog adalah jika blog anda sudah menggunakan template responsif, sudah memiliki halaman services seperti abaout, contact, dislcaimer, term of services, privacy policy, sudah memiliki minimal 15 artikel dan sudah di daftarkan di google search console dan analityc, maka blog anda sebenarnya sudah bisa di daftarkan ke google adsense.

Hal yang masih jadi perdebatan di kalangan blogger adalah berapa jumlah pengunjung minimal pengunjung agar blog bisa dterima google adsense. Namun kami hanya akan berbagi pengalaman saja, ternyata meski page view total baru 2000 saja sudah bisa diterima google adsense.

Namun itu tentu masih menjadi hal yang kontroversi, penilaian mutlak ada di pihak google adsense itu sendiri. Namun jika blog sudah memiliki kriteria seperti yang sudah dibahas tadi, maka blog anda sudah siap untuk di daftarkan ke google adsense dan kemungkin di terima dalam sekali daftar jauh lebih besar.

Namun kembali kami ingatkan jika anda adalah blogger pemula, sebaiknya anda fokus terlebih dahulu membuat artikel berkualitas terlebih dahulu, lengkapi blog dengan navigasi yang jelas dan optimalkan pengindekan blog di mesin pencarian.

Cara supaya Blog diterima Google Adsense Dalam Satu Kali Daftar



Taukah anda bahwa postingan populer atau popular post pada widget di blog anda bisa dipercantik dan menjadi lebih responsif.


Ada banyak cara yang bisa anda lakukan untuk mempercantik postingan populer pada widget blog, namun tidak semua tutorial yang tersedia bisa bekerja dan cocok dengan template blog anda.

Pada kesempatan kali ini anda bisa melihat dan mencoba menerapkan dua cara mempercantik postingan populer pada blog dengan cukup mudah dan di jamin akan cocok dengan template blog.

Cara Mempercantik Postingan Populer 1

Copy kode dibawah ini lalu paste di atas kode  </style> lalu klik simpan.


/*--- Genera Popular Posts --- */
    .popular-posts ul{padding-left:0px;}
    .popular-posts ul li {
    background: url("http://4.bp.blogspot.com/-7CHpNrL3BIY/UQFD2sPq6LI/AAAAAAAAI8E/Jibvq813XCE/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
    list-style-type: none;
    margin: 0px 0px 5px;
    padding: 5px 5px 5px 20px !important;
    border: 1px solid #dddddd;
    border-radius: 10px 10px 10px 10px;
    }
    .popular-posts ul li:hover {
    border:1px solid #666666;
    }
    .popular-posts ul li a:hover {
    text-decoration:none;
    }

Jika ingin hanya menampilkan nomer maka anda bisa menonaktifkan bagian gambar/thumbail pada settingan widget popular post.


Cara Mempercantik Postingan Populer 2

Copy kode dibawah ini lalu paste diatas kode  </style> lalu klik simpan.


.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #359bed;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd; 
}
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

Anda tinggal mengatur apakah ingin menampilkan thumbail atau hanya menampilkan nomor beserta judul saja.

Postingan populer bisa kalian maksimalkan untuk peningkatan SEO on page yang nantinya akan memperbanyak jumlah pengunjung blog, popular post juga berfungsi untuk memperlihatkan artikel atau konten yang paling banyak di baca oleh pengunjung kepada pengunjung yang membuka blog anda.

Mempercantik Popular Post Blogger






Bagi orang yang baru menggeluti dunia blogger terkadang akan terheran-heran akibat blog yang telah dibuatnya tidak tampil di mesin pencarian google.

Meski mereka sudah menuliskan judul artikel yang telah dibuat, namun ketika dicari sampai halaman terakhir pencarian google, tetap saja tidak ditemukan.

Hal ini terjadi akibat mereka tidak mendaftarkan blognya ke google search console yang berfungsi untuk melakukan indekes terhadap semua konten yang tersedia di blog untuk bisa dirayapi oleh mesin pencari google.

Sebenarnya masih banyak fungis dari google search console yang bisa dimanfaatkan, namun pada pembahasan kali ini, kita hanya akan membahas tentang cara agar blog terindex oleh mesin pencarian google.

Selain itu, gunakan terlebih dahulu google search consile versi lama yang dirasa lebih simple bila dibandingkan dengan google search console versi terbaru.

Tahap pertama yang harus dilakukan adalah silahkan masuk ke google webmaster, lalu kalian pilih tambahkan properti atau add property.

Masukan URL blog lalu jika sudah disimpan silahkan klik URL blog untuk mulai melakukan indeks konten yang ada di blog.

Tahapan kedua adalah silahkan pilih Peryapan atau crawl, setelah itu buka bagian peta situs atau sitemap untuk memasukan semua konten di blog.

Masukan kode dibawah ini satu persatu pada bagian add sitemap atau peta situs.

01. atom.xml

02. atom.xml?redirect=false&start-index=1&max-results=500

03. atom.xml?redirect=false

04. feeds/posts/default?orderby=updated

05. sitemap.xml

Setelah memasukan kode diatas tinggal menunggu proses indeks yang biasanya hanya memakan waktu satu hari.

Langkah terakhir dalam penggunaan google search console untuk membuat blog terideks mesin pencari adalah gunakan fitur fetch as google yang bertujuan untuk mengindeks URL artikel agar lebih mudah di rayapi oleh mesin pencarian google.

Dengan menggunakan langkah-langkah diatas maka blog yang tadinya tidak tampil di mesin pencarian google akan tampil dan terindeks, hal ini akan meningkatkan jumlah pengunjung blog karena mudah ditemukan setiap pengguna.

Cara agar blog terindex Google






SimpleUP Blogger Template, simpel banget ini template.


SimpleUP Blogger Template



Features Availability
Responsive True Cek
Mobile Friendly True
SEO Friendly True
Personal Blog True
2 Column True
Light Base Color True
Search Box True
Top Navigation True
Sticky Navigation True
List Style True
Page Numbered True
Share Button True
Footer Navigation True
Featured Post True
Related Post True
Recent Post True

SimpleUP Blogger Template responsive Free Download

Membuat tombol download di sidebar, trik ini cocok digunakan untuk yang mempunyai situs download maupun yang mempunyai situs shop online, ya walaupun sebenarnya trik ini bisa diaplikasikan dengan hal yang lain menurut saya,




untuk demonya bisa dilihat disemua post ditombol dibawah ini



Baik untuk yang ingin membuat tombol download disidebar bisa mengikuti tutorialnya.

Pertama kalian buka blogger >> Tema >> EditHTML
selanjutnya kalian copy CSS Berikut taruh dibagian <style>

/* CSS Store Style */
#store-style{position:relative;background:#f8f8f8;display:block;overflow:hidden;padding:20px;margin:0 0 20px 0}
#store-style:nth-child(3):before{content:&#39;\f07a&#39;;font-family:fontawesome;font-size:4rem;position:absolute;bottom:20px;right:20px;color:rgba(0,0,0,0.05)}
.rio-ss{overflow:hidden;line-height:normal;margin:0;display:block;padding:10px;width:100%;float:left;color:#000;font-size:14px;font-weight:700}
#store-style:hover:nth-child(3):before{;animation:swing 2s infinite}
#store-style .storebutton{display:block;position:relative;background:#00b894;color:#fff;font-weight:700;text-align:center;font-size:1rem;margin:0;padding:16px 20px;border-radius:5px;overflow:hidden;box-shadow:0 3px 0 #009e7f;text-shadow:0 1px 1px rgba(0,0,0,0.1);transition:all .1s}
#store-style .storebutton:before{content:&#39;&#39;;display:block;position:absolute;background:rgba(255,255,255,0.5);width:60px;height:100%;left:0;top:0;opacity:.5;filter:blur(30px);transform:translateX(-100px) skewX(-15deg)}
#store-style .storebutton:after{content:&#39;&#39;;display:block;position:absolute;background:rgba(255,255,255,0.2);width:30px;height:100%;left:30px;top:0;opacity:0;filter:blur(5px);transform:translateX(-100px) skewX(-15deg)}
#store-style .storebutton:hover:before{transform:translateX(300px) skewX(-15deg);opacity:.6;transition:.7s}
#store-style .storebutton:hover:after{transform:translateX(300px) skewX(-15deg);opacity:1;transition:.7s}
#store-style .storebutton.but0{background:#3366ff;box-shadow:0 3px 0 #3366ff;color:#fff}
#store-style .storebutton.but2{background:#ff1a1a;box-shadow:0 3px 0 #ff0000}
#store-style .storebutton:hover{background:#01d3aa;color:#fff}
#store-style .storebutton.but0:hover{background:#809fff;color:#fff}
#store-style .storebutton.but2:hover{background:#ff4d4d}
#store-style .storebutton:active{box-shadow:0 1px 0 rgba(0,0,0,0.1);transform:translateX(0px) translateY(2px)}
.but0.but1,.but2{padding:14px}
.storelist{display:flex;padding:12px 5px;width:100%;float:left;color:#000;font-weight:700;line-height:28px;transition:all .6s}
.storelist:before{content:&quot;\f14a&quot;;font-style:normal;padding:5px;margin:0 5px 0 0;transition:all .6s;font-family:fontawesome;speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#ff1a1a;margin-right:.5em;width:25px;height:25px;font-size:21px;-webkit-font-smoothing:antialiased}

Selanjutnya kalian cari sidebar-wrapper didalam template kalian dan taruh tepat didalam makrup sidebar-wrapper kalian.

<a name='details'/>
<div class='clear'/>



Setelah selesai kalian perlu menaruh Script berikut sebelum tag </body>

<script type='text/javascript'>
/*<![CDATA[*/
$(document).ready(function(){
$('a[name="details"]').before($('#Theme-details').html());
$('#Theme-details').html('');
});
/*]]>*/
</script>

Setelah semuanya beres, kalian tambahkan script ini didalam post yang kalian ingin menambahkan tombol download perpost nya.

<div style="display: none;">
<div id="Theme-details">
<div id="store-style">
<a class="storebutton but0" href="http://www.ikramlink.com" target="_blank">Demo</a>

<a class="storebutton but1" href="http://www.ikramlink.com" target="_blank">Download</a>

<a class="storebutton but2" href="http://www.ikramlink.com" target="_blank">Buy $9.95</a>
<div class="rio-ss">
<span class="storelist">Remove Footer Credits</span>
<span class="storelist">One Time Payment</span>
<span class="storelist">No Encrypted Scripts</span>
<span class="storelist">Lifetime Premium Support</span>
<span class="storelist">For Unlimited Domains</span>
<span class="storelist">Lifetime Template Updates</span></div>
</div>
</div>
</div>


Save dan liahat hasilnya.

kalian bisa rubah css nya dengan blogger kalian, semoga artikel kali ini bermanfaat 😉😊

Cara Membuat Tombol Download di Sidebar Blogger

Cara Membuat Tombol Back To Top Blogger ikramlink.com



Back to top dalam web maupun blog menurut saya sangat penting, apalagi bila isi postingan atau artikel sangatlah panjang, fungsinya untuk memudahkan user atau pengunjung kembali ke atas untuk mengakses navigasi dengan cepat dan mudah.


untuk demo tombol Back to top bisa lihat diblog saya ini,

dan untuk menambahkan Tombol Back to top di blog kalian silahkan ikuti tutorialnya.
1. Open Blogger
2. Salin Js ini dan taruh sebelum tag </body>

<script type="text/javascript">
// Back to top button ikramlink.com
$(function(){$(window).scroll(function(){$(this).scrollTop()>400?$(".ikramlink").addClass('ikramlink-top'):$(".ikramlink").removeClass('ikramlink-top')}),$(".ikramlink").click(function(){return $("html,body").animate({scrollTop:0},400),!1})});
//]]>
</script>

3. dan juga ini tarus css ini sebelum </style>

/* To top ikramlink.com */
.ikramlink{visibility:hidden;z-index:2;background:#e74c3c;color:#fff;font-size:28px;width:44px;height:44px;line-height:42px;text-align:center;position:fixed;bottom:25px;right:25px;box-shadow:0 1px 5px rgba(0,0,0,0.2);border-radius:2px;cursor:pointer;overflow:hidden;transition:all .4s}
.ikramlink:hover{background:#c0392b;color:#fff;box-shadow:0 4px 10px rgba(0,0,0,0.3)}
.ikramlink.ikramlink-top{visibility:visible;cursor:pointer;opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .4s;}

4. setelah itu save dan lihat hasilnya.


Semoga artikel tentang Cara Membuat Tombol Back To Top Blogger berguna dan bermaanfaat untuk kita semua.


Cara Membuat Tombol Back To Top Blogger




Software pengedit template blogger, sebenarnya software ini bukan hanya di peruntukan untuk mengedit template blogger saja, tetapi banyak yang bisa dikerjakan di software ini, selain untuk mengedit template blogger software ini bisa digunakan unutk membuat sebuah web html biasa bahkan web PHP loh, semua nya dilahap habis olehnya.

Notepad ++, mungkin dikalang sebagian orang belum mengetahui aplikasi ini, tetapi saya rasa aplikasi ini sudah sangat mendunia, software ini banyak digunakan untuk para desainer web web terkemuka, dilain sisi sangat ringan dan tentunya free.

untuk download nya bisa mengunjungi situs resmi nya disini

Semoga blog nya semakin maju dan berkembang pesat ya guys :)




Software Pengedit Template Blogger