Featured Images Slideshow-Slider

Featured Images Slideshow+Slider

UPDATE: I updated some of my posts, this post I update 17+ Featured Content Slider for Blogger Using jQuery ..........

 

Create Your Own Blogger Template Theme - Design Sites

How To Create Your Own Blogger Template Theme 

 There are many people using Google's blogspot platform for their blogging uses. Blogger is the most simplest and the easiest way to get yourself on to the top of Blogging.Blogger provided default templates, they were far from being called good. It allows you to customize HTML to make your own templates, but they require advanced knowledge.This tutorial will cover the steps needed to create your own blogger template.

UPDATE: I updated some of my posts, this post I update 17+ Featured Content Slider for Blogger Using jQuery ..........

Smooth Featured Post Slideshow

Smooth Jquery Featured Post Slideshow For Blogger

This tutorial will shows you how to add featured content slideshow to show your featured post to your readers.This slideshow is very easy to setup and can easily manage width and height to match your template.Not only that you can change the speed of this slideshow easily.Default width is 550px and Default height is 200px.I think you will love this slideshow.You can see the DEMO of this widget from here.

Mozart Or A Beethoven Type Of Blogger

Are You A Mozart Or A Beethoven Type Of Blogger ?

Guest Post - Our host is Harry Heijligers, Harry makes an interesting comparison between how the legends of classical music composed their masterpieces and how you write your blog posts (Also Masterpieces !).

Writing articles or Blog Posts is often tough work.. For everyone. And the funny thing is: the more simple an article looks, the more hard work it was for the writer ! As for most creative work there are most of the time two ways to approach this kind of work.

As a kid I had six years long classical piano lessons. Besides learning to play the piano I also was interested in learning about all kinds of music related stuff such as the classical composers. It was then that I learned about guys like Beethoven and Mozart and that their approach of composing their music and symphonies was totally different.

Ludwig von Beethoven was a German composer who lived from 1770 till 1827 and he is seen as one of the most important and influential composers who shaped the music culture of the 19th century. Wolfgang Amadeus Mozart was an Austrian composer who lived from 1756 till 1791. He invented a whole new musical concept in his time and had great influence on later composers such as Beethoven.

Learn HTML And CSS For Novice Blogger

The Best Websites To Learn HTML And CSS For Novice Blogger

Guest Post - The people, who looks at some great sites to learn the basics of coding.

If you are thinking about starting you own blog, than it's extremely important for you to have, at the very least, a basic understanding and knowledge of how HTML and CSS can properly work to your advantage. Although learning these different coding languages may seem difficult and somewhat foreign at first, as you continue to familiarize yourself with the basics of HTML and CSS, the process will become more clear and easier for you to use. It's critical for you not to give up on learning the specific codes and maintain practicing how to create them in order for your blog to be fully successful. As you continue to learn the "ins and outs" of coding for HTML and CSS, there are many outlets that consist of different websites that will prove to be extremely beneficial in your quest to master these computer languages.Below we list the best sites you can visit to help you learn the basics and get you on the way to become an expert coder.

Animated Effect To Labels

Animated Bump Effect To Labels List

 In this post we have a fun effect you can add to the links in your blog labels list.This trick has been around for a while and i have been using it on some other blogs.The effect is created using jQuery and basically when a visitor places their cursor over a link it moves across horizontally.So in the same manner you might have links change color, underline or change background on hover this will make them move.

Live Demo - You can see a demo in the category section in the sidebar of Design And Blog : Best Blogger Templates.

Sliding Underlines

Sliding Underlines On Blogger And Wordpress

 As someone constantly looking at design and ways to add to the design of blogs often it's the little things that amuse me.This post is definitely an example of that, something as simple as an underline sliding out under a heading or for that matter any text most would see mundane but I see as 'Cool'.So lets look at the effect, first up it's a very easy effect to use on your blog no code knowledge is needed.

Basically on any text on your blog you can make a sliding underline appear on hover (when you place the cursor over it).For me this effect works best on headings and links as these are the text visitors to your blog will hover on most.In future posts I may show how to add the effect to all links on your blog or maybe to Labels/Tags (Like the previous Bump effect for Blogger labels we published in 2011).

Online Broadcasting Services

Online Broadcasting Services For Bloggers

 Guest Post - Our host is Elliott Morrow, Elliott is taking an interesting look at online broadcasting for bloggers.See How To Become a guest author on Spice Up Your Blog.

Broadcasting online through personal stations is becoming a mainstay for serious bloggers and business sites. Many bloggers are learning that broadcasting to their audience allows them to engage and develop their personal brand at a different level than purely using the text on a blog.

Once users actually hear a blogger’s voice, a connection is made on a more personal level and this allows more trust to form between a blogger and the audience. This leads to a more loyal fan base, creates more interaction, and bolsters bloggers reputation on their topics.

The selection of online broadcasting services is huge and they each offer some unique capabilities. These 5 broadcasting services are among the best that we could find and at least one of them is bound to fit your specific needs.

Image Morph Effect To Post Images

Add An Amazing Image Morph Effect To Post Images On Blogger

 In the last post we had a CSS Zoom effect for images on your blog.Now we are continuing with image effects this time with something really awesome.This effect has a number of layers but as with all our tutorials it can be easily added to your blog even for a newbie.

So what is the effect ? The main feature is on hover images will spin and morph from square to round, to help this effect images will also have a 3D style.Below I have created an animated GIF to give you an idea of how it looks, check out the demo for the real thing (On the demo page hover over any of the images in the post).

Photoshop Alternatives for Photos

8 Awesome Photoshop Alternatives

Everybody is looking through the best photo editing alternatives to photoshop.

Anyone who uses a computer regularly sometimes needs to edit at least one picture. The problem that arises in this case is that there are a multitude of image editing software, according to users' needs and budget. That is why I made ​​this list of the best programs covering a wide range of needs. Because I do not want to leave out any interesting program, I want to mention both the free and commercial ones, giving a description of each of course in which category it belongs.

Put Labels And Archive Within A Scroll Box

 On a blog I am currently doing design work on I we had a problem with the size or length of both the blog archive and labels gadgets.The blog has being going for a number of years posting daily so the archive is huge and the author has about 100 labels.This of course means that the Labels gadget and blog archive gadgets are very long thus taking up a lot of space.

Now you could display the archive and Labels as a drop down but the owner of the blog wanted to leave them as lists, they felt the readers used the lists to navigate the blog.The solution I came up with was to place the archive list gadget and Labels gadget within a scroll box and I was (as was the blog owner) very happy with the results.In this post I am going to show you exactly how I did it, and it only takes a line of code.

If your not familiar with the Blog archive/Labels gadgets you can add them to your blog by going to the layout page, clicking add a gadget then scroll to find each.

Get Directions from Google Maps

Embed Google Maps Get Directions Form

While working on a blog recently the client who used the blog to promote their business wanted to provide the address of the business on the blog.As I would always try to do I went one better, so as well as just provide the address I embedded a form for people to get directions via Google Maps.The Google Maps form is easy to add to your blog and you simply add your business address to the code then visitors to the blog can then enter their address and generate the directions.Once generated the map will show a route with options for driving and Public transport if available.

OK so lets try it out.

Below I have embedded the form with the White House as the address you will get directions for (Works in all country's), you will change this to your business address (BTW I keep saying business address as I don't recommend giving directions to your home online).

Address : 1600 Pennsylvania Ave NW, Washington, DC 20500, United States

Get Directions :

Enter your starting address:

Animated Message Box

Message Box Like Wordpress With Close Button Using jQuery For Blogger Blogs

We have seen many times a beautiful massage box in many Wordpress blogs.It appears between the title and body of post.It can be easily removed by simply clicking the close link.Here is a same massage box for blogger blogs also:) I want to clear here that this Massage box is More interesting then simple regular box.When we visit the page firstly it appears with fade in and fade out effect which easily attracts the attention of visitors.When after reading the massage he/she can make It runs out of the page .

Animated Horizontal Sliding Navigation Menu With Images

Animated Horizontal Sliding Navigation Menu With Images Using jQuery For Blogger

UPDATE:  I updated some of my posts, this post I update 17+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes........

Divide Labels/Categories in Two Columns

Divide Blogger Labels/Categories widget into Two Columns

Previously you only have single column for Labels. It is good for few labels upto 5 to 10. But if you have more labels, say 20 - 30 then the list goes very long. How about having two or more columns for labels as shown in the image. It will take less space and looks good.

Animated Notice Box

Animated Notice Box Blogger and Blogspot Widget and Plugin

Ever wanted to greet your visitor with something important message or want to have your visitor a look at the most important content of your website. Than a Animated Notice Box blogger widget is the one you are looking for.

Download youtube videos now in MP4

Download youtube videos now in MP4 format !

Download Youtube Video ! Enter the Video address below :-

Hi friends`Youtube is a very popular video site in world. youtube handled by google. so today i'm gonna give you cool youtube video downloader to website/blog site. you cannot download youtube Videos directly, so we want a 3rd party website to download this videos, but today you can use this gadget to download youtube videos easially, please read the following steps.Thank you.

Multi-Tabbed Widgets

New Multi-Tabbed Widgets For Blogger / BlogSpot Blogs

One of the space efficient widget for blogs, is of course a multi-tabbed widget, which is almost a must for any blog. You can use it for Popular posts, Top commenters, Recent Posts, Recent Posts or any widget as you like.

Although you can find some other methods on Internet, but they are all quite confusing, so you can use this method, which is quite easy, but of course needs to tweak the template.

The complete process has mainly two steps:

UPDATE:  I updated some of my posts, this post I update Add Multi Tabbed Navigation Widget To Blogger / Blogspot Blogs Sidebar........

Create JQuery Featured Content Slideshow

How To Create JQuery Featured Content Slideshow

Create JQuery Featured Content Slideshow

Add Seperator In Blog Posts

How To Add Separator In Blog Posts In Blogger

Separator In Blog Posts

 

Mouseover Effect For Images

Simple Mouseover Effect Code For Images

DEMO: Hover mouse over the image!

Add your site’s webpages to all the popular social bookmarking sites

add your site’s webpages to all the popular social bookmarking sites

Instructions To Follow:

Horizontal Tab Menus With CSS & HTML

30+ “Horizontal” Navigation Menus For Blogger With CSS & HTML Codes

Before that I never post how to create a horizontal navigation menu tab . May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages, for it to post this time I tried to give a mild solution of dish 30 horizontal menu tab instant ready-made gadgets just by adding a HTML / JavaScript and placed the code tab on the item, as well as emphasize the navigation tabs will be urgent functions on a template.

Horizontal Drop Down Menu With CSS & HTML

17+ Drop Down Menu Widget in Blogger - Horizontal Menus With CSS & HTML Codes

 Add drop down menu in blogger you need is just a little bit of CSS and HTML code and put that code at the right place in your blog and done.Here is a list of 17+ Horizontal CSS Drop down menus.May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages,for it to post this time I tried to give a mild solution of horizontal CSS drop down menus.adding drop down menus in blogger can benefit your readers to find out the intended Posts of the blog with ease.so lets start now introducing the menus one bye one, whichever you like just copy code and paste the code.

 

 Note: You can paste both codes in a HTML/JavaScript as Gadget.To do this simply add the CSS code between <style>......</style> and thats it.

Popup Code - Javascripts for website advertising

Code Popup - Javascripts ads for website - Blogspot

 
Popup Code - Javascripts for website advertising - Blogspot. Javascripts Popup Code for Web advertising - blogspot. Code Popup ads that appear when clicking.Code Popup windows when the first click. Code to open a small popup window .

Featured Content Slider

17+ Featured Content Slider Using jQuery

You should already know about JQuery Featured Content Slider.Today we will see how to add 17+ jQuery featured content sliders / slideshows for your blog or website.Almost all bloggers use the contents, which included slider.Contents are a great way to show a lot of content in a smaller area of ​​a web page or a blog. Automatic sliding doors are dynamic content in many popular websites on the web.This is a great technique to represent different types of content in a limited space and a good way to involve the user.You have probably noticed that a lot of websites recently a working area with content that slides or changes in any way.

Multi-Color Effect Links

Multi-Color Effect For Your Links On Hover

How to create text links in different colors? Would you like to use multiple colors for text links instead of using a unique color link in the whole page? Confused start to tell what the title, purpose ANAA if you want to link touched the pointer to uppercase, bekedip flashing rainbow colors and the background like fireworks or a star-studded.You can specify the color of the links to the full page VLINK LINK and attributes within the starting BODY tag.

Animated Recent posts

Animated Recent posts for Blogger with Thumbnails - Simple Spy

Animated recent post is a fantastic way to present headlines updates to your readers.The effect of smooth scrolling attract readers and generate more clicks to your site.This gadget displays your most recent posts and includes a small thumbnail, but has the added bonus of using an animated effect that moves smoothly through the posts.There are a lot of great tutorials discussing on how to add Animated Recent posts for blogger with thumbnails and Simple Spy, but most of the tutorials I've found are not really suitable for a beginner.

Live Demo

Auto Scrolling Recent Posts

Auto Scrolling Recent Posts Widget For Blogger / Blogspot

If you have a lot of post on the blog, or if you want to show everyone your list of favorite books, but have little space in the sidebar widget this will be a great help to you. This post explains how to add auto scrolling (marquee) recent posts Widget on his blog that looks good on your blogspot blog. This is similar to the display of recent post in your sidebar, but this will have a marquee in this widget. Now if you want to show your blog in this way, either on top or bottom of your blog, then you can use this new widget:

Live Demo

Sliding Side Bar Menu

Sliding Side Bar Menu Using Mootools

Show- hide, Smooth sliding and sexy. Menu bar with javascript and mootools. This post explains how to add Sexy Sliding JavaScript Side Bar Menu Using Mootools Widget on his blog that looks good on your blogspot blog.Be effective CSS vertical menu with show / hide uses MooTools to show / hide the menu with a vertical slide-in/slide-out nice effect.

About MooTools: "MooTools is a compact, modular, Object-Oriented JavaScript framework designed for intermediate to advanced JavaScript developer. It lets you write powerful, flexible, cross-browser code with its elegant API, well documented and consistent. ".
MooTools Home: Home Mootools.

Live Demo

Simple and Multicolor Menu

Add a Simple and a Multicolor Menu

  Εδω βάζουμε ένα απλό Μενού (για την Sidebar), και ένα όμορφο, πολύχρωμο Μενού σαν Menu Bar στο μπλόγκ μας.

 

Breadcrumbs in Blog

Breadcrumbs στις αναρτησεις του blog μας

Γεια σας παιδια σημερα θα σας πω πως μπορουμε να βαλουμε breadcrumbs στο blog μας για να εχει πιο επαγγελματικη μορφη. Στην αναζητηση βοηθαει τον χρηστη γιατι του δειχνει ακριβως με τι εχει θεμα η αναρτηση μας, του δειχνει εκτος απο τo λινκ του blog μας και την ετικετα την οποια εχουμε βαλει στην αναρτηση.  Μες στο σαιτ  βοηθαει το χρηστη να προσανατολιστει καλυτερα, ακομα βοηθαει τις μηχανες αναζητησης να ευρετηριασουν καλυτερα τις αναρτησεις μας

δειτε κι αλλα Blogger Tips

Change New - Old Page Directions with Buttons

Αλλαγη του παλαιοτερες αναρτησεις - νεοτερες αναρτησεις με κουμπια

Θα εχετε παρατηρησει πως τα απλα blogger templates δεν ειναι σχεδιασμενα ωστε να εχουν ενα επαγγελματικο στυλ και θα πρεπει να αλαξουμε πολλα πραγματα για να μπορεσουμε να τα κανουμε ομορφα και πιο επαγγελματικα.

Σε αυτον τον οδηγο θα σας δειξω πως μπορουμε να αλλαξουμε το παλαιοτερες αναρτησεις - νεοτερες αναρτησεις με κουμπια

Numbered Page Navigation

Πως να βαλω αριθμηση στις σελιδες και στις αναρτησεις του blog μου

Η αριθμηση των σελιδων μας και των αναρτησεων μας ειναι πολυ σημαντικη γιατι δινει αλλο αερα στο blog μας. Αν δεν εχετε κανει αυτο Αλλαγη του παλαιοτερες αναρτησεις - νεοτερες αναρτησεις με κουμπια  τοτε συνεχιστε να διαβαζετε το αρθρο.

Customize the Date Header of a Blog

Πως αλλάζω την εμφάνιση της ημερομηνίας στο μπλόγκ μας.

Free AutoBlogging Software

Free autoblogging software Προγραμμα για αυτοματο blog

Πολλοι απο εσας θα αναρωτιουνται πως δουλευουν αυτα τα αυτοματα blogs απο που παιρνουν τα αρθρα και βεβαια το πιο σημαντικο πως στηνεται ενα τετοιο blog.
Εδω σας εχω ενα προγραμμα με το οποιο μπορειτε να κατασκευασετε ενα τετοιο blog.
Μπορειτε να ξυπνατε το πρωι να ανοιγεται το προγραμμα να πατατε δυο κουμπακια και να το αφηνετε να βαζει μονο του τις αναρτησεις στο blog σας.

Optimize Titles Change Header Fonts h3-h2

Βελτιστοποιηση του τιτλου αλλαγη ετικετας απο h3 σε h2

  Η σημερινη αναρτηση θα μας βοηθησει να αλλαξουμε την ετικετα του τιτλου σε απο h3 σε h2.

Γιατι να το κανουμε αυτο; Θα σας εξηγησω αμεσως.

Οποιος εχει το seo quaqe στον περιηγητη του θα δει πως απο την αρχη ο blogger  εχει τον τιτλο του blog με ετικετα h1 η οποια ειναι και η ποιο σημαντικια για το ρομποτ της google.

 Τα καλυτερα seo optimization online εργαλεια στο ιντερνετ

Open All Posts and Links in a New Window

Καντε Όλες τις αναρτήσεις σας να ανοιγουν σε νέο παράθυρο

  Εδω θα σας δειξω πως μπορουμε να αναγκασουμε το blog μας να ανοιγει τις αναρτησεις μας και γενικα ολα τα λινκς που υπαρχουν στο blog μας σε διαφορετικη καρτελα (σε νέο παράθυρο).

Τo οφελος μας ειναι πως με αυτο τον τροπο μπορουμε να μειωσουμε τη βαθμολογια μας στην Alexa το λεγομενο Alexa rank. (οσο πιο χαμηλο τοσο καλυτερα).

Αυτο που πρεπει να κανουμε ειναι να παμε στο προτυπο μας - επεξεργασια html και με control + f να βρουμε το <head>. Ειναι πανω πανω οποτε δε θα δυσκολευτειτε να το βρειτε.

Ακριβως απο κατω του κανουμε επικολληση αυτο το κωδικο

<base target="_blank"/>

Κανουμε αποθηκευση ειμαστε ετοιμοι.

http://posftiaxnoblog.blogspot.gr/2014/09/blog-post.html#more

3D Icons - Photos in Post

3D εφε σε μια εικονα στο blogger

Πως θα κάνω τις εικόνες ή μια φωτό μας στις αναρτησεις μας να στριφογυριζει οταν περναει το ποντικι απο πανω της, να αποκτήσει το λεγομενο 3d εφε.

Δείτε το παραδειγμα

3d εφε στις φωτο μας

Reduce Flipcards

Μειωστε τον αριθμο των Flipcard στις δυναμικες προβολες

Μειωνοντα τον αριθμο των καρτων στις δυναμικες προβολες flipcard μπορουμε να επιταχυνουμε την φορτωση του blog.

Ο Blogger αυτοματα βαζει οσες καρτες χωρανε στην οθονη μας για να μην εχει κενα το blog μας. Αυτο  εχει ως αποτελεσμα να μην ειναι και τοσο γρηγορο.

Hide-Show Gadgets

Εμφανιση - αποκρυψη των gadget σε οποια σελιδα θελουμε

 Βαζωντας ενα gadget στην αρχικη μας σελιδα θα εχετε δει πως εμφανιζεται και σε ολες τις υπολοιπες. Θα μπορουσαμε να το κανουμε να φαινεται μονο σε καποια σελιδα ή αναρτηση, να το αποκρυψουμε απο την αρχικη μας σελιδα  ή αν θελουμε να φαινεται μονο σε αυτη.

Αυτο μας ειναι χρησιμο οταν δε θελουμε να γεμιζουμε την αρχικη μας με διαφορα αχρηστα widget με αποτελεσμα να σερνεται οταν παει καποιος επισκεπτης παει να μπει στο blog μας

Embed PDF in Post

Προσθήκη pdf σε ανάρτηση - Embed pdf in blogger

Πως μπορουμε να κανουμε embed ενα pdf σε μια αναρτηση ωστε να μπορει καποιος επισκεπτης να το διαβασει κατευθειαν μεσα απο το blog.

Embed Post from FB to Blog

Πως ενσωματώνουμε μια ανάρτηση απο το facebook στο blog μας

 

Το να ενσωματωσουμε μια αναρτηση απο το facebook στο blog μας ειναι πιο ευκολο απο οσο φαίνεται. Αυτο που πρεπει να κανουμε ειναι να παμε στη σελιδα που ειναι η αναρτηση και πανω δεξια εμφανιζεται ενα βελακι. 

 

Author box under Post

Author box κατω απο καθε αναρτηση στο blog

Σε αυτο το αρθρο θα δουμε πως μπορουμε να βαλουμε ενα author box (about the author) και να λεμε 2-3 πραγματακια για τον εαυτο μας κατω απο καθε αναρτηση στο blogger.

Μπορουμε να γραψουμε ποιοι ειμαστε να προσθεσουμε τη φωτογραφια μας και βεβαιως περιεχει κοινωνικα δικτυα ωστε να μπορει καποιος να συνδεθει μαζι μας.

Hide Labels from Posts

Απόκρυψη ετικετών απο τις αναρτήσεις.

 Πολλοι blogger ισως ενοχλουνται απο την εμφανιση των ετικετων κατω απο τις αναρτησεις

ή κατω απο τον τιτλο της αναρτησης

και ισως θελουν να τις αφαιρεσουν εφοσον υπαρχουν στην sidebar η σαν μενου πανω απο τις αναρτησεις μας.

Βεβαιως στα απλα προτυπα του blogger μπορουμε να τις αφαιρεσουμε πολυ απλα μεσα απο τη διαταξη ενω σε αλλα πρεπει να προσθεσουμε καποιο κωδικο μεσα στο προτυπο μας.

Νewsletter in Blog

Πως προσθέτουμε newsletter στο blogger

Το να φτιαξουμε μια λιστα με email ειναι πολυ σημαντικο για καθε blog  , αφου με αυτην μπορουμε να στειλουμε μεσω email τα αρθρα μας στους αναγνωστες μας και να ετσι να αυξησουμε την επισκεψιμοτητα σε ενα blog, καθως θα ειμαστε σιγουροι πως οι επισκεπτες μας ή ενα μερος απο αυτους θα ξαναελθει στο blog μας. Αυτο μπορουμε να το καταφερουμε με ενα gadget για newsletter στο οποιο το μονο που χρειαζετε να κανει καποιος ειναι να βαλει το email του και να πατησει το submit.

Shadow in Post text

Πως βάζουμε σκιά στο κείμενο του blog μας

 Πριν

Μετα

Γεια σας σημερα θα σας πω πως μπορουμε να βαλουμε σκια στo κειμενο του blog μας για να ειναι τα γραμματα πιο ελκυστικα στα ματια του αναγνωστη.

Create Pages from Labels

How to Create Pages on Blogger and Link Them With Labels

Labels On blogger help you organize your post into the appropriate category such that related post are found in a particular label. Your post can also appear in Search engines depending on your labels. The pages on your blog brings easier navigation through it. To create Pages on Blogger and Link them With Labels, you should have labels attached to each of your post.