Upon reading this, I believed you have knowledge on how CSS works. CSS (Cascading Style Sheet) in layman's term is the one responsible for dressing-up your web page. It adds colors your dull web page. Without CSS, by default the body background is white, links are blue, all text were align in left, font is in Times New Roman with size 12px, etc. Too much for the intro...
What I mean about the easiest way, is no JavaScript , no sign-up, no PHP codes and it loads very fast. Nah, here's the demo showing it. Demo Well, I've been quite since I'm busy at school. This would be my last post in February. Let's do this: First, from Dashboard > Template > Edit HTML then find, <data:post.body/> Then paste this code below or above it: <span class='post-counter'> Post Views: <img height='25' src='http://counters.branica.com/?i= 2 & u=false &ox=10&oy=17&c=000000&b=transparent.png&f=Terminator.ttf& fn=false &w=110&h=25&s=10' style='border: 0px; margin-bottom: -8px; margin-left: 0px; margin-top: -5px; padding: 0px;' width='110'/> </span> Then Save it. Customization: Post Views: - change the text with your preference. 2 - change it with your preferred initial count, number...
Social Network buttons have been very useful for a website/blog to be known more. I guess having a social network button is a "must" in a blog/website. It helps a lot, and placing it correctly should be consider. The easiest way to add social network buttons is through addthis . You can copy the code above or just go to their site and choose a different style. Before doing this, view this demo first. Click me for Demo You'll notice that when we scroll down the page, the social network buttons remains on top. Do you like it? If yes, read this tutorial ahead. :D After installing the social network buttons, if you don't know how to do it. Consider this step. From Dashboard > Template > Edit HTML > tick the Expand Widget Templates Find <div class='post-header-line-1'/> then paste the addthis code below it. Save it! After saving it, let's do the effect. Find </head> then paste this code ab...
Comments
Post a Comment
Feel free to ask, suggest and comment regarding this post/blog. You can also contact me through e-mail, just always use the contact page. Thank you for visiting this blog.