Home » Penelusuran TUTORIAL

Halo blogger jumpa lagi bersama saya adpati, Sebelumnya ku ucapkan selamat datang di blog kesayangan saya ini, semoga kalian tidak jenuh-jenuh untuk selalu mengunjungi blog ini. Nah pada kesempatan kali ini dari blog Adpati akan mempersembahkan sebuah kode script blog untuk menambahkan Widget Recent Post atau Artikel Terbaru.

Nah sebelum kita mulai mohon dukungannya demi kemajuan blog ini tekan follow via email untuk berlangganan atau bisa juga Klik Subscribe di bagian halaman paling bawah. Oke sebelumnya terima kasih. Mari kita lanjut.

Yang akan kita bahas di sini ialah tutorial menambahkan widget Recent Post yang di mana dengan widget ini Akan menambah tampilan blog kalian menjadi lebih keren.

Apa itu recent post?

Recent post adalah sebuah widget berisi link postingan terbaru kalian yang dimana dengan widget ini biasanya artikel akan tampil otomatis di blog kalian ketika kalian memposting sebuah artikel baru. Adpati akan membagikan script recent post unik dengan thumbnail gambar dan bisa di scroll ke bawah buat kalian pengunjung blog ini tentunya dan gratis. Dengan script ini kalian bisa mengatur jumlah postingan terbaru dan tidak akan memakan banyak tempat.

Nah bagaimana cara buatnya simak yuk.

1). Kalian buka akun Blogger kalian.

2). Masuk Tata Letak - Tambahkan Widget - HTML. Lalu Copy script di bawah ini.


<div style="border: 0px solid #FF00FF; height: 500px; overflow: auto; padding: 3px; width: auto;">



<style scoped='' type='text/css'>

#recent-posts{color:#ff0000;font-size:12px}

#recent-posts img{background:#fafafa;float:left;height:60px;margin-right:8px;width:60px;border-radius:4px}



#recent-posts ul{margin:0;padding:0}

#recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,0.2)}
#recent-posts ul li:last-child{border-bottom:0}

<script type='text/javaScript'>



#recent-posts ul li a{display:block;color:#3300ff;font-weight:700;text-decoration:none;font-size:14px;margin:0 0 10px 0;line-height:normal}
</style>
<div id='recent-posts'>
var rcp_numposts=15;
var rcp_snippet_length=200;
var rcp_info='yes';
var rcp_comment='Comment';

function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbqfqHNKtBNiUAtEX3cV1d0r_3vovTQ3Cqoj4HUTSnCuD8iP8Evzvp_SafHSl1zvG4iyZO4z2mhZAe5XjOrhJZR53HDBpgNRcOwPbqIVJxctAaQQ8EF6vxk2BD3XB1NV8MrJbEflIGfBqO/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>');
var rcp_disable='T?t Nh?n x�t';


</script>

</div></div>

3). Paste kan di bagian Tambahkan Widget

4). Lalu simpan

Baca Juga

CARA MEMBUAT IKLAN BANNER DIBAWAH HALAMAN TANPA TOMBOL CLOSE
MANFAAT WORTEL UNTUK KESEHATAN PERLU ANDA KETAHUI
TATA CARA SOLAT JENAZAH
TRIK JITU AGAR BLOG RAMAI PENGUNJUNG

*ket:

var rcp_numposts=12; ( angka 12 adalah jumlah postingan. Silahkan atur sendiri)

#ff00ff; height: 500px; overflow: auto; padding: 3px; width: auto;"> (angka 500 adalah lebar kotak kebawah)

<div style="border: 1px groove #00ff00; padding: 6px;"> ( 1px adalah ketebalan garis luar dalam)

<div style="border: 1px groove #00ff00; padding: 6px;"> (#00ff00 adalah kode warna)

Demikian sedikit ulasan tentang tutorial membuat recent post dengan thumbnail gambar dan bisa di scroll ke bawah. Semoga bisa membantu buat para blogger pemula. Sekian dan terima kasih..

Adp Agustus 20, 2019 Admin Jawa Tengah

MEMBUAT RECENT POST SCROLL KE BAWAH DENGAN TUMBNAIL KEREN

Halo blogger jumpa lagi bersama saya adpati, Sebelumnya ku ucapkan selamat datang di blog kesayangan saya ini, semoga kalian tidak jenuh-jenuh untuk...

Cara Mudah Mengganti Tampilan Kursor di Blog

Kursor atau penunjuk mouse adalah tanda yang menyatakan posisi mouse atau kursor pada layar monitor. Tanda ini umumnya dijumpai dengan bentuk anak panah baik pada komputer maupun pada blog. Akan tetapi tahukah anda bahwa tanda ini sebenarnya bisa diubah dan disesuaikan sesuka hati. Jika anda pernah mengunjungi sebuah blog atau situs di internet dan melihat bentuk dari kursor berbeda dari biasanya, yang mana bentuk-bentuk dari kursor tersebut terlihat begitu unik.

Dan bagi anda yang saat ini memiliki sebuah blog, tentunya untuk dapat menarik pengunjung agar mau singgah pada blog kita adalah harapan besar anda. Salah satu cara yangefektif untuk dapat menarik minat pengunjung yang mampir pada blog adalah buatlah tampilan blog sedemikian rupa agar terlihat cantik dan menarik. Dan salah satu cara untuk dapat membuat tampilan blog terlihat menarik adalah dengan menambahkan pernak-pernik widget, seperti salah satunya saat ini tim bisikan.com akan membisikan bagaiaman cara untuk dapat mengganti tampilan kursor pada blog untuk membuat tampilan blog terlihat lebih menarik.

MEMPERCANTIK KURSOR MOUSE DI BLOG

Cara Mudah Mengganti Tampilan Kursor di Blog Kursor atau penunjuk mouse adalah tanda yang menyatakan posisi mouse atau kursor pada layar...

Banyak dari kalangan blogger, ataupun youtuber berlomba-lomba untuk menjadi publisher adsense. Yak hobi menulis yang bisa menghasilkan pundi-pundi uang. Emang bisa? Tentu bisa. Dimana ada kemauan di situ ada jalan.

Siapa yang tidak kenal Google adsense,untuk orang awam memang mungkin terdengar begitu asing. Tapi untuk kalangan blogger, dan youtuber adalah pekerjaanya.

Apa itu Google adsense?

AdSense adalah program kerjasama periklanan melalui media Internet yang diselenggarakan oleh Google.Pemilik situs web atau blog akan mendapatkan pemasukan berupa pembagian keuntungan dari Google untuk setiap iklan yang diklik oleh pengunjung situs, yang dikenal sebagai sistem pay per click (ppc) atau bayar per klik.

Banyak dari para blogger yang berlomba-lomba untuk bisa di terima google adsense. Nah disini Adpati_game akan sedikit mengulas tentang ini.Blog yang bagaimana si yang kemungkinan besar bisa di terima google adsense. Untuk blogger pemula seperti saya pasti akan bertanya - tanya.

Sedikit bercerita tentang blog,saya pribadi sebenernya belum terlalu paham. Maka dari itu disini saya akan berbagi cerita dan pengalaman saya. Cuss..

Syarat blog untuk bisa di terima Google adsense.

Kita harus punya kenalan orang dalam (orang yang bekerja di google entah itu sahabat atau keluarga) wkwkwk #bercanda

1). Konten / Artikel

Sebuah blog akan banyak pengunjung/visitor jika mempunyai syarat pertama terpenuhi yaitu konten / artikel. Buat para blogger pemula buatlah beberapa konten/artikel yang menarik pengunjung untuk singgah atau mampir di blog kita. Bisa konten tentang Game,Teknologi,Berita, dan masih banyak yang lain. Minimal postingan 20 postingan dengan rata-rata 500-800 pengunjung perhari dan stabil. Maksudnya sekedar contoh hari ini 500 pengunjung besoknya 600 dan lusa 550. Kurangi membuat artikel dengan banyak gambar. Perbanyak aja tulisannya.

2).Domain TLD (Top Level Domain)

Banyak yang beranggapan sebuah blog akan di terima google adsense jika syarat kedua ini dipenuhi. Dan ternyata tidak. Pengalaman saya pribadi menggunakan blog ini masih polos dengan sub-domain Blogspot. Berkali-kali daftarkan adsense akhirnya hati google luntur juga. Memang ada benernya juga domain TLD bisa menjadi syarat utama jika blog kita masih umur terlalu muda. Bisa di katakan Domain TLD untuk menggebrak rating blog kita untuk berada di posisi lebih tinggi.

DOMAIN BLOGSPOT (HOSTED) BISA DAFTAR ADSENSE DAN DI TERIMA SEPENUHNYA

Banyak dari kalangan blogger, ataupun youtuber berlomba-lomba untuk menjadi publisher adsense. Yak hobi menulis yang bisa menghasilkan pundi-pundi...

Apakah kalian seorang blogger?

Baik pemula atau yang sudah master pasti tidak asing dengan istilah Sitemap dan Peta Situs. Sitemap atau peta situs sering di sebut juga sebagai Daftar isi. Sebuah Website atau Situs web di sarankan untuk membuat daftar isi tersebut selain memudahkan untuk pengindexan artikel atau postingan juga sebagai salah satu jalan keluar untuk memperbanyak pengunjung blog.

Kenapa begitu?

Dengan memasang Sitemap pada halaman Situs web membantu pengunjung untuk mendapatkan informasi yang mereka cari dan membantu pengunjung untuk menjelajahi seluruh isi blog atau web tersebut. Oleh karena itu Sitemap berperan aktif untuk sebuah blog. Bagi para publisher adsense memasang Peta situs merupakan hal yang bisa dikatakan wajib. Memasang sitemap adalah syarat untuk mendaftarkan ke Google Adsense.

Berikut lanangragiel akan mengulas dan mempersembahkan sebuah kode script sitemap html yang secara otomatis akan meload semua artikel yang berada di situs web kalian.

Untuk cara pemasangan simak di bawah ini:

1). Masuk akun Blogger - Halaman - Buat Halaman baru - HTML

2). Isi judul dengan nama Sitemap.Dan Copy kode di bawah ini,pastekan di bagian HTML bukan COMPOSE.


<div id="toc">



<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>



<script src="http://alamat.blogkamu.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">





</script></div>

<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>

3). Ubah Url: alamat.blogkamu.com dengan alamat Blog kalian.

4). Setelah itu simpan.

CARA MEMBUAT SITEMAP ATAU PETA SITUS BLOGGER 2019

Apakah kalian seorang blogger? Baik pemula atau yang sudah master pasti tidak asing dengan istilah Sitemap dan Peta Situs. Sitemap atau peta situs...

Mungkin kalian pernah melihat tulisan keren berjalan di blog. Namanya marquee! fungsi sebenarnya hanya sebagai hiasan di blog, hampir sama dengan news. cuma yang ini lebih mudah dalam mengaturnya, terutama dalam mengatur gerakan teks yang kalian inginkan. Kalian yang tertarik membuat tulisan yang mondar - mandir ini, silahkan ikuti tutorialnya.

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya
Contoh Tulisan Berjalan

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya

Contoh Tulisan Berjalan