WMI

How Can You Style the Blog Archive Widget With Scrollbar The Blog Document gadget is one of Blogger's legitimate gadgets. The main issue with the default Blog File gadget is that it will take up an extensive space when you have many number of posts on your blog. Here comes the need of a scrollable Blog Chronicle gadget. Immaculate CSS is utilized to style this gadget. Here I have utilized the Level Rundown style. Step 1: Adding the Blog Archive Widget to Your Blog Go to your Blog's Dashboard --> Layout--> Add a Gadget and select Blog Archive from the list. Don't forget to select Flat List Style. Select the Date Format you prefer from the drop down list and save the Gadget. Step II: Replacing the Default CSS (  If you are using Simple or Travel Template, ignore Step II and go to Step III  ) From your Blog's Dashboard, explore to Layout. Tap on the Reinforcement/Reestablish catch on upper right and take a reinforcement of the layout. Presently click Alter HTM

This widget supports responsive which will follow the screen size used. For live view of this widget can visit my friend pen below: How, interested to install it on the blog? For my friend who want to install it, I will give the tutorial below How to Make Recent Post Widget Color Go to Blogger > Themes > Click the Edit HTML button Include material icon before </head> like this: <link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet' type='text/css'/> Then add the CSS code below before the code ]]> </b:skin> or </ style> .gravityfeatured{display:flex;margin:0 auto 20px auto;width:100%;overflow:hidden;max-width:970px} .gravfeatureditem{background:rgba(0,0,0,0.02);display:block;position:relative;float:left;overflow:hidden;height:220px;width:25%} .gravfeatureditem .gracontent{background:#3498db;display:block;position:absolute;z-index:6;bottom:0;left:0;right:0;transform:translate(0,0);op

Kali ini saya akan share untuk publisher adf.ly. Cekidot tutorial nya: Taruh kode nya di sebelum </body> tag Untuk mengubah semua link menjadi adf.ly gunakan kode dibawah ini: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> var adfly_id = 9999; // change to your adf.ly id $(document).ready(function() {     $("a").each(function() {         $(this).attr("href", 'http://adf.ly/'+adfly_id+'/'+$(this).attr("href"));     });   }); </script> Maka semua link yang ada di website anda akan di ubah menjadi adf.ly Untuk menjadikan link tertentu ke adf.ly pakai kode dibawah ini: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script type="text/javascript"> var adfly_id =