Pages

Showing posts with label Bloggers Problem. Show all posts
Showing posts with label Bloggers Problem. Show all posts

Don't waste your time in PTC sites, better you can blogging


Technology blog from Bangladesh

Those peoples who has interest in Online earnings in the very first they're attracted by PTC sites offer. They put their referral link in many websites. Many peoples are giving much time in freelancing and forget to blogging. But many Tech peoples are make money even made Billionaire. Today i'll introduce few of them.

1. Blogger Micheal Arington (TechCrunch.com)-Monthly income $2,00,000-$8,00,000 USD. Income sources are Google Adsense,Banner ads, Text Ads. He is a Tech Blogger and he is become very rich with blogging.

2. Pit Cashmore (Mashable.com)- Monthly income $1,80,000-$6,00,000 USD. He is blogging on Social media.

3. Mario Lavendera (Perezhilton.com)- Monthly income $1,50,000-$2,00,000 USD. He is mainly a gossip blogger in Hollywood. Source of income is Banner ads.

4. Timothy Sykes (TimothySykes.com)- Monthly income $1,50,000-$1,80,000 USD. He is a stock or share market blogger.

5. Jack Dobkin  (Gothamist.com)-Monthly income $80,000-$1,10,000 USD. He is blogging on New York city news.

How to add three columns in blogger(blogspot) footer in your blog


Technology blog from Bangladesh

As you can see at the bottom of this blog, I have three columns in the footer section, followed by a wide section which I use to feature the main blog links. This style is fast becoming common in Web 2.0 style websites and blogs, and is quite easy to duplicate in Blogger templates. In this tutorial, I will explain how you can add these extra columns to your own Blogger blogs.

Adding extra columns to your footer section will provide more valuable space for blog widgets, and also contribute a modern "Web 2.0" appeal for your blog design.
There are only four main steps to this tutorial, and I'm sure you'll agree that the overall process is quite simple. I have taken into account that different blogs have different widths and styles, and so have designed a fluid solution which should work in any Blogger layouts template.

Creating the new columns

Here are the four steps needed to transform the footer section of your blog template:
  1. Back up your existing blog template!

    Before making any modifications to your blog template, it is essential that you make a back up of your existing template. Then if you make any mistakes, or decide you don't like the new look, you can easily revert back to this design.

    To back up your existing template, go to Template>Edit HTML in your Blogger dashboard, and click on the "Download Full Template" link near the top of the page. You can then save your existing XML template file to your computer.
  2. Move all existing widgets from the existing footer section

    In the Layouts section of your Blogger dashboard, move all widgets which are present in your footer section into your sidebar (or other section) instead. This is only temporary, as you can move them back later once we have finished adding your new footer section. Most importantly, this ensures that you don't lose these widgets during the modification, and makes it much easier to complete.
  3. Add extra code to your footer section.

    Go to Template>Edit HTML in your Blogger dashboard, and do not check the "expand widget templates" box (this simplifies the process).

    Now you need to find this section in your template:

<div id="footer-wrapper">
<b:section class="footer" id="footer">
</b:section></div>
Please note that this particular section may be called something slightly different in your template, eg: "footer-wrap" or "footer". In the case of Rounders templates, you may notice that there are in fact two DIV sections around the footer section. In any case, all we need to change is the line highlighted in red.

Replace the entire line highlighted in red with the code below:
 
  1. It is a good idea to save your template at this stage, before we add just one small section of code to style the new footer section and ensure that the widgets don't get pushed beneath each other when you add them later.
  2. Adding style for the new footer section

    Once again, open the Edit HTML section in your Blogger dashboard. This time, you need to find the closing "" tag, which is where the style section of your template ends.

    Immediately before this line, add the following lines of code:
    #footer-column-container {
    clear:both;
    }

    .footer-column {
    padding: 10px;
    }
    And save your template again. The style in these lines of code ensure that the footer column don't get too bunched up, or slide beneath each other in the layout of your template.
Now you have finished adding these new sections to your footer, go to the Layout section of your Blogger dashboard (Template>Layout), and you will see the three new column, plus a lower section which spans the width of all three column, to which you can now add new widgets!
I added a horizontal line to the footer section to ensure that there is a clear distinction between content in the footer columns and content in the wider section beneath. If you would like to change the color of this line, you can do so by replacing the hex color values in the line below (highlighted in red) with a different color:
<hr align='center' color='#5d5d54' width='90%'/>
If you are unsure of the hex value for the color you prefer, you can refer to the Color Calculator in the tools section of this site.If you would prefer to remove the line altogether, simply delete the whole line.
I hope this tutorial enables you to customize your footer section with ease, so you can add more widgets and content to this area of your blog template.
 

Source: http://www.bloggerbuster.com

 

Show HTML/java/Ajax/CSS/JQuery codes in blogger(blogspot) blog posts


Technology blog from Bangladesh

If you are a blogspot platform blogger and want to display HTML source codes for your blog posts then you will have to had a troublesome time how to make it performed take a look at below. you'll be able to see that i have created unique boxes for the ones HTML codes and the code is still intact within the post it is a great trick for blogger platform if you are willing to post tutorials and badges for your readers.



Step 1

You have to add a special code inside your blogger template. Go to your blogger Dashboard > Layout > Edit HTML. Now hit CTRL+D on your keyboard and search this tag,

]]>

Now you have to add this code above that code,


pre
{
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000 }
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Now it will look something like this,




After you done it, click the “Preview” button to see if your blog shows or not. If everything’s okay, then click, “Save template“

Step 2:

Now each time you create a post and you need to add some HTML codes inside your post, you have to convert it into escapable characters. For this go to this tool called Quick escape and insert your code. Click, “Convert to escaped character” the converted code will be different than the original.

Now create a new blog post and add the converted code. You have to enclosed the code with a “pre” tag(marked as blue) For this I’ve added the same code twice. One normally and the other one with the hack.




Publish your post and see the magic! The normal code showed up with the effect but the hacked on remained intact inside the table.

Tags: blogger,blogspot,tutorials,how to,1px solid,overflow,padding,html codes, edit html,widgets,dashboard,paste,tutorial,blogging,seo,blogger templates, free blogger templates,widget,facebook,gadget,wordpress,sidebar,google,download,

Shoutmeloud Thesis Theme Customization - Part 1


Technology blog from Bangladesh

I am proud of the feed-backs for the shoutmeloud thesis subject if you had overlooked the template, then I highly suggest you to take a look at this newsletter - Shoutmeloud Thesis Theme For Blogger. even though I won a lesser selection of comments for the object the reaction by means of email used to be super many of us raised questions about the footer. So, this factor has been addressed in this article.

If you want to have an exact thesis footer (non-widgetized version then, you'll be able to take a look at this newsletter - Thesis theme Footer For Blogger/Blogspot Blogs. ( i use the non-widgetized version as it looks precisely the similar as found on shoutmeloud blog) If you wish to have the widgetized version which comes through default with the template, simply upload the widgets of your selection through hitting the "Add a Gadget" button on the "Design>>Page Elements" page.

On the other hand when it comes to the "Blog categories" segment you wish to have to manually adjust the footer phase this text will supply you a step by step guide for doing the similar if you don't seem to be transparent approximately what part of the footer i am talking approximately, simply test the following picture


01. Go to "Design->Edit HTML. Make a backup of your template before modifying the HTML by clicking on the "Download full template" link at the top of the page.
02. Once the backup is made, search for the following line in your template. Use "CTRL+F" to fasten your search results.

<li class="cat-item cat-item-68">  <a href="http://bd-dollar.blogspot.com/search/label/Blogger" shape="rect" target="_blank" title="Blogger Tutorials">Blogger Tutorials</a>  </li>
<li class="cat-item cat-item-68"><code><a href="http://bddollar.com/" shape="rect" target="_blank" title="Web Developers and Freelancers Blog">Web Developers and Freelancers Blog</a></code></li>
<li class="cat-item cat-item-387"><code><a href="http://liton-online.com/" shape="rect" target="_blank" title="Computer Tips and Tricks">Liton-Online.Com</a></code></li>

<li class="cat-item cat-item-874"><code><a href="http://www.a2z-pc.blogspot.com/" shape="rect" target="_blank" title="Be a Computer Expert">Be a Computer Expert</a></code></li>

03. You are going to in finding the links that time to my labels. So, it is lovely transparent that those labels (categories will have to aspect for your blog labels. to do so first get rid of all of the links that time to my blog).


04. To take away the links that time to my blog, you wish to have to get rid of the following codes highlighted in green.
<li class="cat-item cat-item-34"><code><a href="http://www.liton-pc.blogspot.com/" shape="rect" target="_blank" title="Computer Solutions">Computer Solutions</a></li>
<li class="cat-item cat-item-307"><a href="http://bd-amazon.blogspot.com/" shape="rect" target="_blank" title="Amazon Shopping">Amazon Shopping</a></li>
<li class="cat-item cat-item-2555"><a href="http://bd-freelancers.blogspot.com/" shape="rect" target="_blank" title="Bangladeshi Freelancers">Bangladeshi Freelancers</a></li>
<li class="cat-item cat-item-215"><a href="http://www.rufriends.blogspot.com/" shape="rect" target="_blank" title="Rajshahi University Friends">Friends.com</a></li>
<li class="cat-item cat-item-77"><a href="http://www.bd-collection.blogspot.com/" shape="rect" target="_blank" title="Online Newspapers">Newspapers</a></li>
<li class="cat-item cat-item-64"><a href="http://bd-jokes.blogspot.com/" shape="rect" target="_blank" title="SMS Jokes">SMS Jokes</a></li>
<li class="cat-item cat-item-196"><a href="http://www.wall-liton.blogspot.com/" shape="rect" target="_blank" title="Wallpaper and Videos">Wallpaper &amp; Videos</a></li>

05. You can also store your template temporarily next you wish to have to find the links for your labels. to procure the URL of the more than a few labels for your blog simply hover your mouse over a published post which has were given a few labels. take a look at the following picture for better working out.

06. Now, replace those links with the links you got rid of in step 4 upload an acceptable name for your label as smartly (update the ones names highlighted in blue in step four with your label name). if you don't seem to be transparent with the instructions I said simply take a look at the example under - your coding will have to be as follows.




07. Well, save your template now. Next, you need to design a footer logo with the following dimensions - 166x120 pixels. (Note: The logo should have a transparent background or should match the background color of the footer.) You can contact me via email or hit the services page if you need a footer logo - design charges ($5.00). 


08. Upload your logo to a website such as PICASA and get the URL for the logo you uploaded. Now, find the following link in your template (found in the CSS part of your template).

 


09. Replace this link with the URL of your logo (obtained after uploading your logo).


10. That's it!!! Save your template and have a look the footer.


I am hoping you enjoyed this customization. i will be able to be posting more and more customizations for the shoutmeloud thesis subject in the upcoming weeks. i recommend you to sign up for my blog in order that you do not leave out out any article. you'll be able to percentage your perspectives about the post by means of comments Your comments are always welcome!!!




Tags: thesis,wordpress,customization,how to,the thesis,blogging,tutorials,wp,make money online,twitter, wordpress themes,wordpress plugins,facebook,blogger,blogger templates,tutorial,footer,seo,money,making money,free thesis,download,customize,bloggers,customizations,google,social media,google adsense, dashboard,sidebar,design,

HOW TO FIX WIDGET ID PROBLEMS IN BLOGGER TEMPLATES


Technology blog from Bangladesh


THERE ARE SOME BLOGGER TEMPLATES THOSE HAVE WIDGET ID PROBLEMS .SO WE CAN NOT USE THESE TEMPLATES WITHOUT FIXING THESE ERRORS .
“The new widget id “Recent-Comments-Widget” is invalid for type: Feed “
In upper problem you have to change the  ”Recent-Comments-Widget” to “Feed1” or “Feed 2” and the problem will be fixed
“The new widget id “Feedjit” is invalid for type: HTML “
In upper problem change the “Feedjit” to “HTML1” OR ” HTML2 ” and the problem will be fixed .
“The new widget id “Ads” is invalid for type: HTML”
In upper problem change the widget id “Ads” to HTML3 or HTML 4 or any othe number with HTML differ from 1 0r 2 .
“The new widget id “Banner-Ad” is invalid for type: HTML “
In upper problem change the widget id banner ad to HTML 5 .
THESE ARE THE EXAMPLE PROBLEMS AND YOU CAN FIX THESE TYPE OF PROBLEMS BY REPLACING WIDGET ID TEXT WITH FEED OR HTML .
FOR RECENT COMMENTS AND RECENT POSTS WIDGETS CHANGE IT TO FEED1234………
FOR ANY HTML WIDGET CHANGE IT TO HTML 1234……………..

Related Posts Plugin for WordPress, Blogger...
Rss Feed Options Subscribe Via Email Rss
Find Us On Facebook Follow Us On Twitter
 

Total Pageviews