Kejutan Internet: Blogger tricks

Tampilkan postingan dengan label Blogger tricks. Tampilkan semua postingan

How to change Height and Width of Blogger Comment form

After my previous post about hiding blogger contact form, today I thought to write this tutorial for answering
a question asked by an Anonymous visitor .So this post would be helpful for blogger users who want to change the width of the blogger comment form easily. The area that is used for typing the words is known as the Comment form. When anyone wants to post a long comment, they could be feeling that it’s difficult to type long sentences. So changing the default appearances and performances of blogger template is very important to increase the user friendliness.

By default blogger comment form is very narrow. It means comment box appears as the default value in spite of fluid or fixed template. By changing the width of the blogger comment box to fix it to blog-post layout, people can share long words without any fuss.Because they do not have to change the width manually.This makes your blog look better and fit well to blog post.

Now let’s see how to change the width of comment form easily.Follow below instructions respectively.

1: Sign in to your Blogger account.
2: Now go to Dashboard → Template and backup your current template first.
3: After downloading the template,click on the Edit HTML button and find below HTML code in your template.

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Note : This HTML code may be encountered more than once time in your template, So make the changes to all of them.

4: Now we have to change above highlighted codes. Let's see what we can do above codes.

The width of comment form is defined by the percentage of the whole width of blog content.You might need to know how to check the width of blog content and change it.

If you want to wide the comment form by 120%,you would change the value to width='120%'.

Also you can specify a constant value/width to the comment form using length measures such as em,px,pt,in,cm,mm etc. If my blog post layout width is 600px and i want to fit the comment form to body layout and increase the height,i should change the comment editor width like below.

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='500px' id='comment-editor' name='comment-editor' src='' width='600px'/>

5: After setting up width and height of comment editor,Save your template to affect the changes.

Check : Add Blogger Contact Form to Specific Pages

This tutorial explained you how to change the width and height of blogger comment form easily. I would like to know your questions,suggestions and views. So share your thoughts via commenting below.Happy blogging day pals :)

Display Date & Time in Title Bar

Blogger tricks Browsers HTML

The title tag plays an important preface especially in SEO. Generally title appears in the web page and in a
browser tab. We can design the title by using a styling language like CSS (Cascading-Style-Sheet).Most pro bloggers and webmasters give the prominence to the Title of the web page. That should be, because people see the first title in the SERPs ( Search Engine Result Pages) and on the homepage. Many points to talk about the title tag are out there. I will write some posts about the Title in my future posts.

Today I’m going to show you how to display date and time in the title. The current date and time in the user’s computer will be identified by the Script. Then it will be appearing on the tab bar in the browser. So check out the demo first.

Demo

Display Date, Time in title tab

Place below code between <head> and </head> HTML tags in your website.

<script src='https://pro-blog-tricks.googlecode.com/svn/trunk/date-title.js' type='text/javascript'></script>

Display Date & Time in tab bar on Blogger

1: Sign in to your Blogger account.
2: Go to Template >> Edit HTML and find the </head> HTML code in your template.
3: Now paste below code just above of </head> HTML tag.

<b:if cond='data:blog.url == "URL of the page"'>
<script src='https://pro-blog-tricks.googlecode.com/svn/trunk/date-title.js' type='text/javascript'></script>
</b:if>

Replace URL of the page with the post/static page URL in which you want to display the date and time.
If you want to implement above script in more than one web page,Just repeat the conditional tag like below example.

<b:if cond='data:blog.url == "URL of the page-1"'>
<b:if cond='data:blog.url == "URL of the page-2"'>
<b:if cond='data:blog.url == "URL of the page-3"'>
<script src='https://pro-blog-tricks.googlecode.com/svn/trunk/date-title.js' type='text/javascript'></script>
</b:if>
</b:if>
</b:if>

Related Post :- How to Show or Hide widgets in Any Pages In Blogger

4: Save your Template.

Leave your questions,views and comments in below.

Make Blog Title Scrolling in Blogger

Blogger tricks

The blog title is one of the crucial points in any website or blog even in SEO or Design. You know generally blog title is non-scrolling. When someone has opened your blog and not been visiting your stuff (This might be he/she would open another tab), They could be close the tab accidently. So you can alert them by making the blog title or the post title scrolling. It would be a great indication for the user to be active in your blog like in Facebook. If you’re a fan of Facebook, you would know that whenever someone comment, it is notified in the title bar. It’s very helpful in many occasions to control the activities that we do in Internet. So by making blog title scrolling, you can increase the conversation rate, page views and decrease the bounce rate. You know that these objects are most essential measures for increasing the Alexa rank.

In a previous post I explained you how to make your blog title scrolling. So this is another method to do it. Both are similar, but codes are different. So you may implement the script on your to scroll the blog title and add custom massage. The message could be a word phrase or Entities. Design your own stylish word to be added to the blog title and then follow below steps.

Demo

1: Sign in to your blogger account.
2: Go to Dashboard >> Template >> Edit HTML.
3: Now search for </head> HTML tag in your template and paste below code just before it.

<script type='text/javascript'>
//<![CDATA[
msg = "NAME OF BLOG - YOUR MESSAGE HERE";
msg = " ... " + msg;pos = 0;
function Scroll_MSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("Scroll_MSG()",300);
}
Scroll_MSG();
//]]>
</script>

Replace NAME OF BLOG - YOUR MESSAGE HERE with your blog's title and your message.You can make a use of HTML Character Entities to display special characters such as ©,♠,♥,♣,♦
Set the animating speed by changing the 300.

4: Save your Template.

Similar Posts:-

Leave your queries,Requests and Views below.Happy blogging day!

How to find Email address of your Blogger blogs

Blogger tricks

These days many people are using Blogger platform to create a blog. Blogger is own to Google Inc. So you are given away many services when you create a new Google account ( Gmail, Blogger, Drive, Code, Feedburner,Wallet, YouTube etc.). An individual person might have more than one Google account. For instance, if you use Google apps so you have another Google account for your business. I personally know some people have more than two-three Google accounts. They use each account for different purposes. If you’re one like them, you might forget the passwords of some accounts. Also if you’re a blogger you might have many blogs in each account. So in some cases, you would be forgotten which blogger account has the blog established or what blog has been created in which account. So here we have found the best and 100% working method to find the email address of your blogger blog.

1: Go to this URL:

http://www.blogger.com/forgot.g

2: Now you will see a web page like below. On this page, you can find the forgotten Google email address of the blog or existing blogs in each account.

3: Now type your blog’s primary URL. Ex: www.problogtricks.com = www.bestlodge.blogspot.com Then click on “LOOKUP” button.

4: In next page opening in same window, you will be notified that an email was sent to your gmail.com account. Now log in to each Google account you have and check the Inbox. You would be received an email form blogger slightly similar to below one.

Now you can log in to your Google account and find the blog which you want to update.

By using second option you can find the forgotten URL of a blog. Just type your Email address and click on "LOOKUP" button.

Blogger is one of most popular blogging platforms. Your blog is secured until your Google account is active. Anyone can not hack or delete your blog. So you can find your blog's email address by using this method.

What methods do you use for finding the forgotten email address of your blogger account ? If you use different method,please share it with us.Happy blogging pals :)

Blogger Keyboard Shortcuts for Post Editor

Blogger tricks

Keyboard shortcuts are very useful,when it comes to present scope.We all are looking for doing tasks as quickly as possible.That's why people are searching computer keyboard shortcuts.In my previous posts, I rendered you several programs and operating systems which have specific keyboard shortcuts for making long-tail tasks easily using couple of buttons. Each program have various shortcuts.So identifying what are they and using them typically is worthwhile.

When it comes to online,we can find few keyboard shortcuts are available in special websites. Blogger is one of most popular blogging platforms. So we are at PBT, found some profitable keyboard shortcuts for Window and Mac users. Using Blogger post editor keyboard shortcuts regularly would make you a more engaged blogger.

Read also : How to use Keyboard in Gmail & adapt to shortcuts

Complete List of Blogger Post editor keyboard shortcuts

These shortcuts for Windows is working with Google Chrome, Internet Explorer 5.5+ and Mozilla family (1.6+ and Firefox 0.9+).

Shortcut	Operation
Ctrl + C	Copy Selected Text
Ctrl + V	Paste Copied Text
Ctrl + Z	Undo
Ctrl + Y	Redo
Ctrl + X	Cut
Ctrl + A	Highlight the All text
Ctrl + D	AutoSave as Draft
Ctrl + S	Autosave and keep editing
Ctrl + F	Find a Word or Phrase
Ctrl + B	Bold the Selected text
Ctrl + U	Underline the Selected text
Ctrl + I	Change to Italic
Ctrl + G	Transliterate using Indian font
Ctrl + P	Publish the Post
Ctrl + L	Format selected text as blockquote (only works in HTML mode)
Ctrl + Shift + A	Insert Hyperlink
Ctrl + Shift + P	Preview the Post

If you know any keyboard shortcut which is using in Blogger post editor and I have not shared yet,kindly share it with us from commenting section. I expect that this information will may help you to save your valuable time and work in blogger post editor comfortably.

Have you used Keyboard shortcuts when you editing Blog posts before ?

If yes,What are the short keys which you used regularly ?

CSS3		Javascript
HTML5		Photoshop
PHP		CorelDraw