The most attractive thing in Blogger blogs is the Blog Layout and Design which attracts visitors to the blog . And since I saw many Blogger blogs, i noticed that one of the most annoying things is that there is no separator or divider between blogger posts,which is also a part of Design and Style of Blog.So this Tutorial is all about “How to add a Separator between Blogger Blog posts easily”.You have to follow following steps. Before starting the tutorial , Demo is necessary :-
Log into your blogger account, move to , Dashboard >> Layout >> Edit html, and Search the Following Code :-
.post
Below is the part which should be there, so do not disturb that part:-
.post {
margin: 0 0 40px 0;
width: 90%
}
Now, we need to add some code to add separator between the Blog Posts , the code which we are going to put is in between the braces { and }
Here is the css for separator which you have to add between the braces :-
background: url(Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
The whole code will look like this :-
.post{
margin: 0 0 40px 0;
width: 90%;
background: url(Separator-Image-Url);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
}
Just add the Image Link In Between (Separator-Image-Url). And move to your Blog and refresh it and see the change. You can use following images as Separators, just Copy Link Location of Original Link of Desired Image.
Link to Use :- Original Link
Link to Use :- Original Link
Link to Use :- Original Link
You can create your own Blog Post Separators with Paint or any image editing tool.
Keywords:
dividers for tumblr, how to add dividers on tumblr, how to add page dividers on tumblr, how to put page dividers on tumblr, tumblr dividers, how to separate lines on tumblr, how to put dividers on tumblr, how to add a divider tumblr, how to put a divider on tumblr, add post divider tumblr, put divider tumblr, post dividers tumblr, page dividers for tumblr, how to add a divider on tumblr, how to put in divider graphics on tumblr, how to change tumblr page divider, free blog post dividers, how to add separators in tumblr, dividers tumblr, tumblr divider, how to add page dividers to tumblr, post separators by tags in tumblr, how to add a seperator between posts tumblr, separator line between posts tumblr html code, separator in blog, post divider tumblr, post dividers for tumblr, how to add a page divider on tumblr, tumblr insert separator divider in post, how to add a separator between posts on tumblr, tumblr separator, blogger post separator, adding dividers on tumblr, how to put a divider in your description tumblr, where do i add the post dividers on tumblr, add divider on tumblr, how to put divders on your tumblr theme, how to put divider for every post in tubmlr, add a separator line between posts tumblr, tumblr post dividers, add a separator line between posts on tumblr, where to put page dividers on tumblr, divider in between tumblr posts, post divider for tumblr, how to seperate lines on tumblr, how to separate tumblr posts with lines, how to put dividing bars on description at tumblr, post dividers free, post dividers and tags for blogger, post dividers in thesis, how to put the code of the divider on tumblr, how to put lines on tumblr, post divider image on tumblr, line seperator tumblr code, line bbetween post on tumblr theme, insert separator between posts tumblr, insert post separator for tumblr, insert entry divider tumblr, HTML how to put dividers in between text, insert blog separator tumblr, image divider tumblr, image between posts tumblr, html divider tumblr, line between posts tumblr, line separator sidebar blogspot, how to use dividers on tumblr, line separator on tumblr, line separator for posts tumblr html, html codes tumblr post divider, html dividers for tumblr, line dividers tumblr description, line between tumblr posts, html post dividers tumblr, post dividers tumblr html, where toput page divider code tumblr, tumblr separate posts with horizontal line, tumblr posts on separate lines, tumblr post seperator, tumblr post divider, tumblr page divider, tumblr line separators, tumblr line divider code, tumblr line between posts html, tumblr insert separator line, tumblr separator between posts, tumblr sidebar divider html, tumblr theme horizontal separator between posts, where to put your tumblr divider, where to put html for divider graphics on tumblr, where to put dividers tumblr, where i can put the page divider in tumblr, where do you put your page dividers on tumblr, where do you put tumblr divider, where do you put the page dividers on tumblr?, where do we add a page divider code on tumblr, tumblr theme that divides posts with lines, postdivider tumblr, tumblr insert between posts, tumblr html line between posts, separators images for bloggers, separator tumblr posts, separator on tumblr, where can i put the line divider in tumbler, separate posts on tumblr with lines, putting a line between posts in tumblr, put separator between posts tumblr, put a line between posts tumblr, post-separator tumblr, seperate beginning of post in blogger, seperate lines tumblr, seperators tumblr, tumblr html dividers, tumblr how to put divider in between posts, tumblr how to add divider, tumblr dividers for blog, tumblr dividers codes, tumblr deviders, tumblr code to add a divider between posts, tumblr add seperator line between posts, thesis theme add post divider, post separator code for tumblr, how to put dividers tumblr, how to add a dividing line between tumblr posts?, how add a devider for sidebar and post in thesis, hot to put dividers tumblr post, hot to dividers tumblr post, free post dividers for blogs, free post dividers and tags for blogger, free post dividers, free post divider, free blog post separators, dividers for your description tumblr, dividers for tumblr posts, how do i add a page divider on tumblr, how do you add a line between your tumblr posts, how to add a divider to tumblr, how to add a divider in your tumblr description, how to add a divider in tumblr, how to add a divider between tumblr posts, how to add a divider between posts on tumblr, how do you separate lines on tumblr, how do you put dividers on tumblr, how do you put dividers in tumblr, how do you add page dividers to your tumblr, how do you add dividers on tumblr, divider lines between posts in wordpress OMG, divider line between posts tumblr, add seperator lines tumblr, add seperator between blogger posts and sidebar, add separator line tumblr, add separator line post blogger, add post divider line tumblr, add divider tumblr, add divider to tumblr blog, add divider to tumbllr, add divider between tumblr posts, add a separator between bloggger posts, add sperator between posts, adding a divider between posts in tumblr, divider for tumblr post, divider between tumblr posts, divider between posts tumblr, divider between img and text tumblr, diider between img and text tumblr, codes to separate lines on tumblr, classic separator from blogger post, blogger post seperator, between posts tumblr, adding post divider in thesis, add a divider tumblr theme, how to put dividers on tumblr blogs, how to insert dividers on tumblr, how to insert a line between posts tumblr, how to insert a divider in tumblr, how to get post divider tumblr, how to get dividers between posts tumblr, how to do post dividers on tumblr, how to divide your tumblr, how to divide posts on tumblr, how to change the page dividers in tumblr, how to change the divider in tumblr layout?, how to insert page divider in tumblr, how to insert page dividers on tumblr, how to put dividers on top of tumblr, how to put divider on tumblr, how to put a page dividers in tumblr, how to put a page divider on tumblr, how to make post dividers on tumblr, how to install tumblr page dividers, how to insert tumblr dividers, how to insert separator in tumblr, how to insert post separator tumblr, how to insert post divider tumblr html, how to change page dividers on tumblr, how to add separators tumblr, how to add dividers in tumblr?, how to add divider tumblr, how to add divider to tumblr, how to add divider on tumblr, how to add divider line for sidebar tumblr, how to add divider in every post in tumblr, how to add divider every post for tumblr, how to add an image separator line after a tumblr post, how to add a separator in between blog posts, how to add a line between tumblr posts, how to add dividers in your blog posts tumblr, how to add dividers to tumblr, how to add separators in tumblr posts, how to add separator to tumblr posts, how to add separator between posts tumblr theme, how to add post dividers tumblr, how to add post dividers on tumblr, how to add post divider in tumblr, how to add page divider to tumblr, how to add lines to separate posts on tumblr, how to add images as a post separator tumblr, how to add dividers to your tumblr, how to add a line between posts on tumblr
About SmashinGeek
