Cari Blog Ini

Tampilkan postingan dengan label Template. Tampilkan semua postingan
Tampilkan postingan dengan label Template. Tampilkan semua postingan

Sabtu, 02 November 2013

Template Blog Transparan Versi 4

Template Blog Transparan Versi 4 - Sebelumnya saya pernah posting artikel template blog yang berjudul Template Blog SEO Friendly Fast Loading, pada kesempatan kali ini Blogspot ID akan share Template Blog Transparan Versi 4. Template ini sangat bagus jika Anda pintar mendesain, karena template ini bisa Anda ganti setiap background pada artikel yang berbeda, selain itu template ini bisa melakukan login facebook, syaratnya ya itu, Anda harus pintar mengedit baik berupa HTML maupun CSS nya.

Langsung saja ini adalah screen shoot template blog transparan versi 4, dan silahkan jika Anda berminat tinggal donwload saja pada tombol yang sudah di sediakan dibawah ini :
Template Blog Transparan Versi 4

Downloads Template Blog Transparan Versi 4


Itulah artikel mengenai Template Blog Transparan Versi 4. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Minggu, 20 Oktober 2013

Template Blog SEO Friendly Fast Loading 2013

Template Blog SEO Friendly Fast Loading adalah sebuah template yang di gunakan oleh Maskolis, jika Anda ingin menggunakan template ini silahkan Anda tinggal mendownloadnya dibawah. Template Blog pada tahun ini memang di haruskan untuk SEO Friendly karena mesin pencari atau search engine lebih menyukai blog yang SEO Friendly. Silahkan Anda baca mengenai Kelebihan Atau Keunggulan Template SEO Friendly. Setelah membaca Kelebihan Atau Keunggulan Template Blog SEO Friendly, apakah Anda siap mengganti template Anda dengan yang baru ini.

Template Blog SEO Friendly Fast Loading 2013


Kelebihan dari template ini adalah :
- SEO Friendly
- Fast Loading
- Breadcrumbs
- 2 Navigasi
- 2 Kolom
- Adsense Ready
- dll...

Download Template SEO Friendly Fast Loading 2013

Sekian artikel mengenai Template Blog SEO Friendly Fast Loading 2013. Kurang lebihnya mohon maaf.
Semoga Bermanfaat...

Senin, 30 September 2013

Download Template Blog Seo Friendly

Download Template Blog Seo Friendly

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Download Template Blog Seo Friendly. Tak ada habis - habisnya kita membahas Template, kita bisa menemukan dari Template Seo hingga Template Seo Killer. Sebetulnya Mencari Template Seo Friendly 2013 tak mudah karena beberapa Template memang tak sepenuhnya SEO Friendly dan Penggunaan Kode yang tidak optimal. Karena itu Paman ViperGoy memberikan Daftar Template Blog Seo Friendly 2013. Jadi anda tak perlu mencari Template kesana kemari atau Membayar orang lain untuk menyarikan Template.

Download Template Blog Seo Friendly 2013 :

1. Thesis SEO Blogspot Template
Thesis SEO Blogspot Template

Tak banyak para Blogger yang tidak mengenali Thesis Template, Template buatan blogjuragan ini memang mengundang ketertarikan dan peminat yang cukup banyak. Sehingga sering kali saya menemukan Thesis Blogger Template ini pada saat blogwalking. Thesis memang sangat terkenal dengan Template Seo Killer, meski dengan struktur kode 2009 Thesis masih tetap menjadi Template Blog Seo Killer.


2. Responsive Thesis Blogger
Responsive Thesis Blogger

Masih bicara tentang Thesis Template. Tapi, Thesis ini beda dari Thesis buatan blogjuragan, Thesis ini memiliki bentuk yang Sama Persis dengan Thesis Wordpress. Andrian Novit membuat Fiturnya pun tak kalah Seo Friendlynya dengan Thesis Juragan, yaitu:

  • Drop Down Navigation Menu
  • SEO Heading Tags
  • Fast Loading
  • Markup Schema Ready
  • SEO Breadcrumbs
  • No Error at Rich Snippet Google
  • SEO Meta Tags (Dynamic SEO Meta Tags)
  • Easy Customized Design
  • Valid HTML5


 3. Super Seo
Super Seo Template

Super Seo Blogger Template ini juga memang tak asing lagi untuk kalangan Blogger, Template yang dibuat oleh Kang Ismet ini memang sangat Seo Friendly sekali. Fiturnya pun tak tanggung - tanggung, seperti:

  • 2 Navigasi (di atas dan di bawah header)
  • Social Networking
  • Auto readmore with default thumbnail
  • Breadcrumbs yang SEO friendly
  • Related Posts / Artikel terkait
  • Bookmark ready (facebook, twitter, google +, pinterest)
  • 468x60 banner header
  • Kategori 2 kolom
  • Threaded Comments


4. Mas Sugeng Template
Mas Sugeng Template

Seperti nama templatenya, template ini dibuat oleh Mas Sugeng. Jika anda suka sekali dengan Desain Template Mas Sugeng, anda bisa Download Template Blog sekarang juga, untuk masalah Seo Friendly tidaknya pasti 'Iya', tapi jika ingin Super Seo anda bisa Optimalkan :) Fiturnya pun sangat menarik seperti:

  • Elegant Design
  • SEO Ready
  • Custom Mobile Template
  • Fast Loading
  • Valid HTML5
  • Auto Readmore
  • Related Post



4 Template Blog Seo Friendly Terbaik memang sangat cocok untuk mengikuti kontes seo, tetapi jika anda menginginkan Super Killer Seo anda bisa mengoptimalkan Artikelnya dan Backlink Blog.

Jika anda mempunyai Template yang Seo Friendly, anda bisa memberitahu lewat Komentar.
Untuk urusan selanjutnya bisa kita diskusikan pribadi.

Sekian dari Paman ViperGoy untuk artikel Download Template Blog Seo Friendly. Semoga bermanfaat bagi anda semua, termasuk Anda. Terima Kasih Semua.

Sabtu, 28 September 2013

Free Template Blogger untuk Toko Online

Anda sedang mencari template blog untuk toko online Anda? Mungkin Blogger Store v.2 berikut dapat membantu dan bermanfaat bagi Anda. Blogger Store v.2 Template ini dipublikasikan oleh zoomtemplate.com, template tersebut sangat cocok dengan blog Anda dengan tampilan yang simple, elegan, dan menarik.


Sabtu, 21 September 2013

Tips Sederhana Memilih Template Blog

Template blog merupakan komponen terpenting dan berharga dalam sebuah blog, salah memilih template akan menimbulkan rasa tidak nyaman pengunjung saat berkunjung untuk membaca ataupun sekedar melihat-lihat blog kita.
Bagaimana cara agar kita tidak salah memilih template blog ? Nah, pada kesempatan kali ini kami akan membahas sedikit tentang tips-tips memilih template blog tapi dengan sudut pandang kami selaku blogger pemula. Berikut tips sederhana memilih template blog yang bisa Anda praktekkan :

1. Pilih warna dan background yang padu atau serasi, usahakan jangan terlalu banyak warna pada blog karena hanya akan menambah kesan berantakan.

2. Kurangi widget, aksesoris atau script yang tidak perlu pada blog karena akan membuat berat loading blog bertambah, pengunjung lebih suka blog yang mempunyai loading cepat.

3. Tidak terlalu banyak banner, gambar, dan iklan yang terpasang. Baca tips meletakkan iklan di blog pada artikel sebelumnya.

4. Cari referensi template blog yang dipakai oleh blogger professional, pelajari tata letak widget dan design blog mereka.

Nah, itu dulu yang bisa kami tuliskan, masih banyak lagi tips memilih template blog yang baik. Pada intinya gunakan template yang enteng, ringan, dan rapi namun tetap elegan atau Anda juga bisa menggunakan template seo friendly yang sudah banyak digunakan oleh para blogger.

Kamis, 22 Agustus 2013

How To Stop Articles Stealing In Blogger Using Best CSS Tricks Easily

In this tutorial i will show you and teach how to save your article or post by stole someone if you are worried about them then forget this problem and give a new look of your blog template just using CSS code which is add in your HTML Body and your post always save by stole. If you want to do this then use and follow below tutorial and make your blog perfect and powerful content blog. Think you are working so hard in writing articles and someone without your permission just copy and paste your all blog content on their website or blog and also without adding any credit link, then how would you feel. It is so embracing in my point of view. So don't hesitate and use this beautiful CSS Tricks and keep your blog content save.

How To Stop Articles Stealing In Blogger Using Best CSS Tricks Easily
How To Stop Articles Stealing In Blogger Using Best CSS Tricks Easily

How To Save Blog Article or Blog Content From Article Thief:


I am going to give you a best trick which save your all content of your blog easily and it is also very simple and good. You can easily do this. This trick is use in HTML Body of your blog i give you some coding which you can add in your blog HTML body and save your article. Follow the below tutorial and do same as below i tell you.

Go to Template.
Click on Edit HTML.
Press Ctrl+F in HTML Body.
When you press Ctrl+F then on top right corner Search Box is appear.
When search box is appear then copy the below code and paste in search box and press enter.


]]></b:skin>

When you find this code then copy below coding which is given in few lines and paste this code above/before this tag ]]></b:skin> .

.post-body {
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
} 

When you paste the coding above ]]><b:skin> tag then after this save your template.
When you save your template.
Click on View Blog.
Now check this out your blog content can not be copy.

Now you have free and keep blogging with content full article and forget about stealing your articles and give the best comment for get further tricks i am waiting for your best and beautiful comment.

Related Articles:


]]>

Minggu, 18 Agustus 2013

Add | Put | Customize Bullet List Style With Colorfull Circle Hover Effect In Blogger Blogspot

In this tutorial i will show you how to add or customize Bullet List with amazing two Color Hover Effect in blog post. In normal position means without place mouse on bullet it looks blue but when you run mouse on bullet links then it is changes into green color which is very good looking and nice effect and reader of your blog post is also feel nice and good. It shows your post as a professional post or blog. These types of small changes in blogger make your blog better and good looking or professional blog.

Add | Put | Customize Bullet List Style With Colorfull Circle Hover Effect In Blogger Blogspot
Add | Put | Customize Bullet List Style With Colorfull Circle Hover Effect In Blogger Blogspot

How To Add Or Customize Bullet Style In Blogger With Simple Steps:


Now we are going to add this effect in our blog if you want to add in your blog then follow the below steps.

Go to Blogger.com.
Go to Template.
Click on Edit HTML.
Press Ctrl+F in HTML Body to appear search box.
When search box is appear in top right corner.
Paste below tag in search box and press enter.

]]></b:skin>

When you find this tag/code in HTML Body then copy below coding and paste above/before the ]]></b:skin> tag.

.post ul { list-style: none; } .post ul li { line-height: 1.4em; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXDNMdb6CUpsZRnY-MksJfDdmxcxIXNyJ1mHEdeai_EBJDpJ0Wf8UiYv1x6o9bv9-SwFaayOVGBRj_bwIHLJMZr6pUFl5XTnrxEg8_OvCzQe8gEr6nT0U2eqtRGR79SCGI61AZJyIP8B4/s1600/blue-bullet-icon.png) no-repeat scroll 0 10px; margin: 0.3em 0; padding: 0 0 0.8em 20px; } .post ul li:hover { background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwJ6du7ne3-tgYsrshfscR73BZoDRPKce9b9eKlAiQCy5_DN5nsg3wk5rf_I5vKfHvzwEPslYdZ7kp3hDEd1dqWuc8PJzLgVZBcJA_1VFb9bN7w-0zc7wbLg88NR2O5kP2Ua1XjmtCrlc/s1600/green-bullet-icon.png) no-repeat scroll 0px 5px; } 

 

Customization In Above Coding:


If you want to increase the size of hover circle the change the value of 10px with your desire value.

Jumat, 21 Juni 2013

Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect

In this tutorial i will show you how to Change or Replace simple labels with CSS Buttons with hover effect in blogger blogspot. This work is done in the CSS Coding and if you have proper knowledge using CSS then this trick is so simple for you and you can easily do that. If you have not familiar with CSS Language then don't worry i give simple and easy tutorial for doing this trick. Blogger platform is one of the best way to share your content to other peoples and also tell them about yourself with the help of your content. If you share your helpful and good stuff to people then they use your content and remember your to giving thanks. If you want visitors are come on your site and stay more time on your site then you should make Best and Good Looking Blog or Site for this means. I have publish many post on how to make blogger good looking and how you put SEO in your blogger blogspot, How you can Make money and how you can choose best template for your blogger blogspot. Now if you want to do these tricks then i give you some links after this CSS tricks first do that.


How I Can Use Webmaster Tools Properly For Blogger
How I Can Make Internal Links In The Blog Post To Increase Rank

Now Lets Start The Tutorial Add CSS Bricks To Replace Or Change Lables:


If you have not adding this trick in your template then ready now for doing it. I give you small tutorial which tell you in details what you do for having it.

Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect
Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect 1

Go to Blogger.com.
Go to Template.
Click on Edit HTML.
Press Ctrl+F in the HTML Body Box.
When Search Box is appear in the HTML Body Box.
Then copy below code/tag and paste in this box and press enter.



]]></b:skin>


After appearing this tag copy the below CSS Coding for Labels and paste just before or above this code.


/*--- MBL Custom Label Cloud With CSS3 --- */
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }

.Label a:hover{
color:#000 !important;
background:#ff0; }

Now Save your Template.


And now turn to active the labels to get effect.

How I Make My Blogger Good Looking Best Tricks

Add Labels By Going to Layout:


Go to Blogger.com.
Go to Layout.
Click On Add A Gadget.
Go to Labels.
Click on Labels.
Now select or tick same as below pic.

Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect  2
Add | Changes Labels Or Tags With CSS Button Beautiful Color With Hover Effect  2



Now click on Save Button.
And View your blog.
You have done your work easily and enjoy it.

I have also many widget or gadget to add in blogger and make blogger look like wordpress and also to make your blog Beautiful.


Related Articles:


Add | Put HTML Color Code Generator Tool To Your Blogger With Easy Tricks
Add Manually CSS Jqeury Drop Down Menu By Replace/Remove Pages On Blogger
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
Create | Make | Add | Set 404 Error Page In Blogger Blogspot Easily

Jumat, 14 Juni 2013

Use Best Blogger Settings Option Basic For SEO And Others Option Links

In this tutorial i will show you how you can Use the best tricks for your blog SEO in the Setting option in blogger. This is the complete tutorial on Setting Option in Blogger. If you want to do any thing in setting option the read this post and do easily. In setting option you see 6 main heading which is given below. I write many post, on Blogger SEO Tips and Techniques, Blogger Customization with Template, Blogger Plugins, Blogging Software and many more but now i discuss the one of the new thing which is rarely discuss on internet because it is common every one know about this but not properly. People do blogging but they are not a perfect blogger and this is the fact they can not know this blog platform properly. Let's start our easy blogging tutorial.



  1. Basic
  2. Posts and comments
  3. Mobile and Email
  4. Language and Formatting
  5. Search Preferences
  6. Other
Use Best Blogger Settings Option Basic For SEO And Others Option Links
Use Best Blogger Settings Option Basic For SEO And Others Option Links 1
Now i am going to discuss the all of above heading with detail how to use for better SEO and make your blog perfect and how to save it from spamming and how to use redirection, comments, readers, author invitation option and many option which we discuss below paragraph.

Setting With Basic Option:


If you make your blog on Blogger.com that is very nice because it is the biggest platform to keep blogging and also every one like this this platform is also very easy same like WordPress but some effort is required to do new thing.

In the Basic option there are three further option which is given below.

  1. Basic.
  2. Publishing.
  3. Permissions.

1) Basic:

 

 

1) Title:

 

Title is the main heading of your blog which is appear also in search engine and you should select the best keywords for your title tags means SEO Blogger not SEO For Blogger. Remove these keywords from your blog address is, am, for, on, this, that, it, or, and, because these words not count by search engine and they have not worth in front of Google Crawler or Google Bot. Use always best words for your blog address and also blog title.

2) Description:


Description is the best way to appear your blog first in search engine because if you use the best and content full keywords in search engine which is not copyright then your blog first appear in search engine. If you give also best and beautiful description which is relevant to your blog title or content then your blog also get more and good traffic from search engine. I have seen many bloggers which put a big mistake on his blogger description they give description totally change by their blog content that's why visitors come on their blog and quickly left their blog. Because they can not find their desire content they click on fake link which give the keywords but not content.

How to Remove 404 Errors in Blogger Blogspot
How To Make Sitelink For Better SEO

3) Privacy:


Privacy option is use when you want to not show your blog in search engine results means your blog have adults content or many other types of content and you want not show in search results or in Google Blog listing then you click on it and tick on option no and also do same as second.


2) Publishing:


In Publishing option here is your choice which link or blog address use for search engine. Like i have a blog with home link http://trickofblogging.blogspot.com/ and i want to change it with my desire one which is available in blogger also and which we purchase with the Help of Google Apps. If i want to change my blog address with .com, .net, .info. and .co then i can easily change it simply by doing this below small tutorial.

Go to Blogger.com.
Go to Setting.
Go to Basic.
Go to Blog Address.
Click on Add A Custom Domain.
Which one you want to use .com or .net or any then select this extension.
If you have already domain then just click on Switch to Advance Setting.
And if you have not purchase the domain then click below orange button Check Availability.
Also click below link to more info how to change blogspot to .com and how to purchase.

Simple | Easy Tutorial For Transfer Blogspot To Website

3) Permissions:

 

1) Blog Authors:

 

In Permissions option you can allow your for new author means Guest Authors and this is add by inviting the Guest Author by using their contacts. If you also want to add author on your blog then you also use this fantastic option. By click on Add Authors and Choose From Contacts button and add your blog guest author easily and enjoy.


2) Blog Readers:

 

Blog Readers is the option which you can use when if you want not every body read your blog just blog author or blog readers ready or view your blog then you can easily use this option. If you want that only readers read your blog then click on Add Readers and then choose from contact and save it. That's all.

2) Posts and comments:


Posts: 

 

In Posts and Comments option you can select how many post you want to show on your homepage. If you want to show 4 then click on post box and write the number of posts for show on homepage. Now click on Save setting orange button top right corner.

Post Template: 


Here you can easily add post template for individual post.

Show Case Image With Light Box:

 

In Show Case Image Light Box option you can easily change your lightbox option by using yes or no option. Light Box is very good option for view image in blog post.It also very easy by just click on image and comeback by using Cross mark. 


Comments: 


Comments Location:

 

In this option you select or choose one of the best desire option for your blog comment page. Means if some one want to comment on your blog then when they click for adding comment then this option will work. Like when you click on comment adding option then Embedded, Full Page, Pop-up Window or Hide which one you want to use its now up to you. Select any one of them and keep enjoy.   

Who Can Comment?  


Who can comment is the option which is used for commenting purpose means if your blog visitors or readers visit your blog or site then which user comment on your blog to avoid spamming then this option works better. Here are four option Anyone, Register Users(included open ID), User With Google Accounts (Gmail) and Only member of this blog. You can just select any one of them and click on save setting. 

Comment Moderation:


Comment Moderation is the option which is used when some one comment on your blog the comment can not visible on your blogger blog homepage they visible then blog author moderate or Approve this comment. This option is mainly use for avoid spamming if you think some one comment on your blog to make links on your blog to get visitors and they have not interest on your blog content then you can do this easily. Just go comment moderation tick on your desire option Always, Sometimes, and Never.
And when visitors of your blog leave a comment on your blog post then they see the message like this "This comment is awaiting for approval".

Show Word Verification:


Show word verification is the one of the best option in blog because this is use when human mind comment on your blog. Basically this option is use to avoid spamming means Robot Spamming or Robot Commenting and using Automatically Comment software by some moderation.

Show Backlinks:


Show Backlinks option means when some one comment on your blog and they also give the links with href then they also make a backlinks on your blog. Many peoples also increase their backlinks reputation by using this option the find the new blog and effective blog and start comment on their blog and make too much backlinks without and worth. These type of backlinks not give your best Google Page Rank. So this option work as when some give the link with their comment or message then what your want link is visible or not.

Comment Form Message:


Here in this option you can embed or write any keywords about thanks for comment which is show above the comment box. Here give the best and beautiful keywords for thanking to your blog readers and commenting people. 


3) Mobile and Email:


In Mobile and Email option you can easily posting with your mobile device on your blog and also using Email. First discuss about Mobile Device. By going to Mobile and Email link and then Add A Mobile and when you click on Add A Mobile you see the page like given below picture/image.

Use Best Blogger Settings Option Basic For SEO And Others Option Links 2
Use Best Blogger Settings Option Basic For SEO And Others Option Links 2
  
When box is appear with a 9 letters code you sent this code via text to 256446 which for blogger. The code is written in the Yellow box. When you send verification code then you start easily posting on your mobile by using the same mobile number. If you have Non-US Mobile or Phone Number then you can email the code to go@blogger.com. If your mobile doesn't support  MMS then you can use the first option via text.


Email: 

Email is the option where your posting using Email. Here is your Gmail account and before @blogger.com you can give the secret words before posting.  And here is three option Post email Immediately, Second save email as a draft and Third is Disable.


Comment Notification Email:


In the Comment Notification Email option you can add your any account to receive the mails and comment from your blogger blog. Here is your Google Account is already embed or put in it. 

Email Posts To:


In the Email Posts To option you can add the email account of your friends and also members and you can easily send your post by using email. 


Now i only discuss three headings in this post now nest three headings discuss in the next post (Part 2) because this post is too much long. In the next post Search Preferences  is the most important heading about SEO for setting of Meta Tags, Description, Enabling Description In the Individual post, Also add the Robot .txt file in the blogger search preferences. Also adjust the Custom Robots Header Tags manually and many more in 6 heading Other Also for Adding Analytic code for proper verification.

Use Language And Formatting | Search Preferences | Others Option Setting In Blogger Blogspot

Related Articles:


How To Added Meta Tag In Your Blogger For Better Optimization  
Best Tricks To Use Custom Robots Tags Selection Blogger
How To Improve Content Keywords Significance Easy Tricks To Blog
How To Make Backlinks To Other Website To Increas Page Rank
How I Can Write 100% Original Content For Blogger
How I Can Optimize the Post Title Mean My Post Show First
Manage Permalinks Which Is Search Engine Friendly
Submitt Sitemap To Google And Major Search Engines

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 

Selasa, 04 Juni 2013

Customise Blogger Default Template To Make Professional Template

This tutorial tell you how to Customize Blogger Default Template in Professional Template to make good looking blog and easy to upload the other third party template in your blog. Blogger Blogspot is one of the biggest platform for bloggers to keep blogging and write good stuff on our blog. If you have choose the blogspot for publish your Quality Stuff/Quality Content then i like your choice for choosing this platform. I really appreciate those people who make blog on blogspot or choose Custom Domain after blogspot. I have write many post to make your blog Good Looking to attract more visitors on blog or also write post to make your blog User-Friendly. I give you some tips to make blog better for Search Engine or User-Friendly.

First i start my post with customization of blogger template to changes in professional template then i give you some tips and techniques to make it Search Engine Friendly or User-Friendly.

Customization Of Blogger Blogspot Default Template Into Professional Template:


Before customization you should select the best and more beautiful template which blogger platform provide us by signing up in Blogger.com. If you select the third party template for your blog then you can not customize your blog with your choice that's why always use the blogger default template it has lot of benefits like if you want to run Google Adsense Account on your blog means you want to show Google Ads on your blog then first you apply for it and after approval you put ads on blog and if you can not use User-Friendly Template for blogger or not make your blog Search Engine Friendly then you never get Adsense account because Google Adsense like those template which is user friendly or search engine friendly.

Customise Blogger Default Template To Make Professional Template 1
Customise Blogger Default Template To Make Professional Template

Start Customization In Blogger.com:


First Make blog on blogger blogspot if you not already make then click below link to make blog on blogspot with simple steps start to end. Now when you make blogspot then ready to customization of your blog.

Make Your Own Free Blog At Blogger.Com

Go to Blogger.com.
Go to Template.
Click the Orange Button with Customise link.
Here you can see these below five heading for customization of your blog.

  1. Templates
  2. Background
  3. Adjust widths
  4. Layout
  5. Advanced 

 

Customization With Template In Blogger Blogspot: 


First choose your desire Template for blogger by just one click. But my suggestion is always choose these two template for blogger first Simple or second is Awesome Inc.

Simple Template Option:


In Simple Template Option there are many option for customization and you also select to many design by click on Simple and many template appear in simple template option. You should choose any one of them.

Awesome Inc Template Option:


By selecting Awesome Inc Template you also choose any one of design for your blog in this template option your blog background is transparent and it also user friendly but not like Simple template. Simple Template is best option in my view. I discuss these template having big reason if you want to join Adsense or want a title of Adsense Publisher because when you apply for Adsense and submit your application Adsense Engineer first look Blogger Template does it is User-Friendly or not.


Customization With Background In Blogger Blogspot:


For customization in Background of template is so simple. You can just Add or Remove background image by choosing this option and also select the main background theme color. This option is not very important you can choose your desire image for background.


Customization With Adjust Widths In Blogger Blogspot:


This option is very important in blogger customization template because if you can not fit your blog in your browser page then it is not looks good looking blog and visitors of your blog can not understand your blog template and may be they left your blog immediately/quickly. If you want to customize it then first you customize the fourth option Layout and then we adjust our blog width.

Customization With Layout In Blogger Blogspot:


Layout is one of the best option in blogger we can easily add Page Layout or Page Element with our choice. I have also select the third option of layout for my blog. For understand it view below headings.

Third Layout Option:


One Header.
One Post Body Page.
Two Right Sidebar.
Two Footer Layout.

But i customize my blog later by adding new Three Column Footer for better results or add more gadget to make my blog beautiful or user friendly.

Start Layout Tutorial:


Click on Layout link and select which Page Layout want to add on your blog template to make your blog user friendly my suggestion is choose simple layout like Header, Post Body or just one right or left side bar for adding gadget and just two or three footer layout. Now go in 3rd Option Width and adjust your width according to your new Page Layout option. Make your blog width which is fit on your browser and check your blog in all browsers means in Firefox, Google Chrome, Internet Explorer or Opera.

Customization With Advanced In Blogger Blogspot:


In Advanced option you can see to many option for make your blog user friendly or good customization of your blog. Like below you can see these main headings in advance option.

  1. Page Text.
  2. Backgrounds.
  3. Links.
  4. Blog Title.
  5. Blog Description.
  6. Tabs Text.
  7. Tabs Background.
  8. Post Title.
  9. Date Header. 
  10. Post Footer.
  11. Gadgets.
  12. Images.
  13. Accents.
  14. Mobile Button Color.
  15. Add CSS. 

These are the fifteen option in Advanced Setting. We can easily make our blog which one we find.

Page Text:

 

First Option in advanced is Page Text by using this option we can customize the Page Text Font or also the Color or text. We make text also in Bold option and select the size of our blog post text.

Backgrounds:


We easily customize or select the Outer Background Color, Main Background Color and Header Background Color by using this option. Outer Background Color means the border line of text page. Main Background color option means text background or blog post background color. Header Background color means your Blog Title Background color which one of you select.


Links:


Links option is use for any type of link you make on your blog like your Blog Archive, Tags, Labels, RSS feed  or any one of them. Link color is use to select the color of text link, Visited color is the option which tell blog reader this links or this post is already read by him means if you visited a blog or you click one post link and then you visit this blog again the this option tells you it is already read you. Hover Color means if some one drag his mouse one post or any link then it will highlighted by your selected color.

Blog Title:


Blog Title color is easily change by just using this option. If you want to change the blog title font then go to Font and select your desire font. After that go to Title Color and change color of your blog title with your desire color and also select the size of color upto 80px.

How Manage Blogger Title Tags to Improve SEO

Blog Description:


In Blog Description option you can easily change the color of your  blog description.

How To Added Meta Tag In Your Blogger For Better Optimization

Tabs Text:


Tabs Text is the option if you want to change the color of tab text then use this option and change the tab text color with your desire color option.You can also select the desire font of the tabs.

Add Manually CSS Jqeury Drop Down Menu On Blogger

Tabs Background:


Tabs Background option is for change the color of tab background.

Post Title:

 

By using Post Title option you can easily Text, Size or effect of the font for post title.

How I Can Optimize the Post Title Mean My Post Show First


Date Header:


By using Date Header Option you can change the color of Date Text or Date Background.

How To Set | Change Desire Blog Post Date And Time In Blogger

Post Footer:


By using Post Footer option you can highlight the footer of your every blog post and also highlight the labels or link to this post. See in below picture/image.

Add | Put | Embed Three Or Four Column Footer Widget/Gadget In Blogger Blogspot

             
Customise Blogger Default Template To Make Professional Template 2
Customise Blogger Default Template To Make Professional Template 2
You can make changes in post footer by changing Text Color, Background Color and Shadow Color.

Text Color:
Text Color means link, labels, or date and time color which you can setup with your own choice easily.

Background Color:
Here you can easily change the background color just selecting your desire color like my post footer color is grey you can adjust with your own color.

Shadow Color:
It is same as border color which give the effect of shadow. It is normally black in color and give the good effect of shadow.


Gadgets:


In the Gadgets option you can changes the fonts and the size of Heading or Title of gadgets. Also you can changes the alternate color of the gadgets title.

Gadget For Blogger To Make Perfect Blog

Images:


In the Images option you set easily the Border Color/Border Lines of images which is in your blog post and also you give the color of Caption Text Color with you desire color easily. Like i give Caption Text Color in my blog post images black.

How I Remove Or Change Blogger Post Image Border In Blogspot

Accents:


In Accents option you can give the Separate Line Color and also give the desire color of Tabs Borders.

Mobile Button Color:


Mobile Button Color is new option in blogger template customization here you select the color of button for mobile device.

Add CSS:


Add CSS option is now not use in add css option it is already done in Blogger Template by going Template > Edit HTML > Here we can easily add our CSS coding. If you also use then this is so simple.

Now Click on Orange Button locate on top right side corner Apply To Blog.
Save Blog and view your Customize Blog.


Related Articles:


Best Blogger Tips And Tricks For My Blog SEO Instantly
Quantity | More | Best Tricks To Use Custom Robots Tags Selection Blogger
How I Can Use Crawlers And Indexing Tool In Blogger
How I Can Make One Most Important Tip For SEO In My Blog
How to Remove 404 Errors in Blogger Blogspot
How Can I Make Earning With My Blogger Blogspot
How to Verify My Blogger Blogspot in Webmaster Tools
You Put Chitika Ads to Blogger Blogspot with Simple Steps

    Senin, 03 Juni 2013

    Add | Put 50 Flag Translator Widget | Gadget On Your Blogger Blogspot

    Add a Flag Translator Widget on blog easily just pasting code in layout gadget. If get traffic from those country which is not match with your country language then put this flag translator gadget on your blog template to stay those visitors who are not read your content on your blog. It is very useful tool for those blogger who get massive traffic like China, Vietnam, and more complex language and also those people who live in these country they can't ready your blog content which is mostly written in English. In this tutorial i will show you how to put or embed this widget on your blog layout and then add a gadget option by adding code.

    The Most Benefits Of Adding Flag Translator Widget On Blogger:


    Add | Put 50 Flag Translator Widget | Gadget On Your Blogger Blogspot
    Add | Put 50 Flag Translator Widget | Gadget On Your Blogger Blogspot
    The most benefit of add this gadget on blog is when visitors come from your blog and they can't understand your blog language then the left your blog immediately/quickly but if you put or add this widget on your blog then they see the Flag Of your Desire country where they live then he/she just click on the flag and your whole blog content is convert in the desire language which your visitor want and they also read your blog post and stay on a long time and your blog Bounce Rate (Left on first page) is decrease and your impression is increase.
                                       

    Add This Widget On Blogger Blogspot With Simple Tricks:


    For adding this widget on your blog you should follow the below tutorial for easily add.

    Go to Layout.
    Go to Add A Gadget.
    Click on Add A Gadget.
    Find HTML/JavaScript.
    Click on it.
    Paste the below below code just in the HTML box.


    <style type="text/css">.w2bgft{padding:5px;}.w2bgft input{padding:1px;margin-left:1px;border:1px solid #ccc;}.w2bgft input:hover{border:1px solid #ff0000;}</style><div class="w2bgft"><!--Google Flag Translator by  Trick Of Blogging--><form action="http://www.google.com/translate"><script language="JavaScript">document.write ("<input name=u value="+location.href+" type=hidden>")</script><noscript><a href="http://trickofblogging.blogspot.com/">Trick Of Blogging</a></noscript><input value="en" name="hl" type="hidden"/><input value="UTF8" name="ie" type="hidden"/><input value="" name="langpair" type="hidden"/><input onclick="this.form.langpair.value=this.value" title="English" value="auto|en" type="image" height="20" src="http://www.google.com/images/flags/uk_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese Simplified" value="auto|zh-CN" type="image" height="20" src="http://www.google.com/images/flags/cn_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Greek" value="auto|el" type="image" height="20" src="http://www.google.com/images/flags/gr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Hindu" value="auto|hi" type="image" height="20" src="http://www.google.com/images/flags/in_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="German" value="auto|de" type="image" height="20" src="http://www.google.com/images/flags/de_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Dutch" value="auto|nl" type="image" height="20" src="http://www.google.com/images/flags/nl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Russian" value="auto|ru" type="image" height="20" src="http://www.google.com/images/flags/ru_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="auto|bg" type="image" height="20" src="http://www.google.com/images/flags/bg_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Polish" value="auto|pl" type="image" height="20" src="http://www.google.com/images/flags/pl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Czech" value="auto|cs" type="image" height="20" src="http://www.google.com/images/flags/cz_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Croatian" value="auto|hr" type="image" height="20" src="http://www.google.com/images/flags/hr_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="French" value="auto|fr" type="image" height="20" src="http://www.google.com/images/flags/fr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Italian" value="auto|it" type="image" height="20" src="http://www.google.com/images/flags/it_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Portuguese" value="auto|pt" type="image" height="20" src="http://www.google.com/images/flags/pt_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Spanish" value="auto|es" type="image" height="20" src="http://www.google.com/images/flags/es_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Arabic" value="auto|ar" type="image" height="20" src="http://www.google.com/images/flags/sa_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Japanese" value="auto|ja" type="image" height="20" src="http://www.google.com/images/flags/ja_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Korean" value="auto|ko" type="image" height="20" src="http://www.google.com/images/flags/kr_flag.gif" width="30" name="langpair"/><input onclick="this.form.langpair.value=this.value" title="Chinese (traditional)" value="auto|zh-TW" type="image" height="20" src="http://www.google.com/images/flags/tw_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Danish" value="auto|da" type="image" height="20" src="http://www.google.com/images/flags/dk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Finnish" value="auto|fi" type="image" height="20" src="http://www.google.com/images/flags/fi_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Norwegian" value="auto|no" type="image" height="20" src="http://www.google.com/images/flags/no_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Swedish" value="auto|sv" type="image" height="20" src="http://www.google.com/images/flags/se_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Catalan" value="auto|ca" type="image" height="20" src="http://www.google.com/images/flags/cl_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Filipino" value="auto|tl" type="image" height="20" src="http://www.google.com/images/flags/ph_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Hebrew" value="auto|iw" type="image" height="20" src="http://www.google.com/images/flags/il_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Indonesian" value="auto|id" type="image" height="20" src="http://www.google.com/images/flags/id_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Latvian" value="auto|lv" type="image" height="20" src="http://www.google.com/images/flags/lv_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Lithuanian" value="auto|lt" type="image" height="20" src="http://www.google.com/images/flags/lt_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Serbian" value="auto|sr" type="image" height="20" src="http://www.google.com/images/flags/rs_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovak" value="auto|sk" type="image" height="20" src="http://www.google.com/images/flags/sk_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Slovenian" value="auto|sl" type="image" height="20" src="http://www.google.com/images/flags/si_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Ukrainian" value="auto|uk" type="image" height="20" src="http://www.google.com/images/flags/ua_flag.gif" width="30" name="langpair2"/><input onclick="this.form.langpair.value=this.value" title="Vietnamese" value="auto|vi" type="image" height="20" src="http://www.google.com/images/flags/vn_flag.gif" width="30" name="langpair2"/><span style="float:right;margin:3px 5px;font-size:10px;"></span></form></div>

    Now Save Settings.
    Click View Blog.
    You have done easily. Enjoy it.

    Small Disadvantages By Adding This Widget on Your Blogger:


    If you are a Google Adsense Publishers then by adding this widget your Google Ads are not shown in translated blog content. But it give you a traffic.If visitors are stay on your website or blog with the help of this widget than nothing is better then this one because it increase the impression and when some one clicks on your Google Ads from other countries then your blog impression is better and you can get a high click through rate from these ads that's why keep blogging like a Good Bloggers and enjoy your life.

    Add Other Beautiful Widget On Your Blog To Attract Good Traffic:


    I have many widget or gadget for blogger which make your blog perfect and Good Looking Blog and your visitors like it and also subscribe your blog for visit your site daily. One of the best way to increase site or blog traffic is keep update your blog with in a week one or two time minimum because search engine like update content. If you can't update your site daily then search engine forget about your site and not Index or Crawl your site quickly and you can't get more traffic.

    I give you some widget or  gadget put these widget on your blog and then i give also Some SEO Tips for blog and after adding these widget put SEO tips on your blog and get traffic in one month.

    Best Blogger Gadget To Make Blog Beautiful And Good Looking:



    Social Gadget Or Widget For Blogger:



    Blogger SEO Tutorials For Massive Traffic:



    When you put these all tips and tricks on your blog then i am sure you can easily get hundred of visitors daily with in a month keep blogging and make good blog and write original content don't be copyright if you copy the content of other blog which have already publish or submit to Google Search Engine then you can not get traffic because you publish the same post after that which is already in search engine Google Bot crawl the old data first and view the results on our browser page. That's why my suggestion is only one don't be use copy content it falls your blog also in search engine. If you use the best tricks for adding the blog in search engine then you can get easily best and more organic traffic on your blog and it is also increase your Google Adsense Earning.

    Related Articles: