Home » Penelusuran BLOG

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

HUKUM ISLAM ADA 5 (WAJIB, SUNNAH, HARAM, MAKRUH DAN MUBAH) DAN CONTOHNYA
SEJARAH PULAU JAWA DARI TAHUN 10.000 SM
CARA MENGHITUNG HARI NAAS BERDASARKAN WETON
KHILAFAH DAN GERAKAN MEMBENCI INDONESIA

*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...

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...

Trik Jitu Agar Blog Ramai Pengunjung

Blog ramai pengunjung tentunya adalah hal yang paling di idam idamkan oleh para blogger. Tapi untuk mendapatkan banyak pengunjung di blog kita tentunya bukanlah hal yang mudah. Setelah saya mencari berbagai dari sumber, saya akan berbagi dari sumber sumber yang pernah saya baca. Meskipun untuk masalah blog saya masih termasuk pemula tapi semoga tulisan yang saya bagikan ini dapat bermanfaat untuk saya dan sobat semua.

Berikut adalah Trik Jitu supaya Blog Ramai Pengunjung.

1. Buatlah judul blog yang unik dan menarik Dari judul yang unik dan menarik tentunya akan menarik pembaca untuk mengunjungi blog kita. Oleh karena itu buatlah judul sekreatif, seunik dan semenarik mungkin. Contohnya seperti judul pada artikel ini "Trik Jitu Agar Blog Ramai Pengunjung" Menarik bukan? buktinya sobat tertarik untuk membaca artikel ini. hehehe

2. Tulislah isi artikel blog sendiri. Copaser memang sangat marak dan sudah tidak asing lagi dalam dunia blogger. Tapi tentunya menulis artikel sendiri akan lebih baik dibandingkan dengan hasil copas. Selain itu copas akan membahayakan untuk blog itu sendiri. Oleh karena itu para sobat sekalian mari usahakan membuat artikel sendiri.

3. Buatlah link artikel yang terkait dengan postingan. Ketika kita sobat memposting sebuah artikel buatlah link yang terkait dengan isi artikel yang kita tuliskan. Karena ketika pengunjung membaca isi postingan pada blog kita, dan terdapat artikel yang terkait dan dengan judul yang menarik, tentunya akan menarik minat pengunjung untuk membaca pula artikel itu. Coba saja dehh... Seperti ini contohnya.. Baca juga artikel ini ya Cara Daftar dan Verifikasi Blog di Alexa Terbaru 2014

4. Rajin-rajin mengupdate blog sobat. Ketika blog sobat sudah mulai ramai dengan pengunjung, dan setiap artikel yang dibagikan disukai pembaca pasti pembaca akan menunggu nunggu postingan kita selanjutnya. Inilah gunanya update blog setiap hari, sehingga akan membuat pembaca takut ketinggalan update postingan di blog kita.

5. Pilih Template yang sesuai. Dengan template yang unik, keren dan enak dipandang mata akan membuat pembaca merasa nyaman berkunjung di blog kita. Selain itu pilihlah template yang ringan agar tidak membuat loading lama sehingga akan membuat pembaca cepat cepat angkat kaki dari blog yang sedang dikunjunginya. Masih seputar template, desain template agar template menjadi seo friendly. Coba cek skor SEO blog sobat di CHKME.COM.

6. Berikan gambar pada setiap artikel. Gambar yang menarik dan tentunya sesuai dengan isi postingan akan menarik pembaca berkunjung ke blog kita. Karena dengan adanya gambar juga akan membuat isi artikel semakin menarik pula.

7. Daftarkan blog sobat di Google webmaster. Cara ini akan membuat blog sobat muncul/terindeks di pencarian google. berikut cara daftarnya Cara daftar dan submit google webmaster. Cara ini akan membuat blog kita mendapatkan sitelink dari google. Apa sih sitelink google? Baca juga : Cara mendapat sitelink google

TRIK JITU AGAR BLOG RAMAI PENGUNJUNG

Trik Jitu Agar Blog Ramai Pengunjung Blog ramai pengunjung tentunya adalah hal yang paling di idam idamkan oleh para blogger. Tapi untuk mendapatkan...

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