Sunday, 21 September 2014
Popular Posts Widget for Blogger Tweak
----------------------------------------------------------------------------------------------------------
1- ADD POPULAR POST WIDGET IN BLOG
2- ADD HTML/JAVA WIDGET IN BLOG AND
PASTE BELOW CODE IN THIS WIDGET
READ MORE:
- POPULAR POST ACCORDION SLIDER
- POPULAR POST WIDGET
- POPULAR POST WIDGET EMPTY OR VIDEO POST CHANGE IN NO IMAGE THUMBNAIL
- POPULAR POST WIDGET ADOSOSIVE STYLE
- POPULAR POST WIDGET FLOAT LEFT WITH HTML JAVA CODE WIDGET
- POPULAR POST WIDGET HOVER EFFECT SQUARE TO CIRCLE
- POPULAR POST WIDGET SLIDER
- POPULAR POST WIDGET WITH NO IMAGE WITHOUT JAVA CODE
- POPULAR POST WIDGET DIFFERENT STYLES
<style type="text/css">
.PopularPosts .item-thumbnail { display: block; height: 190px; margin: 0; overflow: hidden; position: relative; width: 100%; }
.PopularPosts .item-title { position: relative; }
.PopularPosts img { display: block; height: auto; position: absolute; width:auto; transition: all 1s ease 0s; }
.item-title a { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-family: Impact; font-size: 17px; font-weight: 100; padding: 10px 0; position: absolute; right: 0; text-align: center; top: 30px; width: 100%; }
.item-snippet { background:rgba(0, 0, 0, 0.35); color: #FFFFFF; font-weight: 900; left: 12%; padding: 10px; position: absolute; text-align: center; top: 95px; width: 70%; }
.item-content:hover img {transform: rotate(10deg) scale(1.2);}
.item-content { position: relative; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function() {$('.PopularPosts img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});});
</script>
<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
var txt=$(this).text().substr(0,120);
var j=txt.lastIndexOf(' ');
if(j>10)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>
Related movie you might like to see :
IMPORT SQL CSV FILE ON PHPMYADMIN
Direct Link Generator CODE
Direct Links to your Files on Googl...
PHP CONTACT FORM WITH CAPTCHA
ON LINE JAVA LIBRARY
GOOGLE PROJECT HOSTING
PRESTASHOP THUMBNAIL WITH HOVER EFF...
GOOGLE CONSOLE
GOOGLE CHROME EXTENSION FILE SAVE O...
OPEN DESKTOP TEXT FILE BY COMMAND P...
CSS SLIDER WITHOUT JS
FLICKITY SLIDER SCROLL WITH RADIO N...
FLICKITY JS CSS SLIDER
RADIO BUTTON SLIDER TO KEY FRAME SL...
BUTTON PADDING CHANGE HEIGHT WIDTH
INPUT BUTTON VALUE SWAP
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
WEB IMAGE DOWNLOADER
TEXT COMPARE OR DUPLI TEXT FINDER
BLOCK JAVA SCRIPT BY GOOGLE CHROME
Related Post for Popular Posts Widget for Blogger Tweak
Direct Link Generator CODE
HOME FEATURE TAB CHANGE IN PRESTASHOP
AFTER INSTALL PRESTASHOP MAKE NEW FOLDERS
RENAME ADAPTER FOLDER IN PRESTASHOP
BLOG FILE HOSTING GOOGLE PROJECT WITH TORTOISE SVN SOFTWARE
FEATURE POST WIDGET IN BLOG
CHANGE MENU CSS COLOR IN PRESTASHOP
RENAME PDF FOLDER IN PRESTASHOP
RENAME DOCS FOLDER IN PRESTASHOP
Recommended Post Slide out for Blogger
INTENSO MAGENTO QUICK VIEW BUTTON
BlogPagerWithJavaCode
25 JS FILES DELETE IN PRESTASHOP
BLOG HOSTING HELP
PHP CONTACT FORM WITH CAPTCHA
Direct Links to your Files on Google Drive
PRESTASHOP NEW THEME FOLDER
PRESTASHOP HOME PAGE TAB BREAD CRUMBS STYLE
PAGE NAVIGATION WITH TITLE AND THUMBNAIL IN BLOG
GOOGLE FILTER BUTTON IN IMAGE SEARCH
RENAME CONTROLLERS FOLDER IN PRESTASHOP
FONT LINE FIND IN PRESTA SHOP FILE SEEK SOFTWARE
DEFAULT BOOT STRAP WORD IN 13 FILES PRESTASHOP 
RENAME CSS FOLDER IN PRESTASHOP
Platinum Arts Sandbox Free 3D Game Maker
RENAME CORE FOLDER IN PRESTASHOP
WAMP TO WORDPRESS INSTALL
ADD POP UP REMOVER
PRESTA CSS JS FILE LINKS REMOVE BY DELETE FILES 
RENAME CACHE FOLDER IN PRESTASHOP
GOOGLE PROJECT HOSTING
NEWS TICKER BLOGGER TEMPLATES
JAVA FILE MAKE & SAVE IN NOTE PAD
IMPORT SQL CSV FILE ON PHPMYADMIN
BOOTSNIPP LOGIN SIGNUP FORM
RENAME DOWNLOAD FOLDER IN PRESTASHOP
Magento Hello World Module (Extension)
ON LINE JAVA LIBRARY
ABSOLUTE POPUP BOX WITH PRINT
PRESTASHOP THUMBNAIL WITH HOVER EFFECT
MAKE WODPRESS THEME
BODY JS FILE LINK IN MAGENTO
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.