Cara Memasang Widget Recent Post Keren Pada Blog

By -
Cara Memasang Widget Recent Post Json Terbaru Cara Memasang Widget Recent Post Keren Pada Blog
Cara Memasang Widget Recent Post Keren Pada Blog
Kali ini aku akan share widget recent post keren ini. Seperti yang kita ketahui widget recent post berfungsi sebagai pemberitahuan seputar artikel terbaru yang ada pada blog atau web, jadi sanggup di sebut juga widget New Post atau post terbaru. Silahkan lihat tampilannya pada demo yang telah di sediakan pada simpulan artikel.

Widget Recent Post ini akan memunculkan artikel paling gres pada urutan pertama, sedangkan urutan ke-2 dan seterusnya yaitu artikel lain yang mempunyai label sama dengan artikel terbaru. Jadi, bila misalkan artikel terbaru anda berlabel News, maka artikel yang akan di tampilkan pada widget ini yaitu post News Update atau semua artikel berlabel News terbaru. Kalau Anda belum paham sanggup pribadi coba memasangnya terlebih dahulu, berikut tahapan pemasangan widgetnya.

Cara Memasang Widget Recent Post

1. Pastikan FontAwesome telah terpasang di blog Anda.
Baca juga : Cara Memasang Kotak Pesan Dengan Efek Slide Pada Blog
2. Menuju ke Edit HTML, Silahkan copy CSS berikut dan tempatkan sebelum aba-aba ]]></b:skin> atau </style>.
/* CSS Recent Post by wajahilmu.blogspot.com */ .recent-post-title{background:#fff;margin:0;padding:0;position:relative} .recent-post-title h2{font:normal bold 14px Arial,sans-serif;height:26px;line-height:26px;margin:0 0;padding:0 10px;background:#0b944b;color:#ffffff;display:inline-block} .recent-post-title h6{float:left;font:normal bold 10px Arial,sans-serif;height:26px;line-height:26px;margin:0 0;padding:0 10px;color:#ffffff;display:inline-block;border:1px solid #eee} .recent-post-title h2 a{color:#ffffff} .recent-post-title h2 a:after{content:&quot;\f18e&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px} .recent-post-get{float:right;font:normal bold 10px Arial,sans-serif;margin-bottom:10px;line-height:26px;padding:0 10px;border:1px solid #eee} .recent-post-one-thumb{float:left;width:50%;margin:0 0} .recent-post-one-thumb .widget{padding:0 10px 10px 0} .recent-post-one-thumb .widget-content{background:#ffffff;border:1px solid #e5e5e5;padding:15px} .recent-post-one-thumb ul{list-style-type:none;margin:0 0 0 0;padding:0 0 0 0} ul.rp_thumbs{margin:0 0 0 0} ul.rp_thumbs li{font-size:12px;min-height:68px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #e5e5e5} ul.rp_thumbs .rp_thumb{position:relative;background:#fbfbfb;margin:3px 0 10px 0;width:100%;height:0;padding-bottom:46%;overflow:hidden} ul.rp_thumbs .rp_thumb img{height:auto;width:100%} ul.rp_thumbs2{font-size:13px} ul.rp_thumbs2 li{padding:0 0;min-height:66px;font-size:11px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #e5e5e5} ul.rp_thumbs2 .rp_thumb2{background:#fbfbfb;float:left;margin:3px 8px 0 0;height:60px;width:60px} ul.rp_thumbs2 .rp_thumb2 img{height:60px;width:60px} span.rp_title{font:normal normal 16px Fjalla One,Helvetica,Arial,sans-serif;display:block;margin:0 0 5px;line-height:1.4em} span.rp_title2{font-size:14px} span.rp_summary{display:block;margin:6px 0 0;color:#666666} span.rp_meta{background:transparent;display:block;font-size:11px;color:#666666} span.rp_meta a{color:#666666!important;display:inline-block} span.rp_meta_date,span.rp_meta_comment,span.rp_meta_more{display:inline-block;margin-right:8px} span.rp_meta_date:before{content:&quot;\f073&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px} span.rp_meta_comment:before{content:&quot;\f086&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px} span.rp_meta_more:before{content:&quot;\f0a9&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px} ul.rp_thumbs2 li a:hover,ul.rp_thumbs li a:hover{color:#0072C6}

3. Letakkan script berikut sebelum atau di atas aba-aba </head>, kemudian klik save.
<script src='https://googledrive.com/host/0B2oQSsObIa2lRUpzeDczczJ0V3M' type='text/javascript'/> <script type='text/javascript'> var numposts = 1; var numposts2 = 5; var showpostthumbnails = true; var showpostthumbnails2 = true; var displaymore = true; var displaymore2 = false; var showcommentnum = true; var showcommentnum2 = true; var showpostdate = true; var showpostdate2 = true; var showpostsummary = true; var numchars = 100; var thumb_width = 300; var thumb_height = 140; var thumb_width2 = 60; var thumb_height2 = 60; var no_thumb = &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe1RYQnQ8Dfz4Gg0VtV-QUQG0Wx217cASOjv7oJ4NqwB2PSsdm2c0t1JrUFrQvbj8m1i7vBbgXOk5I29Y2-LI0HFvVgSCoy_BymdHdi3ibzNO8BMlvdw4Qlp6ThRAWaFonQTbd6Z5SvJgl/w300-c-h140/no-image.png&#39; var no_thumb2 = &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrU_naMGy9C8rgWsy4c9TAfDEJ23Fjw1M1Rx6tvlnZ_YUAO2xdsbJWqBu-PNgb9bCHP7jEO00_H5MUdU5OBdBZPNSe9AjFPtrXX0xlVfvtlBo2YPi4xeN_AiCyyy8uYNC3Cg4ej8iyZhS5/s60-c/no-image.png&#39; </script>

4. Selanjutnya silahkan menuju Tata Letak > Tambahkan Widget > HTML/JavaScript, kemudian masukkan aba-aba berikut.
<script> document.write("<script src=\"/feeds/posts/default?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); document.write('<div class="recent-post-title"><h6><a href="/" title="Cara Memasang Widget Recent Post Keren Pada Blog">Lihat Semua >></a></h6></div>'); document.write('<div class="recent-post-get"><a href="https://rodamotiv.blogspot.com/search/label/Widget" title="Cara Memasang Widget Recent Post Keren Pada Blog">Get Widget</a></div>'); </script>

5. Klik save/simpan dan selesai.


Sedikit saran buat Anda, bila ingin memfokuskan pada label tertentu, silahkan ganti aba-aba widget
/feeds/posts/default?orderby=updated&alt=json-in-script&callback=labelthumbs\ dengan aba-aba berikut
/feeds/posts/default/-/Nama%20Label?orderby=updated&alt=json-in-script&callback=labelthumbs\. Silahkan ganti goresan pena Nama%20Label dengan nama label yang Anda inginkan.

Saya rasa cukup sekian artikel wacana Cara Memasang Widget Recent Post Keren Pada Blog ini, agar sanggup bermanfaat buat Anda. Sebelum memasang widget tersebut, ada baiknya bila Anda berkomentar terlebih dahulu sehingga sanggup menjadi motivasi tersendiri bagi aku untuk terus mengupdate artikel di blog ini. Kritik dan saran juga sanggup Anda tuliskan pada kolom komentar di bawah. Terima kasih banyak telah membaca artikel di .

Comments

Post a Comment

Komentar yang kamu masukkan sedang dalam peninjauan.

Popular posts from this blog

Pengertian Dan Penggunaan Akun Ayat Silang Dalam Akuntansi

By -
Image
Pengertian dan Penggunaan Akun Ayat Silang Dalam Akuntansi – Salam sejahtera teman sekalian, kali ini saya akan membagikan sebuah perlakuan akuntansi terhadap suatu akun yang mungkin sangat jarang diajarkan di kursi kuliah, akun tersebut ialah Ayat Silang. Akun ini dalam prakteknya tidak jarang dipakai pada perusahaan menengah ke atas, dan kegunaannya ada banyak. Sesuai judulnya, yang akan saya bahas di artikel ini mencakup pengertian akun ayat silang dan penggunaannya. Nah, kita pribadi saja ya pada pembahasan, silahkan simak berikut ini: Ohiya, ada disclaimer dari pembahasan kali ini, pembahasan ini saya buat menurut pengalaman saya pribadi dikala masih bekerja di salah satu perusahaan nasional yang bergerak dalam bidang kuliner. Jujur saja, saya belum pernah menjumpai buku akuntansi atau peraturan yang membahas terkait akun ayat silang (jika kalian tau acuan resmi, sanggup share via kolom komentar di bawah). Tapi, setau saja akun ayat silang sudah umum dipakai di perusahaan me
Read more

Download Free Animasi Keren Dan Lucu

By -
Image
Hai guyss !!! Gimana kabarnya? biar kita semua selalu dalam keadaan sehat wal afiat, Amin. Kali ini aku ingin share animasi cute dan keren pastinya, kebetulan sangat manis jika dapat Anda gunakan sebijak mungkin. Dari pada ngomong panjang lebar pribadi aja deh, ini penampakannya. 1. Break Coffee Download https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXVcLMqLMrtxBPddAjXMofidxRdJJ2uZtMIowZnoHck74q0-GkaMd0jo0A-HmkUpmmFPrQWmSlhGdc3s2mzXcvo-y_pRU3fDYp_prZZG5Z7vpWsM-6NzsIMH7VMcaOYdfqLI9Gedq4nog/s1600/coffee+animation.gif 2. Cats Music Download https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3zbF3QueW7CkugiVEKLciJn2LRvfDfTn82J7DWH1IpqXj209EKqKQ1LyIoIuGu5qcs5qN-_c1npJ7_1dJjyVG5MBmIn9qmFqz61WP0nbopAEhbHRNt5MOl9YIJ6QRZu6LD1LZwvtGWFs/s1600/meong+002.gif 3. Coffee Time Download https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6e3QR1QVBI_JsjIZu22Q4FTuiuKM7HWUS5RaRdXuE60m8dI_ZOaMbsgos4ia5tfae4GlBRdIqIvOph0Cxx7AtZyEtpwe_A3sAicqfW0Ru9XyyMrkueMu8_TcefUhbLeJ
Read more

Jack Ma: Nantikan Agresi Aku Di Closing Ceremony Asian Games

By -
Image
Foto: Zabur Karuru/ANTARA FOTO/INASGOC Jakarta - Presiden Joko Widodo menciptakan agresi spektakular dengan motornya ketika membuka Asian Games 2018. Pendiri Alibaba Jack Ma pun tak mau kalah. Dia juga sudah menyiapkan aksinya. Komentar ini disampaikan Jack Ma usai bertemu dengan Menteri Komunikasi dan Informatika Rudiantara, Menteri Koordinator Bidang Perekonomian Darmin Nasution, Menteri Perindustrian Airlangga Hartarto, dan Ketua Otoritas Jasa Keuangan Wimboh Santoso. "Malam ini saya akan memainkan tugas saya," kata Jack Ma usai pertemuan dengan para menterinya Jokowi di sebuah hotel di tempat SCBD, Jakarta, Minggu (2/9/2018). Baca juga: Jack Ma: Asian Games di Indonesia Keren Banget Jack Ma sebelumnya telah bertemu dengan Presiden Joko Widodo di Istana Bogor. Dalam pertemuan itu, Jokowi sempat mencandai Jack Ma soal aksinya dalam pembukaan Asian Games 2018 pada 18 Agustus lalu. Dalam opening ceremony Asian Games 2018, penampilan Jokowi menjadi sentra perhatian. Dia na
Read more