Cari Blog Ini

Tampilkan postingan dengan label Create. Tampilkan semua postingan
Tampilkan postingan dengan label Create. Tampilkan semua postingan

Senin, 10 Juni 2013

Create | Make Blogger Background Image On Photoshop And Change With Desire Photo

In this tutorial i will show you how to create Image In Photoshop and how to Add or Replace your desire image in blogger background just simple steps and trick. Now this tutorial also teach you how to use Photoshop Features. I have write many post about Blogger and Blogging tips and tricks but now i want discuss a small and best tutorial using Photoshop because it also play and important role in field of blogging. Like if you want to add image in blog post and you want to also add any name or text on this photo/image you want to put on blog post then you can easily add this also like i write my blog name on mostly pictures and when someone view or see this picture they also see our blog name which  is very effective and these people also visit your blog to get proper information about this picture or post.


How To Make Blogger Header Image In Photoshop

How To Make Image/Photo/Picture In Photoshop For Blogger Background:


If you want to add your desire customize picture in blogger background then follow the below tutorial to make image and then add this on your blog.
Create | Make Blogger Background Image On Photoshop And Change With Desire Photo
Create | Make Blogger Background Image On Photoshop And Change With Desire Photo 1

Click on Photoshop Install Software on your computer desktop screen.
Run your Photoshop.
Now go to File.
Go to New.
Click on it.
Like above image which totally reduce your effect just follow the picture.
Now according to below picture.
Customize the Page of Image.

Picture 1 For Customization:


Give the Name in Step 1.
Select Width or Height in Step 2. 
Select Resolution in Step 3.
Select Mode Of Color means RGB, Greyscale, CMYK Color, Or Lab Color.
Now Click OK.
You See the White page after this customization.


Picture 2 For Customization For Patten:


Click on Paint Brush. Like pointed in Step 1.
Go with Step 2 to Select the Patten of the color or background.
Now you have done you also customize simply by adding or cutting picture or other picture to pick the best and beautiful template.

If you want just your blog names appear in the background of blogger template then you also do this. For this Go with Picture 3. 


Create | Make Blogger Background Image On Photoshop And Change With Desire Photo 2
Create | Make Blogger Background Image On Photoshop And Change With Desire Photo 2


Here Is the Small Tutorial which show you how just write text on Blank White Page or Any image which you put on Photoshop.

Just do same as adding blank white page. Where you customize the page with step1 to step 4.
When you add page then put your desire color using Brush Tool and then write 3D Color Effect Text on blank white, color or any picture.

When you make white page on your Photoshop or select any picture then use below tutorial for writing 3D Effect Text on picture.

Click On Text Writing Tool which is represent by bold T.
Write your blog name or any text which you want to appear behind your template.
Now using image or tutorial both to do easily.

Create | Make Blogger Background Image On Photoshop And Change With Desire Photo 3
Create | Make Blogger Background Image On Photoshop And Change With Desire Photo 3

Go to Above Tab Like File, Edit, Image, Layers, Select, Filter, View, Windows, Help.
Click on Windows Tab.
Go to Show Layers.
After Click you see the Layer Effect page on right bottom sidebar.
Right click on image and create Duplicate Layer.
Remove Background Layer.
Now again Right Click on Duplicate Layer.
Go to Blending Option.
Now you can see the same thing which you are seeing in the above picture.
Tick same as mine.
Select the Shadow.
Click Ok. Now you have done.
Save your image.

Now You can Replace Old Style Templates in Blogger in new one
5 Ways How to Make your Blogger Blog Like WordPress Website

Add Customize Image In Blogger Background Template:


Go to Blogger.com.
Go to Template.
Click on Customise Orange Button.
Go to Background.
Go to Remove Image and click on the image.
Click Upload Image.
Now by using this option add picture from your computer where you save your customize picture.
Click on Apply To Blog Orange Button right top side.
Click to View Blog.
Now you have done correctly.

If you have face any problem about this tutorial then feel free and give me your comment for make more easy or best.

Related Articles:


Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin
Add | Make About Us Page Widget | Gadget On Your Blog Footer Or Sidebar
Add | Put 50 Flag Translator Widget | Gadget On Your Blogger Blogspot
Add | Put Three Tab Gadget/Widget In Blog Layout Sidebar On Blogspot 
Add | Put Best Style Subscribe Box Widget/Gadget For Blogger Sidebar
Tricks To Add Simply/Easily/ PayPal Donate Button To Blogger
Add A Simple Drop Down Menu To Blogger Blog 

Jumat, 07 Juni 2013

Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily

In this tutorial i will show you how you can easily Add or Create 404 Error Page in your Blog. This error is drop very bad effect on your blog because visitors can not visit your blog or website properly and they left your blog from this page. To setup this page follow my simple tutorial with best tricks. Blogging is one of the best way to introduce yourself that's why keep blogging with full of joy and make you a perfect blogger. For adding this page on your blog i write a small tutorial for you which help to add this amazing thin on your blog homepage.

Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily
Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily 1

What Is 404 Errors:


404 Error then create if some one visit your blog with your blog link and after your link some keywords are written. This is not effect on your blog health for SEO (Search Engine Optimization Ranking) but it effect on blog readers. If you set this then your visitors are not go without visiting your blog properly.

Best Blogger Tips And Tricks For My Blog SEO Instantly 

Add 404 Error Page In Your Search Preferences:


For adding this 404 Error Page follow below tutorial and work according to which i write. By adding this your visitors also report you about your 404 Error using your Contact Us Page. Also you give the home page link in the Error Page by click on this link your visitors come on your blog home page.

Add | Make About Us Page Widget | Gadget On Your Blog Footer Or Sidebar
Customise Blogger Default Template To Make Professional Template
Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot

Go to Blogger.com.
Go to Settings.
Go to Search Preferences.
Click on Edit. See below picture/image.


Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily 2
Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily 2


Now pick/copy the below code and paste in the Custom Page Not Found Box after further customization in your 404 Error page.


<!-- TOB Default Template -->
<div class='TOB-404-box'>
  <p style='line-height: 30px'><strong>
<font color='#ff0000' size='5'>
Oops What Happen!
</font> <font color='#666666'>
My Blog Reader you click a broken link or a page which is removed from this blog now. Please Do any one of the Following.
</font></strong></p>
  <ol style='line-height: 25px'>
    <li><a href='javascript:history.go(-1)'>&#171; Go Back</a> </li>
    <li>Contact Us to Report this problem <a href='http://trickofblogging.blogspot.com/p/blog-page_1262.html'>Click Here</a>&#160;&#160;&#160; (<em>This will help us to serve you even better</em>) </li>
    <li>Go To Homepage by <a href='http://trickofblogging.blogspot.com/'>Click Here</a>
      <br/></li>
  </ol>
  <p>
    <br/>
    <br/>
    <br/></p>
  <p align='center'><font color='#0080ff' style='font-size: 150px'><strong>404</strong></font></p>
  <p>&#160;</p>
  <p align='center'/>
  <p align='center'><font size='5'>Page Not Found</font></p>
</div>
      

Customize the some Features:


Change the Red Highlighted Color Text with your desire text. Oops What Happen.
Change the Orange Highlighted Color Text with your desire text.
Change the Blue Highlighted Color link with your own Contact Us Page link.
Change the Grey Highlighted Color link with your own Blog Homepage Link.
Change the Pink Highlighted Color Text with your own desire words. Page Not Found.



Now your half work is done.
Now Go to Template.
Go to Edit HTML.
In the HTML Body Box.
Press Ctrl+F to find the below code/tag.

]]></b:skin>


Paste this above code in the search box and press enter.
When you find this code.
Copy the below CSS Style sheet Code and paste it below/after this code/tag.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.status-msg-wrap {
    font-size: 100%;
    margin: none;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
.TOB-404-box {
  background:#B27D00;
  width:98%;
  margin:10px 0px;
  padding:20px 10px;
  border:1px solid #ddd;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  box-shadow: 5px 5px 5px #CCCCCC;
}
</style>
</b:if>

Now if you want to change the Background Color of your box then change the #B27D00
Save your Template.
Now you have done all work.
Now if you want to check it is working or not write any keywords after your blog homepage link.

If you want to ask any question about this or about Blogger SEO, Blogger Verification, WordPress, WordPress SEO, Make Money, Blogging Tips, Webmasters Tool Tutorial then just contact us using contact us page and feel free.

Related Articles:


How to Remove 404 Errors in Blogger Blogspot
How I Can Remov Or Fix Broken URL For Google Adsense Crawler
5 Ways How to Make your Blogger Blog Like WordPress Website
How To Make Backlinks To Other Website To Increas Page Rank
Get Google Page Rank With In 1 Month By Simple And Easy Tricks
Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot
Add Manually CSS Jqeury Drop Down Menu By Replace/Remove Pages On Blogger
Add Facebook Like Box Widget/Gadget On Blogger By Facebook Developer Plugin