Showing posts with label blogger tutorial. Show all posts
Showing posts with label blogger tutorial. Show all posts
0
1. Go to http://feed2js.org click Build tab and enter your feeds url:
3. After your feed look okay. click Generate JavaScript to view code. Copy code and paste to your blogger and done!!!
Very easy, wish you success! ^^
Posted on 10:36 AM by Blogger-Template.Net and filed under
blogger tips,
blogger tutorial,
Blogger Widgets,
Customizing Blogger Template,
Tutorials blogspot
To create recent post for your blogger:1. Go to http://feed2js.org click Build tab and enter your feeds url:
http://your_blogger_name/feeds/posts/default2. Customize option for your feeds, click Preview Feed to see demo.
3. After your feed look okay. click Generate JavaScript to view code. Copy code and paste to your blogger and done!!!
Very easy, wish you success! ^^
0
Step by step:
1. First thing you need to do is create your own custom made favicon. You can use Photoshop or Icon Suite to make icon.
Here I've created a icon . Png
Next, Goto your Blogger.com blog and create a new post. It does not matter what you call it since you don’t need to publish it. Once you have created a new post use the image upload button to upload your favicon to your Blogger.com blog.
When you have uploaded the image, you will need to switch to “Edit HTML” mode if you are using the “Compose” mode.You will see something like this:
2. Go to Dashboard - Layout - Edit HTML and find:
Wish you success...!
Posted on 9:57 PM by Blogger-Template.Net and filed under
blogger tips,
blogger tutorial
Blogger.com is one of the most popular blogging platforms on the Internet, yet if you have a blog with them you are often stuck with the default Blogger.com favicon. Hard to brand your blog with your own personal touch when you have the Blogger.com favicon on the address bar. If people bookmark your blog they won’t see your favicon and might quickly forget about your website. There is no reason why you can’t change the favicon on your Blogger.com blog to one of your own design. You just need to follow these easy steps and soon your Blogger.com blog will sport your great new custom made favicon.Step by step:
1. First thing you need to do is create your own custom made favicon. You can use Photoshop or Icon Suite to make icon.
Here I've created a icon . Png
Next, Goto your Blogger.com blog and create a new post. It does not matter what you call it since you don’t need to publish it. Once you have created a new post use the image upload button to upload your favicon to your Blogger.com blog.
When you have uploaded the image, you will need to switch to “Edit HTML” mode if you are using the “Compose” mode.You will see something like this:
<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvNdvvanRZ5AxslbO-DTqR5AAe6UK0EBpjmjptPk_30Sr2LbIKhJYa_pJVFOgAiOPcSYoriFEUoG1805fWZEzsnKOBze7q_j5lokAlr1tBsxXU6Rlt6DQ1kei10jVigEr4bUay9eXCqM/s1600-h/favicon.png"><img style="cursor: pointer; width: 41px; height: 42px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvNdvvanRZ5AxslbO-DTqR5AAe6UK0EBpjmjptPk_30Sr2LbIKhJYa_pJVFOgAiOPcSYoriFEUoG1805fWZEzsnKOBze7q_j5lokAlr1tBsxXU6Rlt6DQ1kei10jVigEr4bUay9eXCqM/s400/favicon.png" alt="" id="BLOGGER_PHOTO_ID_5283203052390631746" border="0" /></a>You need to highlight and copy the part in quotes right after src=". In this case it would be: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvNdvvanRZ5AxslbO-DTqR5AAe6UK0EBpjmjptPk_30Sr2LbIKhJYa_pJVFOgAiOPcSYoriFEUoG1805fWZEzsnKOBze7q_j5lokAlr1tBsxXU6Rlt6DQ1kei10jVigEr4bUay9eXCqM/s400/favicon.png . You should paste it into Notepad or another text editor. You don’t want to lose this and you will be closing the Blogger.com editing window next.
2. Go to Dashboard - Layout - Edit HTML and find:
</head>Paste the following code on the above:
<link href='images link' rel='shortcut icon'/>, And the code like:
<link href='images link' rel='icon' type='image/png'/>
<link href='images link' rel='shortcut icon'/>3. Now, you must replace 'images link' with the image link was copy in step 1
<link href='images link' rel='icon' type='image/png'/>
</head>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvNdvvanRZ5AxslbO-DTqR5AAe6UK0EBpjmjptPk_30Sr2LbIKhJYa_pJVFOgAiOPcSYoriFEUoG1805fWZEzsnKOBze7q_j5lokAlr1tBsxXU6Rlt6DQ1kei10jVigEr4bUay9eXCqM/s400/favicon.png' rel='shortcut icon' />And, finished!
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnvNdvvanRZ5AxslbO-DTqR5AAe6UK0EBpjmjptPk_30Sr2LbIKhJYa_pJVFOgAiOPcSYoriFEUoG1805fWZEzsnKOBze7q_j5lokAlr1tBsxXU6Rlt6DQ1kei10jVigEr4bUay9eXCqM/s400/favicon.png' rel='icon' type='image/png' />
</head>
Wish you success...!
0
Note: emoticon only appear on blogger after blogger loaded success!
How: Ok, let's go...
Step 1:
You open the Edit HTML in the blog. (Dashboard -> Layout -> Edit HTML )
Step 2:
Find the following code: <head> and add this line below <head>
Wish you success!
Posted on 3:09 AM by Blogger-Template.Net and filed under
blogger tips,
blogger tutorial,
Customizing Blogger Template
This post will help you add yahoo emoticon into your blogger.Note: emoticon only appear on blogger after blogger loaded success!
How: Ok, let's go...
Step 1:
You open the Edit HTML in the blog. (Dashboard -> Layout -> Edit HTML )
Step 2:
Find the following code: <head> and add this line below <head>
<script src='http://site.gman.googlepages.com/Emoticon.js ' type='text/javascript'/><body onload='replaceText();'>Continue search:
<b:section class='main' id='main' showaddelement='no'>Edit to:
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
<div id='emoticon'>then save the template. So then it is finished.
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div> <!-- end emoticon -->
Wish you success!
0
New Feature in Version 3.0: Use version 3.0 you can optionally be shown 2 types:
1. Show as ver 2.0, meaning Thumbnail Summary on the left and right.
2. Display Thumbnail above (flat margins between) and Summary below, this very beautiful for the collection site and images site.
Demo: my blog
Installation:
Installation is easy and fast, nearly version 2.0 installed.
If you have installed version 2.0, the upgrade conducted as follows:
Search for code format and length of the Thumbnail:
Row
If you have not installed version 2.0 (never installed):
At Template - Edit HTML, Expand widget, to find
and replace it with the following code:
Source:vietwebguide.com translated by Joker_H
Posted on 1:52 AM by Blogger-Template.Net and filed under
blogger tips,
blogger tutorial,
Customizing Blogger Template
you can see more about version 2.0 here.New Feature in Version 3.0: Use version 3.0 you can optionally be shown 2 types:
1. Show as ver 2.0, meaning Thumbnail Summary on the left and right.
2. Display Thumbnail above (flat margins between) and Summary below, this very beautiful for the collection site and images site.
Demo: my blog
Installation:
Installation is easy and fast, nearly version 2.0 installed.
If you have installed version 2.0, the upgrade conducted as follows:
Search for code format and length of the Thumbnail:
<script type='text/javascript'>Add the following code in the above:
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js' type='text/javascript'/>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
... http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.jsit is finished.
to
http://www33.websamba.com/anhvosite/blogger/js/summary-post-v30.js
Row
var thumbnail_mode = "no-float" ;is the show's Readmore. Default is no-float: that is displayed in the Thumbnail and Summary below. When you use this mode, the variables and img_thumb_height img_thumb_width will be the largest width and largest height of Thumbnail. If you want to show Thumbnail Summary right and left, the fix-it float to float.
If you have not installed version 2.0 (never installed):
At Template - Edit HTML, Expand widget, to find
<data:post.body/>
and replace it with the following code:
<b:if cond='data:blog.pageType != "item"'>In addition you must also code below into the HEAD (<head> ... </ head>) of the template:
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<script type='text/javascript'>With:
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
- summary_noimg is number of the character description for the items are not representative.
- summary_img is number of the character description for items with the representatives.
- img_thumb_height : height of the avatar (pixels).
- img_thumb_width : width of the avatar (pixels).
Source:vietwebguide.com translated by Joker_H
0
Sample:
1/ Use sites provide convenient transfer code into text form. http://www.simplebits.com/ - provide tranfer code into text form very easily and quickly.
Then you input the code need a tranfer into ENTER Makeup --->And click Process.
Copy the code in the Cut n 'Paste and paste it into your post...Done!
2 / The best way ^^! . Use tag <textarea> code HTML </textarea>.
Copy code into tag and your code will be display.
Demo:
You can optimize tag by adding some attributes:
And it look like:
Ok final, wish you success...!
Posted on 9:42 AM by Blogger-Template.Net and filed under
blogger tips,
blogger tutorial
This article introduces knowledge very basic about the post code in your post.Sample:
<a href="http://template-4u4me.blogspot.com" title="Free Blogger Template,Turorials,tips">Free Blogger Template For You And For Me</a>If you write code on as normal , it display:
Free Blogger Template For You And For Me
1/ Use sites provide convenient transfer code into text form. http://www.simplebits.com/ - provide tranfer code into text form very easily and quickly.
Then you input the code need a tranfer into ENTER Makeup --->And click Process.
Copy the code in the Cut n 'Paste and paste it into your post...Done!
2 / The best way ^^! . Use tag <textarea> code HTML </textarea>.
Copy code into tag and your code will be display.
Demo:
You can optimize tag by adding some attributes:
<textarea rows=x cols =y></textarea>With:
- x : numbers of row
- y : number of column (number of character will be display)
And it look like:
Ok final, wish you success...!
0
1. Login to your Dashboard, go to Settings --> Publishing and click Custom Domain:
2. You already have a domain. Click Switch to advanced settings
3. Input domain info and click Save settings:
4. Go to the Your Domain control panel and edit DNS Name server :
5. Go to everydns.net and login (if you don't have account you can register very easily). Enter the domain name into Add new basic domain and click to Basic button
6. Click to domain name has been added, in the Current Records will appear as two records CNAME and A with the parameters of default. Your job is to remove items to A by clicking on the Delete button on your right.
At the Add a Record: www you fill in the box Full Qualified Domain Name, Record Type box select value is CNAME, and cell Record Value fill the ghs.google.com
If successful, it will be like the following:
You mission is waiting to DNS update....and Done!
Note: If you have domain you can go to domain control panel and edit dns name server : ghs
Wish you success...!
Posted on 9:57 AM by Blogger-Template.Net and filed under
blogger tips,
blogger tutorial,
Tutorials blogspot
Step by step to add-on another domain for your blogger: Use free domain .co.cc and everydns.net1. Login to your Dashboard, go to Settings --> Publishing and click Custom Domain:
2. You already have a domain. Click Switch to advanced settings
3. Input domain info and click Save settings:
4. Go to the Your Domain control panel and edit DNS Name server :
5. Go to everydns.net and login (if you don't have account you can register very easily). Enter the domain name into Add new basic domain and click to Basic button
6. Click to domain name has been added, in the Current Records will appear as two records CNAME and A with the parameters of default. Your job is to remove items to A by clicking on the Delete button on your right.
At the Add a Record: www you fill in the box Full Qualified Domain Name, Record Type box select value is CNAME, and cell Record Value fill the ghs.google.com
If successful, it will be like the following:
You mission is waiting to DNS update....and Done!
Note: If you have domain you can go to domain control panel and edit dns name server : ghs
Wish you success...!
from phamen.com translated by Joker_H
0
Installation: Step by step
1. At the Template - Edit HTML, Expand widget, to find
and replace it with the following code:
Note: You can upload js file to your hosting and edit link in the code above.
Wish you success...!
Posted on 9:00 PM by Blogger-Template.Net and filed under
blogger tips,
blogger tutorial
If you want to create links Read More of your blogger automatically without having to manually use the span (class = fullpost) to prevent parts described and the full posts. It also helps the blogger before it does not read more active can create links that do not need to edit posts.Beside, which support the representative, it will get the first pictures in the article as the images represent.Installation: Step by step
1. At the Template - Edit HTML, Expand widget, to find
<data:post.body/>
and replace it with the following code:
<b:if cond='data:blog.pageType != "item"'>2. In addition, you also must insert the code below into the HEAD ( <head> ... </ head> ) of your template:
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Readmore...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<script type='text/javascript'>With:
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://www33.websamba.com/anhvosite/blogger/js/summary-post-v20-test.js' type='text/javascript'/>
- summary_noimg is number of the character description for the items are not representative.
- summary_img is number of the character description for items with the representatives.
- img_thumb_height : height of the avatar (pixels).
- img_thumb_width : width of the avatar (pixels).
Note: You can upload js file to your hosting and edit link in the code above.
Wish you success...!
Source vietwebguide.com . Translated by Joker_H
