Recent Posts Widget with Thumbnails for Blogger/Blogspot

Recent Posts Widget with Thumbnails for Blogger/Blogspot

Hohoho, berjumpa kembali, pada kali ini akan membawa pembahasan mengenai widgets whatsapp Recent Posts Widget with Thumbnails for Blogger/Blogspot simak selengkapnya

We have already posted a tutorial on how to add a simple recent posts widget that shows a list with the most recent posts if you'd prefer a more minimalist look. This tutorial will show you a different way of displaying the Recent Posts on Blogger. This is specially for users who want to show more info like recent posts excerpt or summary and the posts thumbnails.

To add the Recent Posts widget with thumbnails in Blogger is very easy. Just follow these steps below:



How to Add the Recent Posts Widget to Blogger

Step 1. From your Blogger Dashboard, go to Layout > click on Add a Gadget link

Step 2. Once the pop-up window appears, scroll down and choose HTML/JavaScript

Step 3. Inside the empty box, add the following code:

<div class="eggTray">

<script src="https://googledrive.com/host/0B4n9GL3eVuV-bFc4a1RjZ2Zhbjg">"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",

"pipe_params":"URL":"YOUR-BLOG/feeds/posts/default",

"hideHeader":"false","height":"500","count": 8 </script>

<noscript>Your browser does not support JavaScript!</noscript></div>

<style type=text/css>

.eggTray margin:10px 0px;padding:0px;

.ybr li  border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;

.pipesTitle padding-top:0px;

.pipesDescription display:true;

.ycdr, .ycdr a color:#999999;

.widget .popular-posts ul padding-left:0;

</style>


Recent Posts widget settings

- replace YOUR-BLOG with the url of your site or blog (ex: http://helplogger.blogspot.com) and look to have just one forward slash symbol "/" at the end of the url otherwise will not work

- to disable the scroll bar, remove the 500 value

- by default, this widget is set to display a maximum of 8 recent posts. To change this number, replace 8 with the number of posts that you want to show

- to display only the post titles, change true to none and "0" from padding-top:0px with 10

Step 4. Save your widget. And you're done!

Oke penjelasan perihal Recent Posts Widget with Thumbnails for Blogger/Blogspot semoga artikel ini menambah wawasan salam

Artikel ini diposting pada label widgets whatsapp, widgets oppo f5,

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Mudah Membuat Logo Di Photoshop Dari NOL! [Pemula Pasti Bisa] Photoshop Cs2 Tutorial

Gambar
Hawaii masuk juga di blogportal INFORMASI PALING LENGKAP, pada artikel ini beta akan membahas " Cara Mudah Membuat Logo di Photoshop dari NOL! [Pemula Pasti Bisa] " secara rinci, ayo perhatikan sepenuhnya. Logo dalam sebuah bisnis merupakan sebuah brand yang sahabat ikhwan sematkan dalam barang kalian, banyak pakar marketing bisnis yang menekankan pentingnya sebuah brand image dari perusahaan, salah satu brand dalam kongsi yang paling menonjol adalah merek perusahaan. Setelah itu bukti distingtif barang barang yang dijual kepada market, merek biasanya memiliki alur garis yang tegas, melengkung dan justru absurd. paduan warna, style huruf font tidak bisa sembarangan, biasanya semua dipikirkan dengan panjang. Contoh saya merek dari brand sepatu beken seperti adidas, puma serta brand tas baju dan tas eropa yang harganya cukup mahal, merek memang bagian dari brand, akan tetapi brand tidak hanya dalam bentuk logo. Jadi kalian ingin mencoba membu...
Baca selengkapnya

Memperbesar Resolusi Foto dengan Photoshop. Tanpa Pecah!

Gambar
Hallo, bertemu kembali, artikel ini akan dibahas tentang komputer rakitan Memperbesar Resolusi Foto dengan Photoshop. Tanpa Pecah! simak selengkapnya Banyak yang mengeluh bahwa foto yang resolusi rendah bakal terlihat pecah ketika di cetak. Yang paling mendongkolkan merupakan ketika kita memindahkan foto dari alat potret hp lawas ke hp baru dan akibatnya pecah-pecah dan tak jarang pula blur. Nih, ane kasih tips supaya resolusinya agus kembali. Yang harus kalian siapkan merupakan photoshop, versi berapapun sama, Dan gambar dengan resolusi kecil. Buka photoshop Buka salah satu gambar, dengan cara klik File - Open - Gambar kalian - Open Lihatlah resolusi dan ukuran awal gambar. Dengan masuk pada menu Image - Image Size. Di sini ane punya foto dengan ukuran 43x26cm dengan resolusi 72Pixels Kemudian, buat lembar baru. Dengan menu File - New. Tentukan seberapa besar foto kalian bakal di rubah. Misal ane mau memperbesar foto ane 3 kali lipat, alkisah ukuran berjarak dan ...
Baca selengkapnya

Cara Mengatasi Teks Terbalik Di Photoshop CS6 Tutorial Edit Photoshop Cs6

Gambar
Hay sinkron pula di situs INFORMASI PALING LENGKAP, Hari ini kita akan menginformasikan " Cara Mengatasi Teks Terbalik di Photoshop CS6 " secara faktual dan aktual, mari simak seutuhnya. Adobe Photoshop adalah aplikasi editing foto/gambar yang dirancang oleh perusahaan Adobe, Adobe Photoshop sendiri telah memegang banyak sekali versi dan tipe, seperti Adobe Photoshop 1.0, Adobe Photoshop CS dan Adobe Photoshop CC, dari setiap tipe ini memegang fitur khususnya sendiri, tapi biasanya Adobe Photoshop CS ini masih jadi primadona bagi beberapa orang, karena Harga lisensinya yang tidak terlalu langka dibandingkan CC ( jika ada mengunduh/membeli yang original ). Sampai saat ini, Adobe Photoshop tipe CS baru sampai CS6, tetapi pada CS6 ini memegang 1 masalah yang memadai mengganggu biarpun ini kejadian sepele, yaitu dewan teks-nya dimulai dari kanan ke kiri ataupun istilahnya itu terbalik, permasalahan dari kasus ini adalah ketika awak mengetikan bilangan ataupun atrib...
Baca selengkapnya