CSS Agar Gambar Di Postingan Menjadi Responsive Otomatis

Menampilkan situs yang mobile friendly bagi pengunjung sangatlah harus. Terlebih lagi tidak semua visitor blog kita menggunakan tampilan desktop mungkin setengahnya menggunakan layar telepon pintar. Maka dari itu anda harus mendesign situs supaya support bagi pengguna mobile. Mobile friendly sangat erat kaitannya dengan responsive.

Responsive disini bisa anda terapkan di blog anda,bisa di menu navigasi,header,dan juga gambar. Nah biasanya untuk template yang memang sudah didesign responsive kita tidak perlu repot untuk menambahkan kode agar responsive,namun kadang ada beberapa bagian yang tidak responsive salah satunya gambar.

Maka dari itu kali ini saya akan membagikan sebuah tutorial cara membuat gambar menjadi responsive. Bagaimana caranya? Berikut ini langkahnya :

Membuat Gambar Responsive

Anda cukup login blogger,pilih Template → Edit HTML. Lalu salin kode dibawah ini dan letakkan diatas kode ]]></b:skin> atau </style>

.post-body img {
  max-width:100%;
  height:auto;
}

lalu simpan template.

Langsung buka blog sobat dengan mobile untuk melihat apakah gambar sudah menjadi responsive. Cukup sekian artikel cara membuat gambar menjadi responsive otomatis. Semoga membantu dan bermanfaat.

Tips dan Trik Memilih Hosting Terbaik dan Termurah 2017

Hosting sangat penting untuk sebuah web atau blog. Tanpa hosting web atau blog tidak bisa berfungsi. Ada banyak layanan penyedia hosting bahkan ada juga yang gratis. Namun yang gratis tersebut belum tentu baik tapi bisa menjadi pilihan bagi anda yang minim budget atau masih baru dalam dunia web. Banyak layanan penyedia hosting yang baik dengan segala promo dan fasilitasnya. 

Belum tentu dengan segala fasilitas yang ada membuat hosting tersebut menjadi sempurna. Banyak yang tergiur dengan fasilitas yang ditawarkan tanpa memperhatikan aspek lainnya. Jika anda menggunakan blogger untuk membuat blog maka anda tidak perlu bingung-bingung untuk mencari hosting yang terbaik. Hosting sangat berpengaruh terhadap performa blog anda nantinya.

Semakin bagus hosting yang digunakan semakin cepat dan semakin bagus pula blog atau web anda nantinya. Jika web anda mewakili sebuah perusahaan yang besar maka anda perlu mencari hosting yang bagus untuk menunjukkan kualitas perusahaan tersebut. Lalu seperti apa hosting yang bagus? Berikut tipsnya :

Tips dan Trik Memilih Hosting

1. Bandwidts Unlimited

Jika web anda memiliki banyak visitor maka anda perlu bandwidth yang besar supaya web anda tidak down atau hang ketika kebanjiran visitor. Anda perlu memilih hosting yang menyediakan bandwidth  yang besar lebih-lebih yang unlimited. Jadi perhatikan bandwidth hosting web anda.

2. Banyaknya Pelanggan

Hosting yang baik biasanya digunakan banyak orang namun hal ini tidak sepenuhnya menjadi patokan untuk memilih hosting. Tapi secara logika memang benar semakin bagus maka semakin dicari. Dan jika kualitas buruk tentu tidak ada pelanggannya. Anda bisa memilih hosting dari layanan penyedia hosting yang sudah memiliki banyak pelanggan serta sudah berumur.

3. Kecepatan Server

Pengunjung suka dengan web yang cepat loadingnya. Nah maka anda perlu mencari hosting yang memiliki kecepatan loading yang wus agar pengunjung puas. Jadi anda harus mengecek kecepatan server sangatlah penting.

4. Ada Add On Domain

Dengan adanya add on domain maka anda tidak perlu mengeluarkan biaya tambahan. Karena dengan saru akun maka sudah bisa digunakan beberapa web atau domain. Sebaiknya anda mencari hosting yang memiliki fitur add on domain.

5. Customer Services

Jika ada masalah dan kendala maka anda perlu bertanya secara langsung kepada penyedia layanan hosting. Penyedia hosting yang bagus haruslah memiliki layanan live chat 24 jam yang berguna membantu customer bertanya tentang segala hal tentang hosting. Jadi jika anda mengalami kendala maka anda bisa bertanya tentang cara mengatasinya.

Nah itu beberapa tips dan trik yang bisa membantu anda dalam memilih domain yang cocok dan terbaik untuk web anda. Pilihlah hosting yang terbaik supaya web anda juga memberikan sesuatu yang baik. Cukup sekian artikel ini semoga bermanfaat.

Cara Melihat Blog Sendiri di Pencarian Google - Apakah Sudah diindex?

Mungkin anda ingin menemukan blog anda di mesin pencari google. Hal ini biasa digunakan untuk mengecek apakah blog kita sudah terindex google atau belum. Bukan hanya blog saja tetapi kita bisa melihat artikel kita sendiri. Sebenarnya untuk mengetahui blog kita sudah terindex atau belum kita bisa menggunakan google webmaster tools atau search console. 

Namun jika anda belum mendaftarkan blog anda maka anda tidak bisa menggunakan webmaster. Maka anda perlu mendaftarkan blog anda terlebih dahulu. Jika sudah maka anda bisa melihat status index blog anda dengan melihat sitemap yang sudah anda submit di webmaster atau melihat menu index.

Baca juga : 4 Cara Supaya Artikel Baru Cepat Terindex Google

Tapi jika anda belum mendaftar anda bisa menggunakan cara lain dengan menggunakan pencarian google. Kita akan menggunakan google itu sendiri untuk mengecek index blog kita atau melihat blog kita. Bagaimana caranya? Berikut langkahnya.

Cara Melihat Blog Sendiri Di Google

1. Buka google.com

2. Silakan masukkan keyword "site:www.urldomainanda.com"

Ganti www.urldomainanda.com dengan url blog kalian.

Lalu klik search atau enter,maka anda akan melihat blog anda yang terindex serta artikel didalamnya. Biasanya untuk postingan baru akan muncul diatas. Bagaimana cara mengetahui artikel yang terindex? Anda hanya perlu menambahkan keyword atau judul artikel anda dibelakang kata kunci yang kita masukkan dipencarian google tadi. Sehingga mennjadi seperti dibawah ini 👇

 site:www.anggasave.com cara melihat blog

Lalu klik search atau enter. Nah gimana sudah melihat blog anda dimesin pencari. Terus rajin membuat artikel agar blog anda laris. Itu saja yang bisa saya bagikan semoga bisa membantu.

Cara Memasang Tombol Back To Top di Blogger - Smooth Effect

Bagi anda pengguna template bawaan blogger atau pembuat template mungkin anda memerlukan tutorial ini untuk menambahkan fitur back to top di blog anda. Template bawaan blogger mungkin belum ada tombol back to top sehingga anda perlu memasang sendiri. Atau jika anda tidak cocok dengan back to top button bawaan template maka anda bisa menggantinya dengan tombol back to top yang akan kita pasang nantinya.

Back to top button ini memiliki smooth effect,smooth effect ini berfungsi ketika tombol back to top diklik maka secara smooth dan lembut maka laman akan scroll up. Dengan lembut dn perlahan. Tidak langsung menuju ke atas dengan cepat.

Back to top button sendiri memiliki peran penting yaitu membantu pengunjung menuju bagian paling atas di blog anda tanpa harus repot scroll up secara manual cukup klik tombol back to top maka mereka akan langsung menuju ke atas. Bagaimana tertarik untuk memasang tombol back to top? Ikuti langkah dibawah 👇

Cara Membuat Back To Top Button

Langkah 1

Silakan masuk ke blogger, pilih Template ➝ Edit HTML. Cari kode </head>

Langkah 2

Salin kode dibawah dan letakkan diatas kode </head>

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

Langkah 3
Salin kode dibawah dan pastekan/letakkan diatas kode ]]></b:skin> atau </style>

.smoothscroll-top {
    position:fixed;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    text-align:center;
    z-index:99;
    background-color:#2ba6e1;
    color:#fff;
    width:47px;
    height:44px;
    line-height:44px;
    right:25px;
    bottom:-25px;
    padding-top:2px;
    border-radius:5px;
    transition:all 0.5s ease-in-out;
    transition-delay:0.2s;
}
.smoothscroll-top:hover {
    background-color:#3eb2ea;
    color:#fff;
    transition:all 0.2s ease-in-out;
    transition-delay:0s;
}
.smoothscroll-top.show {
    visibility:visible;
    cursor:pointer;
    opacity:1;
    bottom:25px;
}
.smoothscroll-top i.fa {
    line-height:inherit;
}

Langkah 4
Salin lagi kode dibawah ini dan letakkan diatas kode </body>

<div class="smoothscroll-top">
    <span class="scroll-top-inner">
        <i class="fa fa-2x fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
 
    $('.smoothscroll-top').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear');
}
//]]>
</script>

Langkah 5
Simpan template dan lihat blog anda.

Gimana hasilnya? Tombo; back to topnya sudah muncul di blog anda atau belum. Jika tidak ada masalah maka cukup sekian artikel cara memasang tombol back to top yang bisa saya bagikan semoga bermanfaat.

Cara Menghapus Widget Yang Tidak Bisa Dihapus Atau Diedit

Widget yang tidak bisa dihapus biasanya widget bawaan dari template yang sudah diatur pembuat template supaya widget tersebut tidak bisa dihapus ataupun diedit. Hal ini mungkin sangat membingungkan bahkan untuk mengedit saja tidak bisa apalagi menghapus lantas membuat kita blogger berganti template lain.

Jika sudah terlanjur sebel dengan widget yang tidak bisa dihapus apalagi widget tersebut tidak kita inginkan pastinya ujungnya akan ganti template. Widget yang tidak bisa dihapus tersebut biasanya widget popular post,label,email subscribe,dan atribusi blogger. Biasanya widget tersebut menjadi ciri khas dari template yang digunakan.

Jika sudah tergantung suka dengan templatenya tapi ada widget yang tidak disuka lalu bagaimana? Tenang masih ada jalan menuju kebahagiaan. Karena ada cara supaya widget tersebut bisa dihapus. Caranya cukup mudah anda hanya perlu mencari ID widget anda tersebut dan ubah status widget tersebut dari true menjadi false. Berikut cara lengkapnya :

Cara Mengatasi Widget Yang Tidak Bisa Dihapus

Misalnya saya ingin menghapus widget popular post dengan id PopularPost1 maka langkahnya seperti ini.

1. Masuk ke blogger, pilih Template → Edit HTML,cari kode dibawah ini.

<b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'>...</b:widget>

Ganti kode true pada locked widget menjadi false sehingga menjadi seperti ini.
Ganti kode PopularPost1 dengan ID widget yang ingin dihapus.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>...</b:widget>

2. Lalu simpan template.

3. Untuk menghapus widget,pilih Tata Letak → pilih widget yang mau dihapus → klik edit → hapus

Selesai...widget sudah terhapus silakan buka blog anda untuk cek apakah widget sudah terhapus atau belum. Cukup sekian tutorial yang bisa saya bagikan semoga membantu dan bermanfaat.  

Cara Memasang Kotak Komentar Facebook & Blogger Responsive - Facebook & Blogger Comment Box

Tertarik memasang 2 kotak komentar di blog anda. Kotak komentar facebook bisa menjadi salah satunya pilihan untuk dipasang di blog anda. Karena banyaknya pengguna facebook sehingga memudahkan dalam berkomentar tanpa harus login atau bahkan membuat akun lainnya. Jadi pengunjung blog anda tidak perlu direpotkan untuk login untuk berkomentar.

Nah kali ini bukan hanya kotak komentar facebook yang akan kita pasang tetapi juga kotak komentar blogger atau kotak komentar default dari blogger. Kotak komentar dari blogger ini bisa anda atur supaya pengunjung harus login dulu agar bisa berkomentar atau tanpa login (tidak memiliki akun) bisa berkomentar. Jika anda mewajibkan pengunjung harus login maka mereka harus login dengan akun google biasanya atau akun lain.

Dengan banyaknya pengguna google tentu tidak menjadi masalah mewajibkan mereka login terlebih dahulu. Kembali ke kotak komentar facebook,kekurangan dari kotak komentar ini adalah jumlah komentar yang ada tidak dihitung jadi walaupun sudah ada 5 komentar dari kotak komentar facebook yang dihitung hanya dari kotak komentar deafult blogger. 

Keuntungan Memasang Facebook & Blogger Comments Box

Memasang 2 kotak komentar facebook dan default blogger memberikan solusi bagi pengunjung yang tidak memiliki facebook mereka bisa berkomentar dengan akun google,sebaliknya bagi pengunjung yang tidak memiliki akun google bisa berkomentar dengan facebook. Gimana tertarik untuk memasang 2 kotak komentar isi,ikuti langkah dibawah ini.

Cara Membuat Kotak Komentar Facebook dan Blogger

Langkah 1

Masuk ke Blogger,pilih Template → Edit HTML

Langkah 2

Salin kode dibawah ini dan letakkan/pastekan diatas kode ]]></b:skin> atau </style>

/* Komentar Facebook dan Blogger */
.komentargabungan-page,.komentargabungan-tab{display:inline-block;background:#fafafa;color:#fff;float:left;margin:0 10px 0 0;cursor:pointer;font-weight:bold;position:relative;font-size:110%;z-index:10}
.komentargabungan-page{background:rgba(255,255,255,1);width:100%;max-width:100%;margin:0 0 20px}
#blogger-comments-page h4{display:none}
#blogger-comments-page p{color:#444;}
#blogger-comments-page {padding:0px 5px;display:none;}
.komentargabungan-tab{background:#3b5998;padding:12px;transition:all .3s;}
.komentargabungan-tab:nth-child(2) {background:#fda753;transition:all .3s;}
.komentargabungan-tab:hover:nth-child(2) {background:#e1954a;}
.komentargabungan-tab-icon {height:14px;width:auto;margin:0 3px}
.komentargabungan-tab:hover{background-color:#324c82;}
.inactive-select-tab {background:#aaa}
.inactive-select-tab,.komentargabungan-tab:hover {background-color:#324c82;}

Langkah 3

Salin kode dibawah ini dan letakkan diatas kode </body>

<script type="text/javascript">
//<![CDATA[
$(window).bind("load resize",function(){var o=location.protocol+"//"+location.host+location.pathname,t=$("#container-commentfb").width();$("#container-commentfb").html('<div class="fb-comments" data-href="'+o+'" width="'+t+'" data-num-posts="10"></div>'),FB.XFBML.parse()});
//]]>
</script>

Langkah 4
Didalam template blog biasanya terdapat 2 kode <div class='comments' id='comments'> lalu silakan salin kode dibawah ini dan letakkan dibawah kedua kode <div class='comments' id='comments'>

<div class='komentargabungan-tab' id='fb-comments' onclick='javascript: commentToggle(&quot;#fb-comments&quot;);' title='Add Comments via Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar Facebook</div>
<div class='komentargabungan-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Add Comments via Blogger'>
<data:post.numComments/> Komentar Blogger</div>
<div class='clear'/>
</div>
<div class='komentargabungan-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:if></div>
<div class='comments komentargabungan-page' id='blogger-comments-page'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script type='text/javascript'>
function commentToggle(selectTab) {$(&quot;.komentargabungan-tab&quot;).addClass(&quot;inactive-select-tab&quot;);$(selectTab).removeClass(&quot;inactive-select-tab&quot;);$(&quot;.komentargabungan-page&quot;).hide();$(selectTab + &quot;-page&quot;).show();}
</script>

Ingat karena ada 2 kode <div class='comments' id='comments'> maka letakkan kode diatas dibawah kedua kode tersebut.

Lalu simpan template.

Selesai,lalu sekarang coba lihat blog anda apakah 2 sistem komentar blogger dan facebook sudah muncul di blog anda. Cukup sekian tutorial ini jika ada pertanyaan langsung saja tanyakan dikolom komentar. Semoga bermanfaat.

Cara Optimasi Gambar Artikel Supaya SEO Secara Otomatis

Sepenting apakah gambar itu? Gambar sangat penting gan supaya artikel anda lebih menarik dan bukan hanya sebuah tulisan yang mungkin bisa membuat pembaca jenuh. Selain penting untuk memperindah artikel gambar ternyata juga pengaruh dalam mencari trafik. Karena gambar yang SEO akan membuat blog anda ramai pengunjung.

Anda pernah mencoba google search image atau pencarian gambar. Tentu jika gambar tidak SEO tidak bakalan muncul di page one saat dicari di google search image. Walaupun artikel yang memuat gambar tersebut berada dipage one. Jika gambar anda muncul di google search image maka tentu akan meningkatkan trafik blog anda. Ada juga pengguna yang menggunakan google search image untuk mencari artikel yang dicari berdasarkan gambar.

Membuat gambar menjadi SEO ini sangatlah mudah anda hanya perlu menambahkan title tag dan alt tag di gambar. Title tag anda isi sesuai dengan judul artikel sedangkan alt tag anda isi dengan deskripsi gambar. Untuk cara menambahkan title tag dan alt tag gambar anda bisa baca artikel berikut Cara Membuat Gambar Menjadi SEO Friendly

Cara ini sangat merepotkan karena anda harus menambahkan title tag dan alt tag untuk setiap gambar. Nah bagaimana untuk postingan lama sedangkan anda baru membaca artikel yang saya buat ini tentu anda harus mengedit artikel lama untuk menambahkan title tag dan alt tag. Tenang ada cara sederhananya dan otomatisnya.

Cara Optimasi Gambar Agar SEO Otomatis

Dengan cara ini maka anda tidak perlu menambahkan alt tag dan title tag gambar secara manual untuk setiap gambar. Alt tag dan title tag akan ditambahkan secara otomatis disetiap gambar. Jadi untuk postingan lama anda tidak perlu khawatir. Tapi untuk postingan selanjutnya silakan tambahkan secara manual. Karena title tag akan ditambahkan sesuai judul artikel jadi mungkin tidak sesaui dengan gambarnya. Berikut ini caranya :

1. Silakan buka Blogger, pilih Template → Edit HTML

2. Salin kode dibawah ini dan letakkan/pastekan diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script> 

3. Simpan template. 

Selesai,itu dia tutorial cara optimasi gambar supaya lebih seo secara otomatis. Semoga bisa membantu dan bermanfaat.

Cara Menghapus dan Menghilangkan Atribusi Blogger - Menyembunyikan Atribusi Di Blog

Di blog anda masih ada atribusinya? Atribusi tersebut berupa tulisan dan juga link. Biasanya seperti ini "Blog anda diberdayakan oleh Blogger". Nah itulah atribusi. Memang tidak enak dipandang. Lebih baik atribusi diganti di footer blog. Atribusi ini untuk menunjukkan bahwa blog kita diberdayakan atau dibangun diatas paltform blogger.

Atribusi blogger mirip seperti credit link yang menuju ke blogger. Terkadang ada atribusi yang tidak bisa dihapus ada juga yang bisa dihapus. Atau ada juga yang hanya bisa diubah letaknya dari di sidebar pindah ke bottombar atau header. Nah untuk atribusi tersebut tentunya kita harus menghapusnya dengan cara tertentu.

Widget atribusi tersebut akan kita hapus dengan menambahkan kode kedalam template. Sebenarnya bukan dihapus tetapi lebih tepatnya disembunyikan. Dengan begitu tulisan blog diberdayakan oleh Blogger menjadi hilang. Tanpa ribet dan basa-basi berikut caranya :

Cara Menghapus Atribusi Di Blogger

1. Silakan masuk ke Blogger,buka Template → Edit HTML

2. Salin kode dibawah ini dan letakkan diatas kode ]]></b:skin> (Gunakan perintah CTRL+F agar lebih mudah dalam pencarian)

#Attribution1 {
height:0px;
visibility:hidden;
display:none
}

3. Terakhir simpan template. 

Sekarang buka blog anda dan lihat apakah atribusi yang ada sudah hilang. Ok itu dia tutorial cara menghapus atribusi blogger yang bisa dibagikan semoga bermanfaat. 

Cara Menghilangkan Ikon Tang & Obeng [Quick Edit Widget] Di Blog

Pernahkan kalian melihat logo atau ikon tang dan obeng dibawah widget anda ketika membuka blog anda sendiri. Hal itu karena template blog anda sudah diatur supaya melakukan hal itu. Logo atau ikon tang dan obeng tersebut berfungsi untuk memudahkan kita dalam mengedit tata letak dan isi blog kita. Ikon ini tetap bisa dihilangkan kok.

Ikon tang dan obeng ini hanya muncul ketika anda dalam keadaan login akun google yang digunakan untuk daftar blog tersebut. Jadi jika browser anda dalam keadaan logut atau anda mencoba membuka blog anda dengan browser atau device lain yang tidak anda login maka ikon tang dan obeng tidak akan muncul. Jadi jangan takut jika merusak tampilan blog atau takut fitur quick edit tersebut dipakai orang lain.

Sebenarnya kalian tidak perlu untuk menghilangkan ikon atau fitur quick edit ini karena tidak akan mengganggu pengunjung. Terlebih lagi anda bisa mengedit bllog anda tanpa harus buka blogger.com. Tapi itu tergantung dari pribadi masing-masing. Ok,jika anda tetap mau menghilangkan tang dan obeng di blog ikuti langkah dibawah :

Cara Menghilangkan Tang & Obeng Di Blog 

1. Silakan masuk ke blogger, pilih Template → Edit HTML

2. Cari kode ]]></b:skin> atau </style>

3. Salin kode dibawah ini dan letakkan diatas kode  ]]></b:skin> atau </style> lalu simpan template.

.quickedit{
display:none;visibility:hidden;}

Selesai dan lihat blog anda apakah logo tang dan obeng sudah hilang. Jika sudah hilang maka cukup sekian artikel cara menghilangkan ikon tang dan obeng yang bisa dibagikan semoga membantu dan bermanfaat.

Cara Memasang Widget Jam/Clock Di Blog Keren - Jam Analog/Digital

Waktu adalah emas...Mungkin anda ingin menerapkan mata mutiara tersebut di blog anda. Dengan memasang widget jam clock di blog anda. Tujuannya adalah supaya pengunjung mengetahui bahwa waktu adalah emas dari blog anda. Selain memasang widget jam di blog anda akan membuat blog anda tidak statis tetapi menjadi dinamis dengan adanya jam.

Pengunjung bisa mengetahui waktu dari blog anda jadi jika ada pengunjung yang ada diwarnet sampai larut malam bisa segera pulang. Widget jam bisa anda buat dngan mudah bahkan anda bisa memilih style yang anda suka.

Baca juga : Cara Membuat Widget Kalender Keren Di Blogspot

Sebenarnya saya ingin membagikan satu style jam agar tutorialnya gak lama dan gak ribet tapi jika hanya satu maka stylenya tidak bervariasi. Jadi kita akan membuka suatu situs yang menyediakan style dan script untuk membuat jamnya,disana anda bisa membuat jam dengan pilihan banyak dan lengkat dan bisa anda sesuaikan dengan tampilan blog anda.

Cara Memasang Widget Jam Di Blog

1. Silakan anda buka situs pembuat widget jam dilink berikut https://goo.gl/XC83Ju

2. Pilih widget jam yang ingin dipasang jika sudah silakan klik HTML Embed Tag

3. Salin script kode widgetnya

4. Masuk Blogger ⇾ Tata Letak ⇾ Tambahkan Gadget ⇾ HTML/JavaSript,lalu pastekan kode yang sudah disalin tadi dan klik Simpan

Selesai sekarang buka blog anda dan lihat apa widget jam clocknya udah muncul di blog atau belum. Nah itu dia tutorial cara memasang widget jam di blog keren semoga bermanfaat. 

Cara Membuat Widget Kalender Keren Di Blogspot

Kalender sanga penting bagi manusia untuk mengetahui waktu yang sudah berlalu atau yang akan datang. Karena kalender itu penting maka semua orang perlu memiliki disetiap rumah. Supaya pengunjung bisa mengetahui tanggal,bulan,dan tahun tanpa harus melihat kalender dirumah maka anda perlu menambahkan widget kalender di blog anda.

Dengan menambahkan widget kalender maka pengunjung bisa mengatahui waktu,tanggal,bulan,serta tahun pada saat itu. Terlebih lagi jika anda suka membuat blog yang penuh dengan design dan menampilkan blog yang multifungsi anda bisa dengan menambahkan widget kalender. Anda bisa meletakkan widget kalender di sidebar agar pengunjung mudah dalam melihat widgetnya.

Baca juga : Cara Memasang Widget Jam/Clock Di Blog Keren

Untuk membuat widget kalender kita memerlukan jasa dari situs pembuat kalender. Di situs tersebut anda bisa memilih tampilan kalender yang anda suka. Bisa menyesuaikan widget kalender dengan tampilan template blog anda dengan custom kalender widget. Bagaimana membuat widgetnya?

Cara Memasang Widget Kalender Di Blog

Langkah 1

Silakan buka situs pembuat kalendernya dilink berikut https://goo.gl/6w93xz

Langah 2

Silakan pilih style kalender yang anda inginkan. 

*Jika sudah memilih widgetnya silakan klik Use This Widget

*Tapi jika anda ingin mengatur kalendernya silakan klik Customize This Widget dan atur widgetnya jika sudah diatur silakan klik Preview and Generate your Code

Langkah 3

Salin kode widget kalendernya lalu buka Blogger ⇾ Tata Letak ⇾ Tambahkan Gadget ⇾ HTML/JavaScript

Langkah 4

Pastekan kode yang sudah disalin tadi diwidget baru yang dibuat lalu klik Simpan

Silakan buka blog sobat dan lihat hasilnya apakah widget kalender sudah muncul di blog anda atau belum. Jika anda mengalami masasalah silakan langsung tanyakan dikolom komentar. Cukup sekian artikel ini semoga membantu dan bermanfaat.

Cara Optimasi Penggunaan Tag Heading H1,H2,H3 Di Blogger

Tag heading sangat penting dalam dunia SEO blog. Tag heading merupakan tag yang digunakan untuk mengatur prioritas konten dalam dokumen html. HTML. Ada 6 tag pos - H1 (yang paling penting) ke H6 (yang penting). Diantara enam tag tersebut, tag H1 adalah tag yang paling penting diikuti oleh H2 , H3 dan seterusnya. Secara default Blogger menggunakan tag H1 untuk judul blog, H3 untuk judul posting dan H2 untuk judul sidebar. 

Penggunaan tag heading yang benar sangat berpengaruh terhadap SEO. Anda pasti pernah berfikir kenapa tidak memperbesar font dan menebalkan font untuk mengatur prioritas konten. Jika menggunakan cara tersebut maka tidak ada pengaruhnya dengan SEO. Bisa dilihat disetiap artikel yang saya buat saya selalu membuat artikel dengan tag h2 dan h3 dipostingan. Bisa anda lihat dengan inspect elemen.

Optimasi Tag Heading Di Template Blog

Tag heading harus diberikan ke judul berdasarkan prioritas mereka. Judul yang paling penting pada halaman harus kita bungkus dalam tag H1. Untuk halaman posting, judul yang paling penting akan menjadi judul entri blog. Nama Blog dan judul sidebar tidak sepenting judul posting. Penggunaan tag heading sebaiknya digunakan dengan baik,atau malah akan berdampak buruk terhadap SEO. Bagaimana cara menggunakan tag heading?

Secara default, homepage Blogger menggunakan distribusi tag di bawah ini 👇

< H1 > Judul Blog Anda </ h1 >
< H3 > Judul pos pertama </ h3 >
< H3 > Judul pos kedua </ h3 >
< H2 > Judul Gadget Sidebar </ h2 >

Judul Gadget Sidebar tidak sepenting judul posting. Jadi akan diatur ulang tag ini menjadi 👇

< H1 > Judul Blog </ h1 >
< H2 > judul posting pertama </ h2 >
< H2 > judul posting kedua </ h2 >
< H4 > Judul Gadget Sidebar </ h4 >

Secara default, halaman posting Blogger menggunakan distribusi judul di bawah ini 👇
< H1 > Judul Blog </ h1 >
< H3 > Judul pos </ h3 >
< H2 > Judul Gadget Sidebar </ h2 >

Tapi akan diaturnya kembali menjadi 👇

< H2 > Judul Blog </ h2 >
< H1 > Judul posting </ h1 >
< H4 > Judul Gadget Sidebar </ h4 >

Pengaturan heading tag template diatas hanya ditujukan untuk template yang belum dioptimasi tag headingnya,seperti template bawaan blogger. Tapi untuk template premium atau template yang sudah dioptimasi tidak perlu menggunakan cara diatas.

Ubah tag heading di template anda sesuai dengan aturan diatas agar menjadi SEO. Jika anda sudah mengatur tag heading di template. Maka anda perlu optimasi juga tag heading di postingan. Bagi anda pengguna blogger sudah disedikan fitur untuk memudahkan dalam menggunakan heading tag.

Bolehkah Memasang Iklan Popup dan Google Adsense Dalam Satu Blog? Dampaknya Apa?

Iklan popup memang menguntungkan. Apalagi jika anda memiliki banyak trafik tentu saja anda akan mendapatkan banyak dollar. Popup atau popunder ini merupakan iklan yang muncul pada windows browser baru ketika pengunjung mengklik sembarang tempat di blog anda bahkan ketika pengunjung tidak mengklik. Iklan popup yang diminati ditahun 2017 ini adalah iklan popup dari popcash,poptm,popads,dan dari propellerads.

Iklan popup ini sering mengganggu pengunjung yang sedang membaca artikel dengan munculnya windows atau tab baru yang tidak diinginkan. Walaupun mengganggu pengunjung iklan ini bisa mendatangkan banyak keuntungan apalagi jika dikombinasikan dengan iklan lain.

Pernahkan anda mencoba atau berfikir untuk menggabungkan iklan popup dengan iklan dari google adsense. Gimana hasilnya pasti sangat menguntungkan anda akan mendapatkan keuntungan 2 kali lipat. Namun apa diperbolehkan untuk menggabungkan iklan adsense dengan iklan popunder. Walaupun sangat menguntungkan anda perlu berfikir 2 kali untuk melakukan hal diatas.

Amankah Memasang Iklan Adsense dan Iklan Popup

Dengan sulitnya mendapatkan akun adsense tentu anda akan menjaganya dengan hati-hati,kecuali jika anda mendapatkan akun adsense secara gratis/mudah atau anda memasang iklan adsense dari jv adsense. Jika anda kesulitan mendapatkan akun adsense beranikan anda mencoba/bereksperimen menggabungkan iklan GA dengan popunder/popup. Jika anda sudah tahu resikonya lebih baik jangan.

Coba lihat gambar diatas. Sudah jelas bukan. Kita tidak boleh menempatkan iklan adsense disitus yang memiliki iklan popup. Terlebih lagi jika anda menampilkan iklan di popup atau popunder. Namun jika anda tetap ingin memasang iklan popunder disitus anda maka popup iklan tersebut tidak boleh mengganggu/menutupi navigasi situs,memulai download,mengubah tujuan pengguna,dan menyebarkan virus.

Pastikan iklan popup juga tidak muncul lebih dari 3. Jika ingin memasang iklan popup saya sarankan untuk memasang iklan popunder dari popcash,karena iklan hanya muncul 1 kali untuk 1 ip address dalam kurun waktu 24 jam. Jadi tidak akan mengganggu pengunjung.

Lalu apa yang terjadi jika melanggar kebijakan adsense? Akun anda bisa dibanned. Sudah susah-susah bikin akun adsense tapi akhirnya juga kena banned sayangkan. Lebih baik anda selalu perhatikan dan membaca kebijakan adsense agar tidak melanggar kebijakan yang ada sehingga akun tetap aman.

Cara Mengaktifkan/Memasang Google Plus Comments Di Blogger - Kelebihan dan Kekurangan

Sudah memasang sistem komentar dari google plus. Sistem komentar dari google ini tidak sama dengan sistem komentar yang dari blogger atau default blogger. Sistem komentar ini memiliki tampilan yang keren dan menarik. Ketika kita berkomentar dengan sistem komentar google plus ini kita tinggal login dan langsung berkomentar karena tampilannya yang sederhana maka akan memudahkan dalam berkomentar.

Sistem juga akan menampilkan interaksi sosial yang dilakukan di Google Plus.Google+ Commenting. Google plus comments adalah alternatif dari sistem komentar standar yang ditawarkan oleh Blogger. Sebelum memasangnya di blog anda mungkin anda perlu mengetahui kelebihan dan kekurangannya

Kelebihan dan Kekurangan dari Sistem Mengomentari Google+

Kelebihan

Lihat semua diskusi tentang Blog Anda sekaligus - Bila seseorang membagikan pos Anda di Google+, itu akan muncul di Komentar Google Plus. Setiap balasan yang dilakukan pada Google Plus Shares ini akan masuk ke blog.

Pilihan untuk berkomentar secara publik atau pribadi terhadap Lingkaran mereka - Sistem komentar Google+ memungkinkan pembaca untuk berkomentar secara publik atau pribadi terhadap Lingkaran mereka di Google+.

Melihat Komentar - Pembaca dapat memilih untuk melihat semua komentar, atau hanya komentar teratas atau komentar orang-orang di lingkaran mereka

Terlihat lebih baik - Sistem komentar baru benar-benar bersih dan terlihat jauh lebih baik daripada default Blogger.

Kekurangan

Harus Punya Akun Google+ - Untuk memberi komentar di blog Anda, pembaca harus memiliki Akun Google. Jika mereka tidak memilikinya, mereka akan dipaksa membuat akun Google sebelum mereka dapat mengomentari Blog Anda. Pemberitahu tidak akan lagi mendapatkan opsi untuk masuk menggunakan OpenID, atau memberi komentar secara anonim.

Opsi Moderasi - Saat ini, Blogger default memiliki opsi untuk menyetujui dan menolak komentar yang tidak akan Anda temukan di Sistem yang baru. Tanpa mekanisme moderasi yang tepat, akan lebih sulit menghadapi spammer.

Cara Memasang Sistem Komentar Google+

1. Silakan masuk ke blogger dan pilih blog yang akan dipasang sistem komentar google+

2. Klik Setelah → Postingan,komentar,dan berbagi. Silakan scroll down...

3. Pada bagian Komentar Google+,ubah dari Tidak menjadi Ya untuk mengaktifkan sistem komentar Google+ (Lihat gambar dibawah)

4. klik Simpan.

Sekarang coba lihat blog sobat apa komentar google plusnya sudah muncul di blog anda. Jika sudah kita akhiri artikel ini. Cukup sekian artikel ini semoga bisa membantu dan bermanfaat.

Bolehkah Memasang Iklan In-Article Ads Di Sidebar Blog? Dampaknya Apa?

Iklan In-article ads merupakan jenis iklan terbaru dari google adsense,nampaknya bukan hanya saja tampilan iklan yang menarik tapi BPK/CPC-nya juga cukup menarik. Siapa sih yang gak tergiur dengan CPC yang tinggi Jika kalian perhatikan dan selalu mengamati report laporan penghasilan adsense nilai dari iklan in-article ads jauh lebih tinggi jika dibandingkan dengan display ads.

Dengan bayaran yang tinggi tersebut saya sempat berfikir bagaimana kalau saya pasang saja unit iklan in-article ads disetiap bagian di blog saya. Seperti di sidebar dan footer. Lalu saya mencoba memasang kode iklan tersebut disidebar dan melihat hasilnya. 

Setelah saya lihat blog saya iklan in-article saya berubah menjadi display ads,mungkin karena dipengaturan iklan saya mengijinkan untuk mengganti iklan in-article jika tidak tayang dengan iklan display ads. Lalu saya edit unit iklan in-article supaya tidak berganti menjadi display ads jika iklan tidak ada. Dan saya cek blog saya lagi dan ternyata malah iklan tidak tayang.

Bolehkah Diletakkan Di Sidebar

Saya cek blog saya saat menu beranda/home lalu saya coba buka salah satu artikel dan alhasil iklan tayang. Lalu apa penyebab iklan tidak tayang dilaman home page/beranda. Coba lihat gambar dibawah ini.

Gambar tersebut merupakan tips dan intruksi untuk pemasangan iklan in-article ads. Didalam tips tersebut kita disarankan untuk memasang iklan in-article ads dibawah paragraf kedua di artikel. Dan tidak diperbolehkan untuk meletakkan iklan di sidebar karena akan berdampak negatif mungkin iklan tidak tayang dan dampak lainnya. Jika ditranslate maka bunyinya seperti ini 👇

Tips penempatan

Tempatkan iklan di dalam halaman Anda yang memiliki teks. Kami menyarankan 2 paragraf di bawah awal artikel. Namun, jangan letakkan iklan di sidebar karena hal ini bisa berdampak negatif pada performa.

Penting: Jika Anda ingin menempatkan lebih dari satu iklan, pastikan Anda mengizinkan konten yang cukup di antara iklan untuk meminimalkan gangguan pada pembaca Anda.

Jika ingin menampilkan iklan in-article ads lebih dari satu maka anda harus memiliki artikel yang sebanding dengan iklan supaya pembaca tidak terganggu dengan iklan yang terlalu banyak di dalam artikel anda. Bagaimana sudah jelas tentang letak pemasangan in-article ads nya? Jika kalian belum membuat unit iklan in-article adsnya baca artikel berikut Cara Membuat dan Memasang Iklan In-Article Didalam Postingan

Cara Membuat Laman Contact Form Blogger - Laman Formulir Contact

Contact form biasanya hanya ada di sidebar karena memang widget resmi dari blogger/ Lalu bagaimana jika ingin menampilkan contact form di laman blog kita. Biasanya kita harus mendaftarkan di situs contact form untuk bisa meletakkan contact form dilaman blog. Namun sebaiknya anda memasang contact form resmi dari google.

Widget contact form ini bisa muncul diberbagai device termasuk mobile device. Mungkin anda sudah memiliki widget contact form di sidebar tapi mungkin juga membuat pengunjung tegantung dan membuat sidebar penuh dengan widget yang bagi sebagian pengunjung tidak berguna bagi mereka.

Untuk membuat dan menghubungkan widget ini ke blog anda anda harus mencari ID blog anda terlebih dahulu. Supaya email yang dikirim masuk ke email administrator blog. Bagaimana cara mencari ID blog?

Buka saja dasbor blogger anda  yang ingin anda pasang formulir kontak dan lihat urlnya disana anda akan menemukan ID blog anda. Lihat gambar dibawah untuk kejelasannya.  

Jika anda sudah mendapatkan ID blog anda maka kita akan lanjut ke tutotialnya.

Cara Membuat Laman Contact Form Blogger

Langkah 1
Silakan anda masuk ke blogger, pilih Laman → Laman Baru. Ubah mode penulisan dari Compose menjadi HTML

Langkah 2
Salin kode dibawah ini dan letakkan dilaman baru yang dibuat.

<script>
var blogId = '8694494030520005341';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>Your Name : </div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>Your Email: <em>(required)</em></div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>Your Message: <em>(required)</em></div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>

Ganti kode yang berwarna kuning dengan ID blog anda.

Lalu simpan template. Dan hasilnya. Jika anda memiliki pertanyaan tentang contact form mungkin anda bisa melihat FAQ dibawah ini.

Berikut Beberapa Pertanyaan Tentang Formulir Kontak Blogger :

#1: Mengapa saya harus menambahkan Formulir Kontak?

Menambahkan formulir kontak akan memudahkan pembaca untuk menghubungi Anda. Mereka tidak perlu mencatat alamat email Anda, membuka aplikasi email seperti Gmail / Hotmail, menyusun dan mengirimkannya kepada Anda. Mereka hanya perlu mengisi informasi yang diperlukan dalam formulir kontak dan cukup tekan kirim. Sehingga tidak merepotkan pengunjung.

#2: Mengapa saya harus memindahkan formulir kontak ke halaman statis. Kenapa tidak memilikinya di sidebar?

Tergantung anda sendiri. Hal lain yang perlu diperhatikan adalah, form kontak sidebar biasa saat ini tidak mendukung template mobile. Jadi jika Anda ingin formulir kontak didukung pada template seluler juga, mungkin pilihan yang lebih baik untuk memindahkan formulir kontak blogger ke halaman contact.

#5: Apakah formulir kontak aman dari SPAM?

Sebagian besar ya. Blogger telah cukup hati-hati untuk mencegah spam komentar otomatis. Jadi anda tidak perlu khawatir jika anda yang ingin spam di email anda.

#6: Kemana pesan formulir kontak dikirimkan? 

Tentu akan dikirimkan ke alamat email semua administrator blog.

Cukup sekian artikel ini semoga membantu dan bermanfaat. Jika ada masalah silakan langsung tanyakan di kolom komentar.

Sistem Pembayaran Vebma Yang Terbaru 2017 | Register & Sign Up Vebma

Vebma merupakan platform yang digunakan untuk menulis serta membayar. Mungkin kalian tidak asing dengan vebma hampir setiap harinya ada yang ingin menjadi penulis di vebma. Mungkin karena kemudahan dalam menerbitkan artikel serta bayaran yang diberikan kepada anggotanya. Vebma memang masih menjadi salah satu paltform yang masih diminati.

Tapi tahukan kalian bahwa sistem pembayaran di vebma sekarang berubah. Mungkin bagi kalian penulis lama merasakan perubahan yang terjadi. Ada 2 perubahan,yang pertama kini kita bisa dengan mudahnya menerbitkan artikel tanpa adanya pengecekan atau filter. 

Baca juga : Cara Menjadi Penulis Di Vebma

Saya pernah mencoba menerbitkan artikel hasil copy paste dan langsung bisa diterima.Namun walaupun mudahnya dalam menerbitkan artikel kita tidak dibayar untuk tiap artikel. Dulu memang kita dibayar untuk setiap artikel yang bisa terbit. Tapi sekarang tidak bagaimana pembayarannya sekarang?

Sistem Pembayaran Vebma Terbaru

Bukan per artikel kita dibayar tapi hanya per views artikel kita baru akan dibayar. Yang dulunya kita dibayar hingga Rp 10.000,00 per artikel sekarang kita mendapatkan Rp 10.000,00 sangatlah sulit karena bukan berdasarkan artikel tapi banyaknya views artikel.

Seandainya anda hanya mendapatkan sedikit views maka bisa jadi anda cuma mendapatkan ratusan rupiah saja. Berapa bayaran tiap views artikel? Setia 1000 views maka anda akan dibayar Rp 12.000,00. Jika anda tidak mendapatkan views maka balance anda akan tetap dan tidak bertambah.

Pasti anda pernah mengalami sudah menerbitkan artikel tetapi balance tetap. Kemungkinan pertama artikel anda tidak mendapatkan views,kemungkinan kedua artikel anda tenggelam karena bukan anda saja yang menjadi penulis di vebma. Bahkan mungkin setiap jam selalu ada artikel yang baru. Bagaimana masih tertarik menjadi penulis di vebma? Mungkin anda bisa mencoba menjadi penulis di platform lain. Baca juga : 4 Platform Untuk Menulis dan DIbayar

Cara Membuat Widget Recent Post/Artikel Terbaru With Thumbnail Untuk Blogger

Widget recent post atau artikel terbaru merupakan widget yang bisa dikatakan penting untuk melengkapi blog anda. Biasanya widget ini diletakkan di sibebar atau footer dan ditemani widget lain seperti popular post dan label. Kenapa widget ini penting? Widget ini penting bagi kalian yang mau mendaftarkan blog untuk adsense.

Agar diterima anda harus memberikan navigasi yang baik salah satunya dengan memasang widget recent post.Jika anda mendapatkan pengunjung dari search engine tentunya mereka akan langsung menuju ke artikel yang mereka dapatkan di search engine dan tidak menuju beranda home terlebih dahulu. 

Dengan begitu mereka tidak mengetahui apa ada artikel terbaru di situs tersebut. Maka dengan memasang widget artikel terbaru maka pengunjung bisa mengetahui artike terbaru di situs tersebut tanpa harus menuju home page. Widget ini juga berfungsi untuk menurunkan rasio pentalan atau bounce rate situs anda dengan membuat pengunjung membaca artikel yang lain.

Cara Memasang Widget Postingan Terbaru

Langkah 1 (Membuat widget di Tata Letak)

Silakan masuk ke blogger,klik Tata Letak ➝ Tambahkan Gadget ➝ HTML/JavaScript

Langkah 2

Silakan anda salin kode dibawah ini dan masukkan di widget baru yang dibuat tadi.

<style scoped='' type='text/css'>
/* Recent Post Navigasi */
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
.recentpostel{background:#fff;display:block;border:1px solid #ddd;margin:5px 0;padding:10px;height:79px}
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnjqHRLqdrb64cOOZI4N1HoZZB3oUtpAf68ANN4KvDugGuAvXiukdEpRxDHf4qcAA7bqxaYWKSJSWNo64woCsgQOW0rF08WrRmRtivM2N62jOpOaXNwELk9qtETZvZaC9znJx3IGvOLBCb/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
</style>
<script type='text/javascript'>
//<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://www.anggasave.com";
    var charac = 0;
    var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjdC-Kn-exDlYcJdxwZ-31Oeg1sCTHEpEyrezfvfDq626njcz597XgY7iQlxW35qujKj0nCV60KlxQpgVJg4E3NAECxVQVtVsmpuu0MtVhIzFKTlBwppuJok3tgSXsmNM40neYfG1tEd3o/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'></a>":"<span class='noactived previous'></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><p></p></a>":"<span class='noactived next'></span>",s+="<a href='javascript:navigasifeed(0);' class='home'></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>

Ganti http://www.anggasave.com dengan url blog anda.

Lalu simpan template.

Sekarang coba buka blog anda apakah widget recent postnya sudah muncul atau belum.  Ok cukup sekian tutorial cara membuat widget recent post with thumbnail yang bisa saya bagikans semoga bermanfaat.

Mengenal Tentang Iklan In-Feed Ads & In-Article Ads | Cara Memasangnya Di Blog

Seperti yang sudah kita tahu saat ini google adsense telah menghadirkan fitur atau jenis iklan baru. Jenis iklan baru ini diharapkan bisa meningkatkan pengalaman pengguna. Jenis iklan yang baru ini ada 2 ,yaitu in-feed ads & in-article ads. Mungkin kalian sudah mencoba kedua iklan baru ini. Dilihat dari namanya keduanya sepertinya memiliki fungsi dan kegunaan yang berbeda.

Ketika anda ingin membuat unit iklan baru di adsense ada tampilan baru yang muncul. Ada pilihan jenis iklan ditampilan tersebut,yaitu display ads,matched content,in-feed ads,dan in-article ads. Display ads mungkin ada sudah menggunakannya. Matched content ads tidak semua publisher adsense bisa memasang unit ini. Dan 2 unit baru.

Fungsi In-feed ads dan In-article ads

In-feed ads ini digunakan di beranda atau home page tepatnya di feed artikel. Iklan in-feed ads ini bisa anda atur stylenya supaya mirip dengan feed artikel yang ada di home page. Sehingga bisa membuat pengunjung mengira bahwa itu adalah artikel. Dan mengklik iklan tersebut.

Sedangkan in-article ads ini sesuai namanya digunakan didalam artikel. Seperti halnya in-feed ads,in-article ads juga bisa kita atur dan edit stylenya agar sama dan mirip seperti text yang ada diartikel. Mulai dari judul,deskripsi,dan background. In-article ads memang cocok untuk diletakkan ditengah artikel.

Bisakah kedua iklan ini ditukar lokasinya. Bisa namun jika anda menukar letak iklan ini maka akan mengurangi kinerja iklan,iklan bisa tidak tayang serta tidak optimal. Jadi sebaiknya anda letakkan in-feed ads dilaman home dan in-article ads di dalam artikel.

Memasang In-feed Ads dan In-Article Ads

Sudah cukup mengenal in-feed ads dan in-article belum. Jika sudah yok segera pasang iklannya. Tapi sebelum memasang iklan anda harus membuat dan mendapatkan kode iklannya terlebih dahulu. Saran untuk iklan in-article bisa anda pasang dibawah judul post,ditengah,atau diakhir post. Bagaimana cara memasang in-feed adsnya? Cara pemasangannya buka artikel berikut Cara Memasang Iklan In-Feed Ads Google Adsense

Sudah pasang in-feed ads. Sekarang lanjut pasang in-article adsnya. Seperti yang saya katakan diatas in-article ads cocok dipasang ditengah artikel maka kita akan memasang in-article adsnya ditengah artikel. Bagaimana caranya? Buka artikel ini Cara Memasang Iklan In-Article Adsense Di Tengah Postingan Otomatis  

Nah gimana sudah pasang iklan in-feed ads dan in-article ads. Cukup sekian artikel ini. Jika ada masalah dan kendala silakan anda langsung tanyakan saja. Semoga artikel ini bermanfaat.

Cara Memasang Iklan In-Article Adsense Di Tengah Postingan Otomatis

Ada jenis iklan baru dari adsense,salah satu iklan baru tersebut adalah in-article. Tahukah kalian bagaimana cara memasang iklan in-article? Memasang iklan in-article sebanarnya sama seperti jika anda memasang display ads didalam postingan. Mungkin yang membedakannya adalah tampilan serta saran penempatan iklan.

Iklan in-article ads disarankan untuk diletakkan didalam postingan tepatnya setelah 2 paragraf pertama. Tujuannya supaya iklan bisa tampil secara optimal dan sesuai dengan konten. Jika kalian memasang iklan in-article di sidebar mungkin akan mengganggu kinerja iklan. Iklan bisa saja tidak tayang.

Namun cara yang paling tepat untuk memasang iklan ini adalah ditengah-tengah artikel supaya iklan berkerja dengan baik. Selain itu meletakkan iklan ditengah artikel bisa meningkatkan CTR iklan. Tidak hanya in-article ads yang bisa dipasang didalam artikel namun juga unit iklan lain (display ads). Script iklan ditengah ini bukan hanya dikhususkan untuk in-article ads tetapi jenis iklan lain.

Bagi anda yang masih baru memiliki akun adsense dan tidak sempat untuk meletakkan kode adsense kedalam postingan bisa menggunakan cara ini. Karena otomatis dan mudah dihapus jika tidak ingin meletakkan iklan ditengah.

Sebelum memasang in-article ads di tengah artikel sebaiknya anda buat dulu unit iklan in-article adsnya. Masih bingung bagaimana cara membuat in-article-ads? Buka artikel berikut Cara Membuat Iklan In-Article Google Adsense . Sudah disiapkan kodenya,jika kode sudah siap ikuti langkah dibawah ini :

Cara Memasang In-Article Ads Ditengah Postingan

Langkah 1
Silakan anda masuk ke  blogger, pilih Template → Edit HTML,lalu cari kode <data:post.body/>

Karena kode <data:post.body/> mungkin ada lebih dari satu,silakan cari yang diapit tag <b:if cond=’data:blog.pageType == &quot;item&quot;’>. atau silakan sesuai dengan template anda.

Langkah 2
Ganti kode <data:post.body/> dengan kode dibawah ini. 

<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
IKLAN ADSENSE DISINI
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Ganti IKLAN ADSENSE DISINI dengan kode iklan in-article yang sudah diparse

Lalu simpan template.

Jika terjadi kesalahan ketika menyimpan atau template tidak bisa disimpan,silakan parse dulu kode adsensenya disini . Nah itu tutorial cara memasang iklan in-artikel ditengah blog otomatis. Semoga bermanfaat.

Cara Membuat dan Memasang Iklan In-Article Didalam Postingan Blog [In-Article Adsense]

Google menambahkan jenis iklan baru di tahun 2017 ini. Kemunculan iklan baru ini juga diikuti dengan kemunculan iklan lainnya. Ada yang tahu iklan apa yang baru ditahun ini? Iklan in-feed ads dan juga iklan in-article ads. Keduanya menggunakan istilah 'in' untuk menunjukkan bahwa iklan diletakkan didalam. Sebelumnya juga muncul fitur iklan baru seperti iklan page level ads,quickstart ads,dan matched content.

2 jenis iklan baru tersebut memiliki kegunaan dan fungsi yang berbeda. In-feed ads lebih cocok jika digunakan dihome page atau tepatnya diantara artikel-artikel yang ada dihome page. Sedangkan in-article ads cocok digunakan didalam artikel karena memang keduanya memiliki tampilan yang berbeda sesuai dengan kegunaan.

Diartikel sebelumnya kita sudah membahas cara memasang iklan in-feed ads diantara postingan diberanda. Kali ini kita akan bahas cara membuat dan memasang iklan in-article didalam postingan.

Baca juga : Cara Memasang Iklan In-Feed Ads Google Adsense Diantara Postingan Di Beranda

In-feed ads dibuat dan didesign supaya menyerupai daftar artikel yang ada diberanda. Sedangkan in-article ads dibuat untuk menyerupai text tulisan diartikel.Untuk meningkatkan penghasilan silakan pasang iklan sesaui dengan kegunaannya. 

Fungsi Iklan In-Article

Anda mungkin pernah dengar tentang rencana adsense tentang better ads,mungkin inilah yang dimaksud dengan better ads tersebut. Penyesuaian jenis dan tampilan iklan agar memberikan pengalaman kepada pengunjung itulah tujuan dari better ads. In-article ini digunakan untuk menampilkan iklan didalam artikel blog. Entah itu dibawah judul,ditengah,atau diakhir artikel.

Sesuai dengan fungsinya iklan in-article akan memiliki tampilan yang berbeda dengan display ads. In-artikel ini biasanya berupa text dan gambar yang bisa membuat pengunjung tertarik untuk mengklik iklan tersebut berkat adanya gambar dan penjelasan berubah text. Untuk meningkatkan penghasilan adsense sebaiknya kita juga menambahkan in-artikel ads didalam postingan.

Cara Membuat dan Memasang In-Article Ads

In-article ads ini bisa digunakan semua publisher adsense content karena bukan masih dalam beta atau pengembangan. Tidak seperti matched content yang hanya bisa digunakan beberapa publisher yang layak. Iklan in-article ini akan kita pasang diawal (dibawah judul) dan diakhir artikel. Berikut cara membuat iklan in-article :

#Cara Membuat Iklan In-Article Ads

Langkah 1

Silakan login adsense.com ,lalu klik My Ads → Content → Ads Unit → Unit Iklan Baru (Langkah sama seperti membuat unit iklan biasa) 

Langkah 2

Muncul tampilan baru,silakan anda pilih In-Article Ads (Yang ada dipaling bawah)

Langkah 3

Silakan edit tampilan style iklannya. Sesuaikan dengan tampilan artikel di blog anda,mulai dari font,warna judul,deskripsi,dan background. Jika sudah klik Save And Get Code

Ands sudah mendapatkan kodenya,karena kita akan menyimpan kode ditemplate maka silakan anda parse terlebih dahulu kode adsensenya disini  

#Cara Memasang Iklan In-Article Ads

Langkah 1

Buka blogger, pilih Template → Edit HTML,lalu cari kode <data:post.body/>

Jika anda menemukan kode <data:post.body/> lebih dari satu ditemplate blog anda silakan anda coba satu persatu dan cocokkan.lihat hasilnya. Pilih kode <data:post.body/> desktop.

Langkah 2

1. Jika anda ingin melihat iklan berada dibawah judul/diawal artikel silakan letakkan/pastekan kodenya diatas kode <data:post.body/>
2. Jika anda ingin melihat iklan diakhir artikel silakan letakkan kode dibawah kode <data:post.body/>

Langkah terakhir simpan template dan lihat hasilnya.

Baca juga : Cara Memasang Iklan Adsense Ditengah Postingan

Jika anda melihat iklan belum tayang/masih blank putih silakan anda tunggu beberapa menit sampai iklan aktif.  Itu dia tutorial cara membuat dan memasang iklan in-article ads semoga membantu dan bermanfaat.