2013 May 28 Archive - EXEIdeas – Let's Your Mind Rock

Everyone wants to make his blog more stylish then anyone else and for that he add soo many codes and widgets that will make him soo bad that none of other is. So the simple rule is that you have to use that code which is best for user’s eyes and mind too. Means that it should not to be soo heavy and must should be awesome. In the way to find these type of code we are keeping our journey running and we are creating new codes with lot of features and 0% cons. So this is also a part of these codes that we are going to share in this article below.We have a new codes that add a featured/new ribbon to latest and old ribbon to previous posts as you have seen in many bloggers but they have a shit of codes to do this. Here as you know that 99% of our code are without JavaScript or jquery because we hate both of them. 🙂The eye catching feature is the way they display the old and the new posts with a ribbon at the top right side. Although this gave inspiration but the codes differ a lot. We have added our own spice to make it interesting. We added a lot of features in it without adding extra codes. We just use HTML code with inline css2 and blogger conditional tags that is just about 7 lines long.This will attract your visitor to see what’s hot on your blog and can get more click on your latest or recent post that is better for SEO. You can customize it freely like you can change the New ribbon to Featured, Latest, Recent, Hot etc ribbons. You can also change your Old ribbon with your desired image also. So without any more delay, just move to the live DEMO and have a look on the features list and directly get your ribbons now… #Demo {padding: 5px;border: 1px solid #ff0000; -moz-border-radius:6px; -webkit-border-radius:6px; background:#F8F8F8; box-shadow: 3px 3px 3px #D44B2C; width:200px; } #Demo{margin-bottom:5px;} #Demo a{color:#D44B2C;background:#F8F8F8;padding:8px 14px;display:inline-block;font-size:12px;line-height:12px;text-decoration:none;text-transform:uppercase;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #Demo a:hover{color:#fff;text-shadow:0px 1px 0px #000;background:#D44B2C;text-decoration:none} CLICK HERE TO SEE DEMO Features:1.) Pure HTML Code.2.) No JQuery Or JavaScript Or Code Added.3.) Quick To Load and Easy To Install.4.) Will Not Effect Your Blog Loading Time Even If Image Server Is Not Responding.5.) Two Ribbons Are Hosted On Picasa About 2-3Kb/Image.6.) Blogger Official Conditional Tag Used.7.) Fully Customizable.8.) New Ribbon On Latest/Recent Post Of Your Blog.9.) Old Ribbon On Your All Old Post Automatically.10.) It Will Repeat On Every Page Except Item And Static Page.How To Add In Blogspot?1.) Go To Your www.blogger.com2.) Open Your Desire Blog.3.) Go To “Template“.4.) Click “Edit HTML“.5.) Now Click Within Code Box.6.) Press [CTRL+F] To Search The Below Code. 7.) Now Copy The Below Code And Paste It After The Above Code..8.) Click “Save Template” And Done. Bug: Ribbons Are In A Corner Of Blog:Some time or even it’s a common bug in this code that it requires a relative position of posts so that the absolute position can easily work. It is a common error that after adding the above code, all ribbons will set in the top right corner of blog and OLD one is displaying. In that case you have to position your blog post in a relative style. So for doing this just add the below code before tag or if you know some basics, find the .post css and add the css of relative position there. From this css, your all ribbons will be at there placed and will looks quit cute. .post{position:relative;} Copyrights:This code is generated and styled by EXEIdeas and can be used under DMCA notice. You are free to use it for any purpose but with HTML design code.From The Editors Desk:This code really makes your blog look professional. You can make customizations if you can understand the flow of the code.The code is not complicated as others have like JQuery or JavaScript. It involves only basic conditional tags. If you have any trouble in installing this code , I am always there to help you.Cheers 🙂