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.




Cara Membuat Widget New Post Slide

06 Agustus No Comments
Cara Membuat Widget New Post Slide - Ada kalanya kta harus mengotak atik Website/blog, supaya tampilannya lebih menarik, berikut saya akan papawkan cara membuat Widget New Post Slide,

Cara Mengecek Loading Web/Blog

29 Juli No Comments
     Keuntungan dengan mengetahui Loading web atau blog, kalian mengetahui berapa cepat lambatnya loadingnya, sehingga pengunjung tidak menunggu waktu lama memasuki web/blog kalian, berikut cara Mengecek Loading Web/blog supaya Lebih meringankan ke pengunjung.

Cara Mudah Membuat Scroll Arsip Blog

28 Juli No Comments
Kegunaan Scroll arsip blog ini dapat menghemat halaman, sehingga tidak terlalu panjang kebawah, cara membuat Scrool arsip blog ini sangan mudah Berikut saya paparkan cara membuat Scroll Arsip Blog

Mudah Membuat Kotak Komentar ada Blog

26 Juli No Comments

     Kotak komentar sangat diperlukan dalam setiap Website, karen mengekspresikan pengunjung akan hal postingan yang telah kita buat.

    Namun terkadang seorang blogger pemula sering mengganti, ataupun ingin mengganti Templatenya karena bisa jadi bosan, tapi setiap Template apalagi template yang sudah di desain ukan atau du Edit biasanya, pada saat kita terapkan template tersebut ternyata sudah di modif sehingga kotak komentar di bawah postingan hilang atau tidak ada, hanya bisa di terapkan dalam mode Full Page saja.

Artikel Terkait :

Untuk yang mengalaminya saya saya sedikit mendapat ilmu mengenai Mudah Membuat Kodak Komentar ada Blog

Saya akan mencoba menjelaskannya secara singkat :
  1. Masuk ke akun Blogger kalian
  2. Klik TEMPLATE dan klik Edit HTML
  3. Biasakan bilakalian ingin mengedit Tememplate di Backup bila pada saat ada kesalahan kalian punya cadangan. cara membakip template, klik Template lalu pilih Cadangkan/Pulihkan, dan unduh template lengkap
  4. Cari code dibawah ini, biar cepat gunakan CTRL+F 
<p class=’comment-footer’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<data:postCommentMsg/></a>
</p>
</b:if>

        Ganti Code di atas dengan code dibawah ini :

<p class=’comment-footer’>
<b:if cond=’data:post.embedCommentForm’>
<b:include data=’post’ name=’comment-form’/>
<b:else/> <b:if cond=’data:post.allowComments’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>

Terakhir Simpan/Save TEMPLATE

  • Sekian Info Mudah Membuat Kodak Komentar ada Blog dari saya semoga bermanfaat

Cara Mudah Membuat Artikel terkait dengan Scroll

26 Juli No Comments
   Salah Satu cara menarik ini bisa membuat pengunjung betah di website kita, dengan adanya Scroll Artikel ini dapat melihat postingan yang pernah kita buat sebelumnya, sehingga dengan mudah dapat terbaca oleh pengunjung.

Artikel Terkait

Berikut cara membuat Scroll artikel dengan mudah :

1. Nasuk ke Blogger { masuk ke blog anda} => dan pilih TEMPLATE dan pilih Edit HTML
2. CTRL+F dan cari code <data:post.body/> 
3. Contoh :


4. Jika kalian sudah mengguakan fungsi Read More, maka akan terdapat dua kode <data:post.body/> berada dibawah <b/b:if> jika telah menggunakan artikel terkaitm kalian bisa menghapus artikel terkait yang lama tersebut, bila kalian ingin menggantinya dengan yang baru. 
 5. kalian bisa Copypaste code dibawah ini setelah code <data:post.body/></b:if> ini yang pertama [ bila kalian sudah menggunakan Read more] 


<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class=’rbbox’>
<div style=’margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;’>
<div id=’albri’/>
<script type=’text/javascript’>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;albri&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values=’data:posts’ var=’post’>
<b:loop values=’data:post.labels’ var=’label’>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type=”text/javascript”>RelPost();</script>
</div>
</b:if>



  • Untuk " Artikel Terkait " bisa kalian Ubah dengan kata yang lain
6 . Lalu masukan Code dibawah ini di atas code ]]></b:skin>


. rbbox {border: 1px solid #D8D8D8; padding: 5px;
background-color: #E0F8E0;-moz-border-radius: 5px; margin: 5px;}
. rbbox: hover {background-color: #EFFBEF;}


  Catatan
Ganti Code warna sesuai ke ingan kalian, jika tidak tau kode warnanya kalian bisa  melihatnya di
#D8D8D8: Code warna untuk border
#E0F8E0 :  Code Warna Untuk Background 
#EFFBEF:  Code Warna Untuk Background , akan terlihat jika disorit dengan pointer

7. Terakhir klik SIMPAN TEMPLATE.

Semoga berhasil,..dan semoga bermanfaat Cara Mudah Membuat Artikel terkait dengan Scroll

Membuat Blog simple dan menarik

15 Juni No Comments


Assalam mualaikum wr.wb

Sudah..beberapa bulat terakhir belum membuat posting karena adanya ganguan kebosanan, dan akhirnya bangkit kembali .
mungkin buat sebagian orang cara membuat blog itu susah, padahal bisa dibilang susah susah gampang, ada susahnya ada gampangnya, bila kalian ingin membuat blog baru atau undah punya blog tapi jarang di pake mending pake aja yang udah ada biar ga susah susah buat lagi..

ini tips berdasarkan pengalaman saya sendiri dari mulai mengenal blog sampai sekarang selalu saya ubah blog saya (dipermak), dan alhasil saya mendapat ilmu dari utak atik tersebut, karna sering baca-baca dari blog orang lain tutorial apa aja yang harus dilakukan biar bisa blognya SEo, atau keren,kece,menarik,banyak pengunjung, dll

Berikut beberapa Tips Membuat Blog Simple dan menarik
  • Buatlah nama blog anda semenarik mungkin,hindari adanya (-),( _ ),(angka), dan lain-lain, karena itu jarang di ingat oleh pengunjung.
  • Bumbui Template pada blog anda se-kreatif munkin, se-indah mungkin, se-kece mungkin, sampai sipengunjung terkagum-kagum,sampai betah di blog anda.
  • Daftarkan Blog anda ke berbagai Seach Engine seperti : Google, bing, yahoo, Alexa, dll.
  • Pada saat ingin membuat Posting di utamakan hasil ketikan anda, hasil postingan anda sendiri, artinya jangan copas, karena postingan yang sama pastinya oleh Seach Engine itu hasil copas, lebih baik kalau ingin copas jangan semuanya di copas,tambahkan kata-kata uraian anda, yang lebih gampang pahami postingan orang lain, lalu oleh anda ketikan lagi sesuai bahasa anda sendiri.
  • jangan lupa setiap postingan minimal 1 gambar yang harus ada.
  • Sering berkunjung ke Blog orang lain, saling kenalan, saling Sponsor Blog.
  • jangan lupa bila postingan hasil copas cantumkan SUmber postingan aslinya.
  • dan yang laing pantening jangan lupa awali Assalamualaikum Wr.Wb dan di akhiri Wassalam mualakum Wr.Wb Biar BAROKAH
Mungkin Cukup Sekian Uraian Singkat saya Mengenai Membuat Blog Simple dan Menarik, semoga Bermanfaat.

Wassalm mualaikum Wr.Wb

Cara Menghilangkan Navbar blog dengan Mudah

13 April No Comments

Assalam Mualikum Wr.Wb

Cara Menghilangkan Navbar blog dengan Mudah - Menghilangkan Navbaar pada blog, memungkinkan blog anda lebih menarik menurut pandangan anda, ada yang suka menghilangkannya ataupun di biarkan saja.

Artikel terkait :- kode warna sesuai selera
                       - Cara mengganti Background blog dengan mudah

Namun saya pada Postingan kali ini Cara Menghilangkan Navbar blog dengan Mudah , bagi sobat yang baru buat blog, apalagi blog yang orsinilan tanpa ada sentuhan Template orang lain, alias blog natural, namun pada blog natural (tanpa temlate bawaan blogger) ada yang namanya Navbar, namun bagi sebagian orang navbar cukup mnegganggu.

Berikut Tutorial cara menghilangkan Navbar pada blog dengan mudah :

  1. Masuk Ke www.blogger.com / masuk ke blog anda, menggunakan Akun anda.
  2. Klik Template ==>klik Edit HTML 
  3. Sebaiknya setiap ingin ada yang di ubah baik itu isi template pada Edit HTML, sebaiknya di BackUp, Takutnya ada kesalahan di setiap pengeditan, sehinngga ada cadangan.
  4. Lalu Cari Code ]]></b:skin> (bila susah gunakan CTRL+F untuk mencarinya)
  5. Copy code dibawah ini dan letakan di atas kode ]]></b:skin>
#navbar-iframe {height:0px;visibility:hidden;display:none;}
      6. Dan yang terakhir "Simpan Template", dan liat hasilnya Nevbar blog anda sudah tidak ada.


Baca juga : Cara mengaktifkan dan menonaktifkan Javascript pada Browser

Sekian Postingan mengenai Cara Menghilangkan Navbar blog dengan Mudah  semoga bermanfaat, dan jangan lupa bila kalian suka dengan blog sederhana ini, ikuti Update-an artikelnya.



Langganan: Postingan (Atom)

,