2013 ~ Life Starting Here

Kamis, 30 Mei 2013

Killua Zoldyk Foto

Filled under:

Posted By ImHeroKamis, Mei 30, 2013

Have you ever noticed that your blog's post title is appearing after blog title in search results ? and ever thought about it that it is good or bad ? According to search engine optimizing it is not good because when a user will search any page or post , he will start reading the page title from the beginning and if the starting words are not matching with the content which he need then he will skip reading it and will start reading another page title.

I have mentioned it in the image below :

So today I am going to teach you that how can we display post title before blog title. This is also the one of blogger seo friendly designing post which can boost your traffic. In the most of blogger templates post title appears after blog title but don't worry, we're here to help you. So friends let's start it.

Show Post Title First In Search Results

Go To Blogger >> Template >> Edit Html >> Proceed
Find the code below [Tip: Press Ctrl+F to Find]

<data:blog.pageTitle/>

Replace "<data:blog.pageTitle/>" With the Following Code

<data:blog.pageName/> | <data:blog.title/>

<data:blog.pageTitle/>

Click Save Template and You Have Done !

So this was our second blogger template seo friendly designing trick and I will share more tutorials about Seo Friendly Designing as soon as possible. If you are facing any problem then leave a comment below and let me face your problem. Keep Peace & Blessings.

Posted By ImHeroKamis, Mei 30, 2013

Show Post Title First In Search Results

Filled under:

Last time we talked about optimizing blogger comments,blogger labels and archive links. So today we are going to optimize post title using an H2 tag which will boost our blog's traffic. In the web pages headings are very important. These headings are used carefully and wisely by web masters. In the blogger default templates, an H1 tag is used for the main blog title, H2 tag is taken for sidebar widgets and date titles and while H3 tag is used for post titles. According to SEO, We should use an H2 tag for post titles because post titles are the most important lines in a web page through search engines spider eyes and we can say that posts or content is our blog's king and king always comes first.

We should care of our post titles and while other heading tags are correct at their sides. We have to change the post title tag , H3 to H2. After optimizing post title you will need to wait a week till the crawler update their history and soon you will get the traffic from search engines. So friends what are you waiting for let's optimize our post titles for better SEO.

Also Read : Show Post Title First In Search Results

Optimize Post Title Using H2 Tag

Go To Blogger >> Template >> Edit Html
Tick "Expand Widget Templates"
Find For The Following Or Similar Coding

Now you have to change heading tags h3 to h2 which are placed at the beginning and in the last.
After making changes your post title code will look like the following or similar coding.

Click Save Template & You Have Done !

Don't Miss : Add Google Plus Followers Widget In Blogger

In The Last :

Congratulations ! At-least you buddies has finally made your blogger template SEO friendly. I hope these tutorials has helped you a lot. If you are facing any problem then leave a comment below and let me know whats the problem. Our next post will be on Blogger's new Search Preferences settings which can also boost your blog's traffic. So guys wait for the next tutorial and Stay Connected.

Posted By ImHeroKamis, Mei 30, 2013

Menambahkan Meta Tags Dan Deskripsi Blog

Filled under:

Do you want to make your blogger template SEO friendly ? but don't know how to do it ? So friends from today I have decided to share some basically and most important seo friendly template desgining tutorials to you. These tutorials can boost your traffic. So friends it is my first post today on Blogger Template Seo Friendly Designing and in this post I am going to teach you that how can we add meta description and keyword tags in blogger and what they will do ?

Meta Description plays very important role in SEO. This description can boost your blog's traffic. Actually this description appears in search results below the title link of your blog. I have mentioned it in the image below.

This description introduces your blog to crawler and tells him that in which category or niche your blog is based. It also help the crawler to index your blog easily. Meta keyword tags are also important in seo. These keywords helps the search engine to show your blog search results. So friends let's add these important meta description and keyword tags in blogger. We can add these with blogger search preferences but adding it manually is better.

Add Meta Description And Keyword Tags In Blogger

Go To Blogger >> Template >> Edit Html
Find (Tip: Press Ctrl+F To Find)
Copy The Code Below And Paste Below Tag.

Replace Add_Your_Description_Here With Your Description and minimum characters are 150.
Replace Add_Your_Keywords_Here With Your blog's niche keywords and add 10/15 keywords only.
Attention ! Don't miss to use our Character Counter Tool in order to count the description characters.

Now after making all the changes save your template and you have successfully added meta desciption and keyword tags in your template. If you are facing any problem then leave a comment below. Keep Peace & Blessings.

Posted By ImHeroKamis, Mei 30, 2013

Minggu, 26 Mei 2013

Membuat Text Area

Filled under:

Sebelumnya kami pernah membuat artikel tentang cara Membuat Text Area dan modifikasinya, nah pada kesempatan ini, kami akan menambah lagi berbagai macam variasi teks area dan cara membuat text area tersebut. Untuk apa sih teks area itu, selain untuk kerapian posting blog juga bermanfaat untuk menghemat halaman agar tidak terlalu penuh. Selain itu terkadang kita dalam mengcopy paste kode tertentu terkadang keluar jalur alias melewati batas area artikel blog. Hal tersebut terjadi karena kita cuma memasukkan kode-kode tersebut ke dalam blockquote. Nah disnilah fungsi utama dari teks area tersebut.

Pada kesempatan ini saya akan memberikan 3 variasi teks area. yaitu text area sederhana / default, text area dengan fungsi select / copy all, dan text area dengan tombol scroll / gulir.

Cara memasang teks area ini adalah pada saat menulis postingan pilih menu HTML (bukan edit HTML template loh yaah). Lihat gambar.

Masukkan kode text area setelah klik HTML

A. Teks area sederhana

<span style="margin: 0px; padding: 0px; color: blue;">diisi dengan kalimat, kata, kode yang diinginkan</span>

dengan kode di atas maka tampilan teks area seperti di bawah ini. angka 6 berarti jumlah baris, 35 menunjukkan lebar form teks area.

B. Teks Area dengan Select copy all

C. Membuat Teks area dengan Tombol scroll

80

%px; height:50px; padding:10px; border:2px solid #f4f4f4; background-color:#f2f2f2">

Cara membuat text area dengan fungsi scroll / tombol gulir

Beginilah tampilannya jika menggunakan kode diatas, silakan sesuaika background color dengan template sobat masing-masing. Intinya kode merah adalah silakan modifikasi sendiri.

Cara membuat text area dengan fungsi scroll / tombol gulir

Posted By ImHeroMinggu, Mei 26, 2013

Kamis, 30 Mei 2013

Killua Zoldyk Foto