Blog
Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Cara Memasang Ads.txt pada Blogger Terbaru - 5 Menit

02 April No Comments
Cara Memasang Ads.txt di Blogger Terbaru - Sebenarnya cara untuk memasang ads.txt sangatlah mudah hanya beberapa tahap saja ads.txt bisa terpasang di Blogger kita, untuk blogger sendiri sebenarnya sudah ada ads.txt namun anda dapat mengedit ads.txt sesuai keinginan.

Ads.Txt merupakan fitur baru pada dasboard blogger yang diluncurkan pada 31/01/2018, dengan adanya fitur ini beberapa penayangan Google Adsense mengalami error pada akun adsense mereka.

Dari notifikasi atau pesan yang kita dapatkan maka harus di atasi atau diperbaiki secepat mungkin karena beresiko pada penghasilan Google Adsense anda.

Artikel Terkait :

Kumpulan Template Blogger untuk Blog Download Responsive

Membuat Postingan Terbaru (Recent Post) Berdasarkan Label
 

Ads.txt (Authorized Digital Sellers) adalah alat yang dibuat untuk penerbit atau publisher sehingga memungkinkan Anda sebagai publisher adalah benar dan disetujui untuk menjual inventaris digital mereka.

Cara Memasang Ads.txt pada Blogger 

 
 Untuk mengaktifkan Ads.Txt di blogger, Masuk ke akun Blogger anda.
  1. Klik Setelan
  2. Klik Preferensi Penelusuran
  3. Cari Monotasi dan klik edit, dan letakan code ads.txtnya
google.com, pub-xxxxxxxxxxxx, DIRECT, f08c47fec0942fa0

Catatan : Ganti pub-xxxxxxxxxxxx dengan ID Adsense anda

Kumpulan Template Blogger untuk Blog Download Responsive

09 April No Comments
Download Kumpulan Template Blog Download Responsive - Selamat datang kembali di blog fathonan, pada update kali ini admin akan membagikan sebuah template blogger untuk blog download seperti software, games, anime. Template blog ini hapir mirip dengan template yang digunakan oleh situs download software gratis dan aplikasi terbesar seperti jalan tikus dan filehippo.

Template yang admin akan bagikan ini template blog murup filehippo, pada tampilan homepage terdapat list recent post (artikel terbaru), populer post (artikel populer), dan post by label (artikel sesuai label) yang dibuat dengan thumbnail kecil berbentuk bulat didepan judul postingan. terdapat dua template yang mirip filehippo yang admin akan bagikan yaitu Hippo Mag Responsive dan Horse Mag Responsive. sementara yang satunya lagi mirip template blog jalan tikus, ynag dimana thumbnail aga lebih besar dan berbentuk petak.

Bagi anda yang baru terjun untuk berusaha ngeblog, ini awal yang baik untuk anda yang suka berbagai file software da aplikasi ke pada pengunjung, dengan template di bawah ini membuat tampilan blog anda lebih menarik dan mudah dilirik oleh para pengunjung.

Artikel Terjkait :

Template Blogger Keren Menarik Responsive SEO Friendly


Kumpulan Template Blogger untuk Blog Download Responsive

Jalan Tikus Responsive - Template Blog Mirip Jalan Tikus



HorseMag Responsive - Template Blog Mirip Filehippo



Hippo Mag Responsive - Template Blog Mirip Filehippo



Membuat Postingan Terbaru (Recent Post) Berdasarkan Label

26 Maret No Comments
Kumpulan Cara Membuat Widget Postingan Terbaru (Recent Post) Berdasarkan Label di Sidebar Sesuai Kategori - Setelah membuat artikel atau postingan pasti kita ingin agar postingan tersbut tampil di sidebar, bila pengunjung yang datang bisa meliat postingan baru yang telah di buat. Sebenarnya sangat mudah untuk membuat Artikel terbaru menrut Label yang akan di tampilkan disidebar.

Sebelumya admin sangat sering membagikan desain grafis, animasi, BBM Mod,  dll, namun sudah lama tidak membagikan seputar Blog, yang dimana pemilik blog biasana sangat ingin tampilan blog/websitenya keren unik dan cantik, salah satunya dengan cara menambahkan sebuah Recent Post / Artikel terbaru / Postingan Terbaru, dengan adanya Widget itu maka pengeunjung akan tau bahwa blog/ websoate ini masih aktif karena selalu ada artikel terbaru yang update.

Maka dari itu admin fathonan akan membagi Cara Membuat Postingan Terbaru Sesuai Label, Untuk tampilan Recent Postnya akan ada beberapa variasi, jadi anda dapat memilih variasi mana yang cocok dan bagus untuk di terapkan di blog anda. Admin akan menyertakan Screenshot hasil nya, sehingga anda dapat melihat mana yang menurut anda lebih pantas untuk di terakpan.

Artikel Terkait :

Cara Membuat Widget New Post Slide (Bergerak)

Membuat Formulir Pembelian untuk Online Shop

Cara Menampilkan Widget HTML/JavaSsript di Blog Versi Mobile

Cara Membuat Recent Post / Artikel Terbaru Berdasarkan Label :

Cara #1 :


  • Masuk ke Akun Blogger Anda.
  • Tata Letak > Klik "Tambahkan Gadget"
  • Scroll kebawah dan Cari Feed, Lalu Klik
  • Masukan URL Label anda.






http://www.fathonan.xyz/search/label/Photoshop
  • Simpan

Cara #2 :

  • Masuk Ke akun Blogger Anda.
  • Tata Letak > Klik "Tambahkan Gadget" > Klik "HTML/JavaScript"
  • Pastekan Kode dibawah ini.
Kode #1 : Postingan Terbaru / Recent Post Berdasar Label Simple







<script type='text/javascript'>



var numposts = 3;



var showpostthumbnails = false;



var showpostdate = false;</script>



<script type="text/javascript" src="/feeds/posts/default/-/Label?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag"></script>

Kode #2 : Postingan Terbaru / Recent Berdasar Label Post Scroll

 






<div style="border: 1px solid rgb(000, 000, 000); height: 100px; overflow: auto; padding: 10px; width: 90%;">



<script style="text/javascript">



var numposts = 5;



var standardstyling = true;



</script>



<script type='text/javascript'>function showrecentposts(json) {



for (var i = 0; i < numposts; i++) {



var entry = json.feed.entry[i];



var posttitle = entry.title.$t;



var posturl;



if (i == json.feed.entry.length) break;



for (var k = 0; k < entry.link.length; k++) {



if (entry.link[k].rel == 'alternate') {



posturl = entry.link[k].href;



break;



}}



posttitle = posttitle.link(posturl);



if (standardstyling) document.write('<li>');



document.write(posttitle);}



if (standardstyling) document.write('</li>');}</script>



<ul><script src="http://www.fathonan.xyz/feeds/posts/default/-/Photoshop?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script> </ul>



</div>

Kode #3: Postingan Terbaru / Recent Post Berdasar Label Bullet List







<script style="text/javascript">



var numposts = 5;



var standardstyling = true;



</script>



<script type='text/javascript'>function showrecentposts(json) {



for (var i = 0; i < numposts; i++) {



var entry = json.feed.entry[i];



var posttitle = entry.title.$t;



var posturl;



if (i == json.feed.entry.length) break;



for (var k = 0; k < entry.link.length; k++) {



if (entry.link[k].rel == 'alternate') {



posturl = entry.link[k].href;



break;



}}



posttitle = posttitle.link(posturl);



if (standardstyling) document.write('<li>');



document.write(posttitle);}



if (standardstyling) document.write('</li>');}</script>



<script src="http://www.fathonan.xyz/search/label/LABEL?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>



Kode #4 : Postingan Terbaru / Recent Post Berdasar Label Gambar Thumbnail









<style>



img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style><script type="text/javascript" src="http://yourjavascript.com/71374511518/recent-post-label-thumbnail.js"></script><script>



var numposts = 3;var showpostthumbnails = true;var displaymore = true;var displayseparator = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 150;



</script><script src="http://fathonan.xyz/feeds/posts/default/-/LABEL?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">



</script>


Kode #5 : Postingan Terbaru / Recent Post Berdasar Label Gambar Thumbnail







<style>



img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:72px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;} </style>



<script>



function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){



if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}



if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)



{



s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){



thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';



}



var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');



if(showpostthumbnails==true)



document.write('<img class="recent_thumb" src="'+thumburl+'"/>');



document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');







if ("content" in entry) {



var postcontent = entry.content.$t;}



else



if ("summary" in entry) {



var postcontent = entry.summary.$t;}



else var postcontent = "";



var re = /<\S[^>]*>/g;



postcontent = postcontent.replace(re, "");



if (showpostsummary == true) {



if (postcontent.length < numchars) {



document.write('<i>');



document.write(postcontent);



document.write('</i>');}



else {



document.write('<i>');



postcontent = postcontent.substring(0, numchars);



var quoteEnd = postcontent.lastIndexOf(" ");



postcontent = postcontent.substring(0,quoteEnd);



document.write(postcontent + '...');



document.write('</i>');}



}







var towrite='';var flag=0;



document.write('<br><strong>');







if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}







if(showcommentnum==true)



{



if (flag==1) {towrite=towrite+' | ';}



if(commenttext=='1 Comments') commenttext='1 Comment';



if(commenttext=='0 Comments') commenttext='No Comments';



commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';



towrite=towrite+commenttext;



flag=1;



;



}







if(displaymore==true)



{



if (flag==1) towrite=towrite+' | ';



towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';



flag=1;



;



}



document.write(towrite);



document.write('</strong></li>');



if(displayseparator==false)



if (i!=(numposts-1))



document.write('<hr color="#d9f1fa" size=0.5>');



}document.write('</ul>');







}



</script>



<script>



var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;



</script><script src="/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs">



</script><div class="clear"/></div>

Code #3 : 


  • Masuk akun Blogger anda
  • "Tema" atau "Template"
  • Pastekan Code di bawah ini Tepat di atas ]]></b:skin>





/* Grid Recent Post by Label */



ul.recent-by-tag{overflow:hidden;padding:0 15px}



.recent-by-tag img{width:100px;height:100px;margin-right:10px;margin-bottom:5px}



.recent-by-tag li{width:82px;margin-bottom:10px;margin-right:12px;text-align:center;list-style:none;padding:11px 18px;background:#f1f1f1;border:1px solid #ddd;float:left;line-height:1.3em!important}



.recent-by-tag li a{list-style:none;color:#555;font-weight:400;font-size:13px!important;width:1-0px;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}



.recent-by-tag li a:hover,.recent-by-tag li:hover a{color:#f35858!important}



.recent-by-tag .btndown{display:none}



@media screen and (max-width:640px) {ul.recent-by-tag{padding:0;margin-left:10px}}



@media screen and (max-width:480px) {ul.recent-by-tag{margin-left:0}}
  • Lalu Pastekan Juga Code di bawah ini tepat di atas </head>





<!-- Recent Post Berdasarkan Label -->



<script type='text/javascript'>



var numposts = 3;



var showpostthumbnails = true;



var showpostdate = false;



</script>



<script type='text/javascript'>



//<![CDATA[



function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){l=d}else l="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFhH3yYrSLBe6iKe4NUlC8oxCdva8rVVRv-LxaPykJdlG_EX1Q2VBa2zdyqg2ii019H0CD40cMiDLpVBZ-QvC8qvORFFMbT0ZIv9p71B6cfpDhmoJKDXf9fFVxYZwCw_QQ1-llG60mCdQ9/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="recentlist">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_blank" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_blank" title="'+r+'" rel="nofollow">'+r+'</a></strong>');document.write('<br>');document.write('<a class="btndown" href="'+i+'" target ="_blank">Download</a>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")}



//]]>



</script>



<script>



document.write("<script src=\"/feeds/posts/default/-/Label?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag\"><\/script>");








</script>

  • Setelah Sudah Beres Semuanya.
  • Klik "Tata Letak"
  • Klik "Tambahkan Gadget"
  • Klik "HTML/JavaScript"
  • Pastekan Code di bawah ini

















<script>



document.write("<script src=\"/feeds/posts/default/-/LABEL?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag\"><\/script>");



</script>

Catatan : Ganti Pada Warna Merah
  • Ganti fathonan dengan alamat blog anda.
  • Ganti Label dengan Label postingan yang akan di tampilkan.
  • Bila ada kesalahan coba cek pada Label bila anda menggunakan Label dua kata contoh "Tips Trik" maka anda Pisah dengan %20 menjadi "Tips%20Trik"
Sekian Mengenai Kumpulan Cara Membuat Postingan Terbaru (Recent Post) Berdasarkan Label , bila anda yang ingin di tanyakan jangan sungkan sungkan untuk berkomentar dan bertanya.

Cara Menampilkan Widget HTML/JavaSsript di Blog Versi Mobile

05 Maret No Comments
Cara Menampilkan Widget di Blog/Website Versi Mobile - Saat hendak mengedit tata letak atau menambahkan widget, kita selalu bertanya-tanya kenapa hasil widget atau HTML/JavaScript yang dibuat tadi hanya tampil di versi desktop, pada saat mengecek versi mobile tidak ada widget atau HTML/JavaScript yang sudah dibuat tadi.

Membuat Formulir Pembelian untuk Online Shop

03 Maret No Comments
Membuat Formulir Pembelian barang  untuk pengunjung / pembeli di Online Shop - bagi anda seorang wirausahawan, yang dirumahnya sudah mempunyai barang dan banyak pembeli, tidak salahnya berbisnis juga menggunakan online shop, anda hanya perlu membuat website/blog sendiri, dengan isian artikel mengenai barang yang akan diperjual belikan, terutama kepada konsumen langganan anda.

Setelah anda membuat blog/website online shop, anda harus juga membuat ssuatu formulir, yang dimana formulir tersesbut akan di isi oleh pembeli dan nantinya akan terkirim sendiri ke Email, pemilik online shop tersebut, terus bagai mana cara membuat formulir tersebut, apakah berbayar, atau gratis.

Jawaban cukup,  pembuatan formulir itu baik untuk keperluan online shop maupun lainnya, ada yang berbayar, artinya kita harus memesan kepada orang untuk membuatkannya, ataupun pembuatan formulir secara gratis, emang ada formulir pengisian pesanan yang gratis? , ada, kalian tinggal membuatnya sendiri, sesuka kalian, dan sekreatif kalian, anda hanya tinggal Login ke Gooogle Docs, dan tinggal membuatnya.

Admin disini akan menyampaokan atau memberitahukan cara membuat formulir pembelian online shop untuk pengunjung atau pembeli.

berikut simak dengan baik tapakan, beserta uraian yang admin sampaikan.

Artikel Terkait :

Cara Mengatasi Postingan Blog Hanya Muncul Google+ Share di Seach Google

Iklan PopCash Memperbanyak Penghasilan Blog anda

Alternatif Selain Google Adsense


Cara membuat Formulir menggunakan Google Docs.

Demo bisa kalian Lihat DISINI.


  1. Pertma kalian harus masuk terlebih dahulu ke Google Docs, anda bisa SignIn menggunakan akun Gmail anda.
  2. Setelah anda berada di Google Docs. anda akan di bawa ke halaman Google Drive, lalu Klik tombol BUAT > Lainnya  > kemudian Pilih Formulir.





  1. Formlir tanpa judul, anda bisa isi sesuai deskripsi anda
  2. Pertanyaan yang akan di lontarkan oleh anda
  3. Jawaban bisa anda pilih, baik jawaban singkat, paragraf, polihan ganda kotak centang, tarik turun, skla linier, kisi pilihan ganda, tanggal, dan waktu, anda bisa memilih manapun yang anda inginkan.
  4. Duplikan, halnya seperti Copypaste, maka akan menduplikat "nomor 2 "
  5. untuk memunculkan deskripsi dan validasi data, validasi data berupa : angka yang akan ditulis maksimal atau minimal, dan ada Teks kesalahan khusus, berfungsi untuk, bila pengunjung mengisi jawaban salah, maka akan ada penringatan, peringatan tersebut berupa Text yang bisa anda buat.
  6. Tambahkan bagian, berfungsi untuk bila pertanyaan anda banyak, makaanda bisa memisah dan meneruskannya kehalaman selanjutnya.
  7. Tambahkan vidio.
  8. Tambahkan gambar
  9. Tambahkan Judul dan Deskrikpi
  10. Tambahkan pertanyaan, artinya membuat pertanyaan baru lagi (NEW)
  11. Palet warna, mengganti warna Background sesuai kesukaan anda, Image di atas menggunakn palet warna Ungu.
  12. Pratinjau, ini sangat berfungsi ketika anda ingin melihat contoh hasilnya yang anda buat.
  13. Setelah anda selesai membuat formulir anda bisa mengirimkan lewat Email.
Setelah anda selesai membuat Formulir tersebut, anda tinggal salin code google Docs formulir tersebut dengan cara klik KIRIM > klik tanda TAUTAN > lalu anda bisa mengcopy tautan tersbut. anda juga bisa mengirim formulir hasil anda tadi di Sosmed diantaranya Google+, Facebook, Twitter.



Maka sudah jadi untuk pembuatan Formulir pemesanan Online Shop anda, sekarang anda hanya tinggal membuat  jika ada pelanggan online shop anda yang order mengisi formulir tersebut, dan megirimkannya, anda bisa langsung menerima formulir tersebut melalui email notifikasi dengan cepat.
Berikut Langkah-langkahnya.


Mengaktifkan Email Notifikasi

  1. Maish didalam Google Docs,  tepatnya di Drive Google, anda klik BARU > Spreadsheet > maka akan ada tampilan, > klik Alat > aturan pemberitahuan.
  2. Setelah itu maka akan terbuka jedela aturan pemberitahuan, Kalian ubah Setel aturan notifikasi , lalu anda isi sesuai gambar dibawah ini, lalu klik Selesai dan Selesai
Dan akhirnya Mengaktifkan Email Notifikasi selesai, sehingga, pengunjung yang order online shop anda akan terkirim ke alam email anda.




Langganan: Postingan (Atom)

,