Hiding Border / Edge Line Image

Ponerah- On certain templates, when you upload a picture post, will appear line at the outer image. The function of this border is to create a boundary image with the contents of posts and also to make the picture more unique.

But not everyone liked the border on the image. If you are interested in the tricks to hide the image border, you can follow the steps below.

Do the following:

1. Login to your blog account

2. Choose a design and click Edit HTML

3. Search codes .post img or .post-body img

As the example below

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 1px solid #ffffff
}

All you have to remember is that each different template code. So you need to change is the number 1 on the border code into the value 0

As the example below

.post img {
padding: 1px;
margin: 0px 15px 15px 0px;
border: 0px solid #f0f0f0
}

4. Save Template

Hopefully helpful

Success for us all

Read more »

Creating Zoom Effect Image

Ponerah- Image zoom effect could be an attraction that can be used on the page of a blog. In addition to beautify the appearance of the blog, also can make the post more interesting with the picture that will automatically expand when the pointer is directed at the picture.

If you are interested in this trick, you can follow the steps to create the zoom effect image below:

1. Login to your blog

2. Select Layout and click Edit HTML

3. Check the box "Expand Widget Templates"

3. Find this code ]]></b:skin>

4. Copy the code below and enter the code above ]]></b:skin>

.zoom:hover{
-moz-transform:scale(1.98);
-webkit-transform:scale(1.98);
}

5. Then save template
6. After that go on blog postings and select edit HTML
Example usage code in posts:

<div style="text-align: center;">
<img class="zoom" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPMNFIT_fSxfV6_Sexd2wt5im6XkhX1kehVpu-esrS0KE1vYUOW10ddvoeVmiH9FrKU13wlhort_YniOUKH60HzjRALFxaS1uAta_eeImphhaqE67WPHzDju8ZJm2pjTS0mP3sHt8l0pY/s320/SAZLINA_COMP.gif" width="100" /></div>

The results

Note:

Green color, code for the zoom size image

Blue code command to enlarge image, Enter code if you want your picture zoom

Good luck.

Success for us all

Read more »

Creating Widget a Tag Cloud (tag cloud) On the Blog

Follow the steps of manufacture :

1. Login to your blog

2. Choose design

3. Add a gadget Html / Java script

4. Enter the code below

<embed allowscriptaccess="always" bgcolor="#FFFFFF" flashvars="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;



&lt;a href='http://ponerah.blogspot.com/search/label/SEO'style='12'&gt;SEO&lt;/a&gt;



&lt;a href='http://ponerah.blogspot.com/search/label/Blogspot'style='12'&gt;Blogspot&lt;/a&gt;



&lt;a href='http://ponerah.blogspot.com/search/label/Did%20You%20Know'style='12'&gt;Did You Know&lt;/a&gt;



&lt;a href='http://ponerah.blogspot.com/search/label/Computer'style='12'&gt;Computer&lt;/a&gt;



&lt;a href='http://www.free-jquery-templates.com/free-jquery-templates.php'style='12'&gt;Free Jquery Templates&lt;/a&gt;

&lt;/tags&gt;" height="230" 
id="tagcloud" name="tagcloud" quality="high" 
src="http://www.roytanck.com/wp-content/plugins/wp-cumulus/tagcloud.swf"
 type="application/x-shockwave-flash" width="300&quot;"></embed>

Notes :
Replace the blue color code for the background
Replace the color code red for text
Orange color for links
Brown color to name link
The green color to height and width



Good luck.
Success for us all

Read more »

Adding A Widget Under The Header

Ponerah- The room is empty on the blog has always been a problem faced by blog user's. Because each blog user's always wanted to display their blogs become more beautiful and perfect in the eyes of visitors.

Blogs are beautiful and comfortable making the viewer to linger on in the blog, supported with quality content and informative content.

The addition of the widget header on the blog of course you can use to maximize the placement of the contents of your post.

Here's how adding a Widget under the header

1. Log into your blog account.

2. Choose layout.

3. Then select edit HTML.

4. Before you add this element, you should backup the template. and if something goes wrong we can revert to the previous template.

5. Find similar code like this:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

6. Delete the code above, then replace with this code:

<b:section class='header' id='header' preferred='yes'>

7. Save the template

See on the page elements will appear a new page element.


Hopefully helpful
Success for us all

Read more »

Create Table Of Contents In Accordance With Label

Ponerah- List of contents on each article posted is very useful to help visitors of your blog / site to find what is sought by visitors. So that visitors do not find it difficult when they're on our blog page, so you must provide a table of contents.

for easier again, give the table of contents in accordance with the label in blog / your website.

I will give you tricks to make a list of contents according to the label on the content of your post. Hope you can help.

The trick is as follows.

1. Login to your blog, and then click design, and add the gadget> HTML / Javascript.

2. Copy and paste the following code in the gadget HTML / Javascript. then save

<script style="text/javascript">

var numposts = 500;

var standardstyling = true;

</script>



<script type='text/javascript' src='http://gecokkkk.googlecode.com/files/label-post.js'></script>

<div style="overflow:auto;width:280px;height:200px;padding:10px;border:1px solid #eee">

<ul>

<script src="http://ponerah.blogspot.com/feeds/posts/default/-/SEO?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=100"></script>

</ul>

</div> 

3. Then save and see the results

Note:

width: 280px is the width of the wheel;

height: 200px is the height of the wheel;

bold red text (SEO), it is the name of a label or category. Replace with your label.

Good luck.

Success for us all

Read more »

Make Action In The Text

Ponerah- This post I will give you a little trick about beautifying your blog using the text.

You ever pay attention to your blog / website that posts the text moving right, left, up, down, and others.

Do you know how to make it?

If you do not know, please see some examples of using HTML text to beautify your blog.

Its usage is very easy, you just insert the code into the edit HTML in your posts.

Follow the code below:

Moves to the Right

<marquee direction="right"><span style="color: rgb(255, 0, 0); font-weight: bold;">Moves to the right</span></marquee>

Example

Moves to the Right

Moving to the Left

<marquee direction="left"><span style="color: rgb(255, 0, 0); font-weight: bold;">Moves to the right</span></marquee>

Example

Moving to the Left

Moves to the right and left

<marquee direction="right" behavior="alternate"><span style="color: rgb(255, 0, 0); font-weight: bold;">Moves to the right and left</span></marquee>

Example

Moves to the right and left

Slowly Moves to the right

Move Slowly To the right: Note: scrolldelay determine the value of fast or slow
Direction = determine the direction of movement

<marquee direction="right" scrolldelay="200"><span style="color: rgb(255, 255, 0); font-weight: bold;">Slowly Moves to the right</span></marquee>

Example

Slowly Moves to the right

Move to the left and right may be terminated

<marquee direction="left" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" width="95%"><span style="color: rgb(255, 0, 0); font-weight: bold;">Move to the left and right may be terminated</span></marquee>

Example

Move to the left and right may be terminated

Move up

<marquee align="center" direction="up" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(0, 255, 0); font-weight: bold;">Move up</span></marquee>

Example

Move up

Move up and down

<marquee align="center" direction="up" behavior="alternate" scrollamount="2" onmouseover="this.stop()" onmouseout="this.start()" height="100" width="95%"><span style="color: rgb(255, 0, 255); font-weight: bold;">Move up and down</span></marquee>

Example

Move up and down

Moving image to the right

<marquee direction="right"><img 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb3W5dG9Q0hy2gq6mbW42YP6MwFzxHdASLkreXPeGQ0CVuR8oiFgDQfyPcTQGkoXCTG_D1EAYpCDmkqgWoCvY1t09_iW8oA8okTWH1MkTOsNkbaFDDZ8P3i-FiszzM27JICkUBStU39D0a/s1600/ponerah.gif"
 /></marquee>

Example





Hopefully useful. Success for us all

Read more »

Make Auto Select All Text

You often see a line of text in the the column web site and if you click on the text ,the text will automatically be blocked .

How do I manufacture?

It's easy, you just need to add attributes onFocus = "this.select ()" on the textarea you want to create

Examples:

<textarea onFocus="this.select()">the contents of your text</textarea>

Results

the contents of your text

Good luck

Read more »

What Is SEO

Ponerah- This post ponerah try to discuss what is a SEO which is the basis of all the core of the development of knowledge of SEO techniques. Wise man once said, do not know it is not care. Therefore, let us understand what is SEO.

SEO means Search Engine Optimization. Useful as a process to improve search engine performance on a webpage and blog. A site with high traffic of visitors, is one of the important pillars of success of a webpage and can provide benefits to the owner of the site. if the website visitor traffic that have very many candidates would bring customers to advertise their products in the website.

Internet users typically use search engines to get what he was looking for. Habit, these users will see the first page of search results and ignore the next page.

So, if your website appears on first pages in search engines, it will be more traffic on your website or blog visitors that we have.

Hence SEO is born and until now the owners of websites and blogs continue to develop this technique into their web pages to always be number one in search engine.

Development of SEO techniques vary. But keep in mind is the key word used on websites and blogs are highly influential on the search engines to find what users need on the Internet. For further information please read here.

Basically, SEO is divided into 2 types. For more information, please read here.

If there are additional and comment, share it in this article.

Success for us all

Inspiration from blogiologi.com

Read more »

Know Meta Tags

Ponerah- In this article I will explain what meta tags contained in the HTML. The definition of meta tags is itself a syntax that is used to convey important information to search engines information on a webpage.

Here is the meta tag we need to know in the SEO techniques

Meta Tag Description

Meta description tag is used to provide an overview of the contents of your web pages. Its size is recommended no more than 200 characters. And see to it that this description could be sentences that are located at the start page web page in question.

Examples of writing meta tag description is as follows:

<meta name=”description” content=”description of your web”>

example description of a web: "SEO Tips and tricks"

<meta name=”description” content=”SEO Tips and tricks”>

But on some search engines, the use of meta tags is not too powerful as a description of the search results. Therefore, use a way to insert a description of your website on the content of the post.

Meta Tag Keyword

In fact SEO techniques, keyword Meta tag of great importance, because it determines what keywords to find web page on search engines. Noteworthy here is do not repeat a word more than 3 times, because it will be considered spamming.

Use of meta tag keywords are as follows:

<meta name=”keywords” content=”keyword1, keyword2, keyword3, etc>

The most important thing for you is to never enter a keyword that has nothing to do with your web content.

for example: there are keywords, tips, tricks, tutorials, seo

Do not you use keywords in the tag posts with "Mp3, Movie, Free". Because the chances of the search engines to find your content very small.

Meta Tag Robots

The main purpose of the use of meta tag robots is to determine the web page that can only be indexed by a spider and web pages and can not be indexed by a spider on a web page. This tag is very useful especially if something website uses frames for navigation. Surely we do not want to display menus in the frame to be read by search engines.

Use the code from the meta tag robots are as follows:

<meta name=”robots” content=”index | noindex | follow | nofollow”>

Examples over the complete use of the following:

<meta name=”robots” content=”index follow”>

<meta name=”robots” content=”noindex nofollow”>

What is Dofollow Nofollow and there can be read here

For installation on a blog, is as follows:

<meta content=’ description of your web’ name=’description’/>
<meta content=’keyword1, keyword2, keyword3’ name=’keywords’/>
<meta content=’INDEX, FOLLOW’ name=’ROBOTS’/>

Hopefully this post helps you in understanding the technique of SEO. If there are deficiencies in this content, I hope you can improve and give a little commentary for our progress together.

Success for us all

Read more »