Blogger Tricks: Blogger Tricks and Design

Showing posts with label Blogger Tricks and Design. Show all posts

Sunday, October 18, 2015

How To Disable Right Click Function On Blogger

How To Disable Right Click Function On Blogger :

How To Add Scrolling Blog Title And Message On Blogger

How To Add Scrolling Blog Title And Message On Blogger :

How To Add Snow Storm Effect On Blogger

How To Add Snow Storm Effect On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 03:20

How To Turn Off The Navbar On Blogger

How To Turn Off The Navbar On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 03:18

How To Add Post Titles To Older Post Newer Post Links On Blogger

How To Add Post Titles To Older Post Newer Post Links On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 03:15

How To Remove Blogger Attribution

How To Remove Blogger Attribution :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 03:12

How To Change ScrollBar On Blogger

How To Change ScrollBar On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 03:08

How To Change Widget Title Background On Blogger

How To Change Widget Title Background On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 02:59

How To Add Spinning Hover Effect To Blogger Popular Posts Widget

How To Add Spinning Hover Effect To Blogger Popular Posts Widget :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 02:56

How To Make Website Shortcut On Desktop

How To Make Website Shortcut On Desktop :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 01:26

How To Hide Date Header On Blogger

How To Hide Date Header On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 01:20

How to Change Blogger Mouse Cursor

How to Change Blogger Mouse Cursor :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 01:09

How To Customize Blogger Bullet Style

How To Customize Blogger Bullet Style :

Friends Today I am Sharing a New Trick With You.How To Customize Blogger Bullet Style.It's Looks Amazing And Attractive.Now Follow My Steps........................

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 01:06

How To Add Falling Stars On Blogger

How To Add Falling Stars On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 01:06

How To Add Flying Letter On Mouse Cursor

How To Add Flying Letter On Mouse Cursor :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 01:04

How To Change Select Text Color On Blogger

How To Change Select Text Color On Blogger :

Posted By Bilal Alyan
Label Blogger Tricks and Design, Blogger Widgets on 01:02

How To Customize Blogger Recent Comment Widget

How To Customize Blogger Recent Comment Widget :

Hello Friends Today I Am Gonna Show You How To Customize Blogger Recent Comment Widget With Avatar.It's Look Beautiful And Amazing.So Follow My Steps...............................

Open Your Blogger Account

Click On Layout

Click On Add Gadget And Select HTML/JAVASCRIPT

Now Paste The Below Code

<style type="text/css"> ul.w2b_recent_comments { list-style: none; margin: 0; padding: 0; } .w2b_recent_comments li { background: none !important; margin: 0 0 6px !important; padding: 0 0 6px 0 !important; display: block; clear: both; overflow: hidden; list-style: none; } .w2b_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden; } .avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .w2b_recent_comments li img { padding: 0px; position: relative; overflow: hidden; display: block; } .w2b_recent_comments li span { margin-top: 4px; color: #666; display: block; font-size: 12px; font-style: italic; line-height: 1.4; } </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js"></script> <script type="text/javascript" src="http://bloggerdashing.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>