Add Background Color To Post Titles In Blogger

 Change Post Title Color in Blogger 

Add an Icon to Blog Post Titles with CSS

A little icon next to your post title is a cute way to bring the design elements of your theme into your blog posts. And, it's easy to do with a bit of CSS! You'll probably spend more time choosing the perfect icon than you will on adding the CSS to your blog.

Fully Customize The Post Titles

How To Fully Customize The Post Titles On Blogger

Many of the templates both from the Blogger template designer and Custom templates leave the post titles fairly standard.When it comes to fonts, sizes, colors etc.. the post titles on almost all blogs have the same design.But you can add some spice to your post titles without too much hard work and adding even a few minor customizations can make all the difference.Every Blogger template has a small piece of Css that controls how the Post titles appear and by adding or changing small pieces of code we can change the appearance.

So in this post among other changes to your blog titles we will see, How To Change The Size, Change The Color, Change The Background Color or add A Background Image, Change The Font Family and more..

Splitting Your Header Section into two different parts

Splitting Your Header Section into two different parts in Blogger

Usually a header consist of the company logo but now a days it is used as an important place where people use to put there advertisement.Some of the Blogger templates has this feature.Commonly it is a simple container which can contain 2 widgets at one time one after the other side by side normally it consist of your logo and advertisement or etc.So please but your attention towards this tutorial carefully,don't worry its not very difficult to splitter your header but it needs your little attention because templates are differently coded but the method remains the same

Change Font, Size, Color Of Sidebar Title

How To Change Font, Size, Color Of Sidebar Title In Blogger

Are you bored with your dirty looking Sidebar? Sidebar is one of the core elements because it holds all those widgets which have significant information about a website. Let us assumes that a person arrived on your blog while navigating through your articles he saw a junky looking Sidebar Heading. Hence, a pleasant visit was turned into a horrifying one. Since, first impression is the last impression. Therefore, it is essential to decorate your Sidebar Headings with Correct Color Scheme and fonts. So, those who are anxiously looking for a method of modifying their Blogger Blog’s Sidebar Headings have arrived to the right place. In this article, we will learn How to Change Sidebar Fonts, Color and Size in Blogger Platform. 

Optimize Titles Change Header Fonts h3-h2

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

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

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

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

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

Author Avatar in Post Title

Add Author Avatar Beside Post Title in Blogger

Today I will show you how you can add author image beside the title of every post of your blogger blog. This design hack looks really cool when there are more than one author in a blog. It helps you to distinguish between the authors of the post.

The widget is fully automated so if you change your profile pic then the changes you want will take place.

CSS Hello Bar Clone

CSS Hello Bar Clone for Blogger

You all may be knowing about Hello Bar.  If not Hello Bar is a plugin for WordPress which comes at the top of your blog with your desired text. This plugins helps you to get a lot of visitors to one desired page. If you are hosting any contest or giveaway, this bar will help you get a lot of traffic on that particular page.

We have created a clone of this plugin but without using any JavaScript it is purely based on HTML and CSS. The plugin has many features such as Beautiful Design, Shadow effect, Compressed size to get faster load time etc. In case the bar irritates any of your visitor, it can be closed just by clicking on a single button.

Greek in Post Title

1. Τα Ελληνικά στον Τίτλο πάνω "Ανάρτηση" δεν τα καταλαβαίνει και έτσι η σελίδα εμφανίζει το όνομα στο λίνκ μόνο με τον αριθμό (εαν της βάλουμε)
ή πρέπει να χρησιμοποιήσουμε Αγγλικά.

2. Η μεταφορά του λινκ από τον "Μόνιμο σύνδεσμο" στην επεξεργασία της Ανάρτησης σε μιά άλλη σελίδα πέτυχε. (με αντιγραφή επικόληση) στην εισαγωγή "σύνδεσμος".

3. Στην 1η Ανάρτηση (1h Anarthsh) που είναι στα αγγλικά, ο μόνιμος σύνδεσμος αν και έχει κενό, συμπληρώθηκε με παύλα, και ο τίτλος όμως παρέμεινε ο ίδιος όπως τον είχαμε γράψει.
http://thetraveller-thomasgrm.blogspot.com/2015/10/1h-anarthsh.html




test syndesmoy


Δουλεύει και ο σύνδεσμος στην σελίδα.

Icon in Post Title

ΠΡΟΣΘΕΣΤΕ ΕΙΚΟΝΑ ΠΡΙΝ ΤΟ ΤΙΤΛΟ ΤΗΣ ΑΝΑΡΤΗΣΗΣ

Νέοι bloggers γεια σας !!! Μπορείτε να βάλετε μια  εικόνα πριν τον τίτλο της κάθε ανάρτησής σας...δείτε τον κώδικα, και πώς θα τον εφαρμόσετε :

Big First Letter

ΜΕΓΑΛΩΣΤΕ ΤΗΝ ΑΡΧΗ ΠΑΡΑΓΡΑΦΟΥ

Νέοι bloggers γεια σας! Σήμερα σας δίνω ένα κώδικα με τον οποίο μπορείτε να ξεκινήσετε μια παράγραφο με πολύ μεγαλύτερο γράμμα που ξεχωρίζει από τα υπόλοιπα γράμματα της ανάρτησης, η του gadget κειμένου σας !!!


Αντιγράψετε τον κώδικα:


<style type="text/css">
span
{
float:left;
width:0.7em;
font-size:400%;
font-family:algerian,courier;
line-height:80%;
}
</style>
<span>Ε</span>δώ γράφετε το κείμενό σας.Γράψτε όλη την παράγραφο η το κείμενο, και το πρώτο γράμμα του κειμένου να μεγεθυνθεί.....

Με κόκκινα γράμματα είναι οι παράμετροι που μπορείτε να αλλάξετε...

μέγεθος:0.7em;

μέγεθος γράμματος:400%;

γραμματοσειρά : algerian,courier;

ύψος :80%;

το Ε είναι το γράμμα που μας ενδιαφέρει 

Φυσικά αλλάζετε το κείμενο που έχω βάλει ενδεικτικά, με το δικό σας

Μπορείτε να κάνετε τις δοκιμές σας ΕΔΩ στο demo blog μου για δοκιμές HTML.

Scrolling Blog Title

Scrolling Title for Blog

Φίλοι bloggers στα βασικά blog μου, θα δείτε οτι ο τίτλος του blog δίπλα στο εικονίδιο (favicon) κινείται προς τα αριστερά, και είναι ένα πολύ όμορφο εφέ για την εμφάνιση της σελίδας σας….Πως γίνεται ; Δείτε παρακάτω…

Icon in Post Title

Εικόνα στον τίτλο ανάρτησης

Φίλοι bloggers, απ” ότι βλέπετε και στον τίτλο, αυτής της ανάρτησης, μπορούμε στις αναρτήσεις του blogger, να βάζουμε και εικόνα μέσα στον τίτλο της ανάρτησης…Υπό προϋποθέσεις βέβαια, και να είναι σχεδιαστικά όμορφη, και συνεργάσιμη !!!
1η  προϋπόθεση να μην είναι μεγαλύτερος ο κώδικας από 100 χαρακτήρες…(Δεν είναι και απόλυτο αυτό, αφού με τον blogger ποτέ δεν ξέρεις) …Απ΄ότι βλέπετε το κολπάκι αυτό δουλεύει και στη πλατφόρμα WordPress…
2η  προϋπόθεση, να χωράει στο χώρο του τίτλου….(Για να είναι εμφανίσημο, και να μην είναι οπτικά κακόγουστο)