Posts

Showing posts from November, 2013

Recent Rotating Post Gadget with Excerpt For Blogger

Image
This JavaScript code will display the latest posts of any feed, the difference being that it has two parts which can be used individually or combined. The top of this widget will show a single post along with the title (link), author, date and a brief summary of its content. In addition, this post will rotate automatically within a list whose number of elements will be decided by us. At the bottom, we'll find a full list with recent posts that, on mouse over, will replace the post above, thus breaking the automatic cycle. Before adding anything, let's see it in action to decide if it does what we want. Demo blog How to Add Recent Rotating Posts Widget to Blogger Step 1. Go to "Layout" > click on the "Add a Gadget" link. Step 2. From the pop-up window, choose the "HTML/JavaScript" gadget Step 3. Paste this code inside the empty box: <style> .gfg-root { width: 100%; height : auto; position : relative; overflow : hidden; margin: 0 auto; text-...

Scriptaculous image slider/carousel for Blogger

Image
Image galleries, sliders and slideshows have become increasingly popular within web pages and more and more developers have been creating these amazing powerful, versatile and sleek galleries. In this tutorial, you will see how to display the relevant content in an attractive and usable manner, by adding this beautiful carousel slideshow to display a gallery of images with a cool sliding effect. DEMO How to Add the Scriptaculous Image Slider on Blogger Step 1. Log into your Blogger Dashboard and select your blog, then go to "Template" and click the "Edit HTML" button: Step 2. Click anywhere on the code area and press the CTRL + F keys. This will open a search box - type the tag below and press ENTER to find it: </head> Step 3. Just above the </head> tag, add these scripts: <script src='http://www.google.com/jsapi'></script> <script> google.load("prototype","1.7.0.0"); google.load("scriptaculous",...

How to Write SEO Optimized Blog Posts

Image
I'm not an SEO expert and what you will read further is not top secret, but the basic optimization that everyone should apply in order to write SEO optimized blog posts. And with these techniques, effort and a bit of patience, you can occupy the best places in the search results of different search engines. Obviously, not all cases are the same, neither all blogs are positioned in the same manner, some might have greater competition than others depending on how popular the topic is; therefore, when it comes to web ranking, there's no specific time that applies for all. Having said this, let's get to the point of this post. Focus on a topic Whatever the topic of your blog is, when you try to write a seo optimized blog post, focus on a specific topic that has a clear purpose, with no distractions. For example, if you write about "Digital Cameras", then the beginning and ending of your post should be only about it. Don't start talking about digital cameras and en...