Cara Aku Menciptakan Widget Artikel Terbaru Keren Di Blog
Cara untuk menciptakan widget artikel terbaru keren dan responsive di blogger lengkap dengan gambar thumbnail postingan. Contohnya sanggup dilihat pada sidebbar sebelah kanan dari blog ini cukup menarik bukan ?
Sekarang jamanya memasang widget yang berisikan artikel terbaru, yang artinya sebuah widget menampilkan artikel paling gres dipublikasikan. Kaprikornus kalau pengunjung pribadi menemukan halaman yang mereka butuhkan dari search google seketika beliau sanggup mengetahui artikel yang gres diterbitkan dari blog tersebut
Berbeda dengan widget Pupular Post yang menampilkan artikel paling sering dibaca atau halaman yang sering dikunjungi. Setiap aku mencari sesuatu di google banyak menemukan blog yang memasang artikel terbaru di sidebbar ibarat punya saya
Baca juga : Cara menciptakan widget About Me keren
Memang berdasarkan aku papan artikel terbaru sangat cocok dipasang pada blog terutama terletak pada sidebbar. Semua blog aku pasang widget ini malah popular post aku tidak tertarik memasangnya di blog
Ada majemuk bentuk tampilan widget artikel terbaru kalau kau search di google menyesuaikan dari isyarat css dan java script yang dibuat, ada yang hanya menampilkan judul artikel, dan ada juga yang menampilkan judul dan gambar thumbnail
Naaah postingan kali ini aku akan menuliskan caranya menciptakan widget artikel terbari di blog ibarat punya aku sanggup dilihat pada sebelah kanan dari blog ini, tampilanya bisadibilang sangat keren lengkap dengan gambar thumbnail dan juga tidak terlalu membebani loading blog
Jika kau tertarik untuk menciptakan ibarat punya aku sanggup diikuti tutorial dibawah ini
Login Blogger tambhakn Gadget
Pilih HTML/Javascript copy paste isyarat berikut ini
Ganti angka yang aku beri tanda warna biru dengan jumlah yang diinginkan, kemudian simpan
Pilih hidangan Tema kemudian Edit HTML
Copy paste isyarat dibawah ini letakkan diantara kode CSS blog kamu
Dan selanjutnya copy paste isyarat Java Script dibawah ini letakkan diatas isyarat <head/> atau </head><!--<head/>-->
Terakhir simpan dan selesai, kini lihat karenanya harusnya sudah muncul dan tampilanya sama ibarat punya saya. Yang aku pasang juga ibarat tutorial diatas jadi sanggup dipastikan berhasil dan tampilanya sama persis ibarat yang ada di blog ini
Baca juga : Cara menciptakan subscribe by email di blog
Tapi kalau berdasarkan kau tampilanya kurang menarik atau kurang bagimana kau sanggup edit sendiri otak-atik isyarat css diatas, silahkan berkreasi sesuai dengan selera
Manurut aku pribadi lebih suka memasang widget Recet post atau artikel terbaru ketimbang widget popular post, yang mungkin saja sanggup mendongkrak popularnya artikel yang gres dipublikasikan. Bukan artikel yang sudah popular malah tambah popular.
Tapi kembali lagi ke selera masing-masing, pasang dua-duanya juga tidak dilema aslahkan tampilan blog tetap mendukung banyak widget
Oke hingga disini cara untuk memasang widget artikel terbaru keren diblog supaya bermanfaat kalau ada yang ingin ditanyakan silahkan ditingalkan dikolom komentar, supaya sukses
Sumber https://www.larepacitan.com/
Sekarang jamanya memasang widget yang berisikan artikel terbaru, yang artinya sebuah widget menampilkan artikel paling gres dipublikasikan. Kaprikornus kalau pengunjung pribadi menemukan halaman yang mereka butuhkan dari search google seketika beliau sanggup mengetahui artikel yang gres diterbitkan dari blog tersebut
Berbeda dengan widget Pupular Post yang menampilkan artikel paling sering dibaca atau halaman yang sering dikunjungi. Setiap aku mencari sesuatu di google banyak menemukan blog yang memasang artikel terbaru di sidebbar ibarat punya saya
Baca juga : Cara menciptakan widget About Me keren
Memang berdasarkan aku papan artikel terbaru sangat cocok dipasang pada blog terutama terletak pada sidebbar. Semua blog aku pasang widget ini malah popular post aku tidak tertarik memasangnya di blog
Ada majemuk bentuk tampilan widget artikel terbaru kalau kau search di google menyesuaikan dari isyarat css dan java script yang dibuat, ada yang hanya menampilkan judul artikel, dan ada juga yang menampilkan judul dan gambar thumbnail
Cara terbaru menciptakan widget artikel terbaru keren di blog
Naaah postingan kali ini aku akan menuliskan caranya menciptakan widget artikel terbari di blog ibarat punya aku sanggup dilihat pada sebelah kanan dari blog ini, tampilanya bisadibilang sangat keren lengkap dengan gambar thumbnail dan juga tidak terlalu membebani loading blog
Jika kau tertarik untuk menciptakan ibarat punya aku sanggup diikuti tutorial dibawah ini
Login Blogger tambhakn Gadget
Pilih HTML/Javascript copy paste isyarat berikut ini
<script>
var galihd_thumbs_wid = 300;
var galihd_thumbs_hei = 190;
var galihd_title = true;
</script>
<script src="/feeds/posts/summary?max-results=4&alt=json-in-script&callback=galihdgrid"></script>
Ganti angka yang aku beri tanda warna biru dengan jumlah yang diinginkan, kemudian simpan
Langkah selanjutnya
Pilih hidangan Tema kemudian Edit HTML
Copy paste isyarat dibawah ini letakkan diantara kode CSS blog kamu
/* Artikel Terbaru */
.recent-galeri{padding:10px;clear:both}.recent-galeri:after{content:"";display:table;clear:both}.recent-galeri .gallerytem{display:block;float:left;position:relative;margin:0 auto 15px auto;overflow:hidden;padding:0;text-align:center;width:100%;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1);border-radius:1px}.recent-galeri .gallerytem:last-child{margin:0 auto}.recent-galeri .gallerytem a{position:relative;float:left;margin:0;overflow:hidden;text-decoration:none;width:100%}.recent-galeri .gallerytem .ptitle{background:rgba(255,255,255,.97);display:inline-block;clear:left;font-size:14px;line-height:1.3em;position:absolute;bottom:15px;left:15px;right:15px;color:#888;padding:15px;word-wrap:break-word;text-align:center;backface-visibility:hidden;box-shadow:0 8px 10px -5px rgba(0,0,0,0.15);border-top:2px solid #a4b0be;transition:all .2s}.recent-galeri .gallerytem:hover .ptitle{background:rgba(255,255,255,.97);color:#222;border-top-color:#FF5A00}.recent-galeri a img{background:#fdfdfd;float:left;margin:auto;text-align:center;width:100%;transition:all .3s}
Dan selanjutnya copy paste isyarat Java Script dibawah ini letakkan diatas isyarat <head/> atau </head><!--<head/>-->
<script type='text/javascript'>
//<![CDATA[
// Recent Post
function galihdgrid(a){for(var t=a.feed.entry||[],e=['<div class="recent-galeri">'],i=0;i<t.length;++i){for(var l=t[i],r=l.title.$t,n=l.media$thumbnail?l.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK6Z0u7TWYLwiiQ50IkLLtLRvvl5y3a19bWJZhH_ak8YcXcaEl4iqTT-2YfNXRK7gqnJ8gArTZftOvHxkuE_P1PHjfJBcdONWBJKkf7qUJ8reTKwQNgL3kTBhysjomaZMmi_XAA-NSC7Ed/s1600/default.png",s=n.replace("/s72-c/","/w"+galihd_thumbs_wid+"-h"+galihd_thumbs_hei+"-c/"),h=l.link||[],c=0;c<h.length&&"alternate"!=h[c].rel;++c);var d=h[c].href,m='<img src="'+s+'" width="'+galihd_thumbs_wid+'" height="'+galihd_thumbs_hei+'"/>',p=galihd_title?'<span class="ptitle">'+r+"</span>":"",g='<a href="'+d+'" title="Cara Saya Membuat Widget Artikel Terbaru Keren Di Blog">'+m+p+"</a>";e.push('<div class="gallerytem">',g,"</div>")}e.push("</div>"),document.write(e.join(""))}
//]]>
</script>
Terakhir simpan dan selesai, kini lihat karenanya harusnya sudah muncul dan tampilanya sama ibarat punya saya. Yang aku pasang juga ibarat tutorial diatas jadi sanggup dipastikan berhasil dan tampilanya sama persis ibarat yang ada di blog ini
Baca juga : Cara menciptakan subscribe by email di blog
Tapi kalau berdasarkan kau tampilanya kurang menarik atau kurang bagimana kau sanggup edit sendiri otak-atik isyarat css diatas, silahkan berkreasi sesuai dengan selera
Manurut aku pribadi lebih suka memasang widget Recet post atau artikel terbaru ketimbang widget popular post, yang mungkin saja sanggup mendongkrak popularnya artikel yang gres dipublikasikan. Bukan artikel yang sudah popular malah tambah popular.
Tapi kembali lagi ke selera masing-masing, pasang dua-duanya juga tidak dilema aslahkan tampilan blog tetap mendukung banyak widget
Oke hingga disini cara untuk memasang widget artikel terbaru keren diblog supaya bermanfaat kalau ada yang ingin ditanyakan silahkan ditingalkan dikolom komentar, supaya sukses
Sumber https://www.larepacitan.com/
