tag:blogger.com,1999:blog-31730005198146416242024-02-19T05:26:48.082-08:00Blogging TutorialTips to be a professional BloggerIsmethttp://www.blogger.com/profile/08650224668605023131noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-3173000519814641624.post-51826304989843343322010-04-05T09:40:00.000-07:002010-04-05T09:42:02.555-07:00How to Remove an Image BorderFor specific templates, when you upload pictures to your post. Will appear edge or border line in the picture. look at an image below...<br />
<br />
<img border="0" src="http://i928.photobucket.com/albums/ad122/feihung_design/gambarrss.png" style="display: block; margin: 0px auto 10px; text-align: center;" /><br />
To remove a border around it, please follow this steps:<br />
<br />
1. Log in in to you blog.<br />
<br />
2. Click <b>Layout</b> > <b>Edit HTML</b><br />
<br />
3. Find the code<b> .post img</b> or <b>.post-body img</b>.<br />
Usually will be followed by the code like the example below :<br />
<br />
<span style="font-weight: bold;">.post img</span> {<br />
padding: 1px;<br />
margin: 0px 15px 15px 0px;<br />
border: <span style="color: red;">1px</span> solid #f0f0f0<br />
}<br />
<br />
Each template has a different code. So all you have to consider is the border value. Replace the numbers <span style="color: red;">1</span> to <span style="color: red;">0</span>. So the code becomes like this :<br />
<br />
.post img {<br />
padding: 1px;<br />
margin: 0px 15px 15px 0px;<br />
border: <span style="color: black;">0px</span> solid #f0f0f0<br />
}<br />
<br />
4. Save Template <br />
<br />
5. See the results.Ismethttp://www.blogger.com/profile/08650224668605023131noreply@blogger.com0tag:blogger.com,1999:blog-3173000519814641624.post-49895498667314408152010-04-05T09:04:00.000-07:002010-04-05T09:20:31.376-07:00Related Posts Link on BloggerTo make <b>Related Posts</b> on blogger, follow this steps :<br />
<br />
1. Log in into your blog<br />
<br />
2. Click <b>Dashboard</b> > <b>Layout</b> > <b>Edit HTML</b><br />
<br />
3. Check the box 'Expand Widgets Templates'<br />
<br />
4. Find this code<b> <data:post.body/></b><data:post.body></data:post.body><br />
<br />
5. Put the following script below <b> <data:post.body/></b><br />
<br />
<div style="background-color: #eaf4ff; border: 1px none; font: 12px verdana; height: 120px; overflow: scroll; width: 400px;"><b:if cond='data:blog.pageType == "item"'><br />
<div class='similiar'><br />
<br />
<div class='widget-content'><br />
<h3>Related Post</h3><br />
<div id='data2007'/><br/><br/><br />
<script type='text/javascript'><br />
<br />
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br />
var maxNumberOfPostsPerLabel = 4;<br />
var maxNumberOfLabels = 10;<br />
<br />
maxNumberOfPostsPerLabel = 100;<br />
maxNumberOfLabels = 3;<br />
<br />
<br />
function listEntries10(json) {<br />
var ul = document.createElement(&#39;ul&#39;);<br />
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?<br />
json.feed.entry.length : maxNumberOfPostsPerLabel;<br />
for (var i = 0; i &lt; maxPosts; i++) {<br />
var entry = json.feed.entry[i];<br />
var alturl;<br />
<br />
for (var k = 0; k &lt; entry.link.length; k++) {<br />
if (entry.link[k].rel == &#39;alternate&#39;) {<br />
alturl = entry.link[k].href;<br />
break;<br />
}<br />
}<br />
var li = document.createElement(&#39;li&#39;);<br />
var a = document.createElement(&#39;a&#39;);<br />
a.href = alturl;<br />
<br />
if(a.href!=location.href) {<br />
var txt = document.createTextNode(entry.title.$t);<br />
a.appendChild(txt);<br />
li.appendChild(a);<br />
ul.appendChild(li);<br />
}<br />
}<br />
for (var l = 0; l &lt; json.feed.link.length; l++) {<br />
if (json.feed.link[l].rel == &#39;alternate&#39;) {<br />
var raw = json.feed.link[l].href;<br />
var label = raw.substr(homeUrl3.length+13);<br />
var k;<br />
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);<br />
var txt = document.createTextNode(label);<br />
var h = document.createElement(&#39;b&#39;);<br />
h.appendChild(txt);<br />
var div1 = document.createElement(&#39;div&#39;);<br />
div1.appendChild(h);<br />
div1.appendChild(ul);<br />
document.getElementById(&#39;data2007&#39;).appendChild(div1);<br />
}<br />
}<br />
}<br />
function search10(query, label) {<br />
<br />
var script = document.createElement(&#39;script&#39;);<br />
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;<br />
+ label +<br />
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);<br />
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);<br />
document.documentElement.firstChild.appendChild(script);<br />
}<br />
<br />
var labelArray = new Array();<br />
var numLabel = 0;<br />
<br />
<b:loop values='data:posts' var='post'><br />
<b:loop values='data:post.labels' var='label'><br />
textLabel = &quot;<data:label.name/>&quot;;<br />
<br />
var test = 0;<br />
for (var i = 0; i &lt; labelArray.length; i++)<br />
if (labelArray[i] == textLabel) test = 1;<br />
if (test == 0) {<br />
labelArray.push(textLabel);<br />
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?<br />
labelArray.length : maxNumberOfLabels;<br />
if (numLabel &lt; maxLabels) {<br />
search10(homeUrl3, textLabel);<br />
numLabel++;<br />
}<br />
}<br />
</b:loop><br />
</b:loop><br />
</script><br />
</div><br />
<br />
</div><br />
</b:if></div><div style="font-family: verdana,arial,sans-serif; font-size: 10px;"><br />
<br />
</div>6. Save<br />
<br />
7. It's DoneIsmethttp://www.blogger.com/profile/08650224668605023131noreply@blogger.com0tag:blogger.com,1999:blog-3173000519814641624.post-42543250290844836882010-04-05T00:52:00.002-07:002010-04-05T01:03:33.431-07:00How to change Blogger TemplateFollow this steps to change your blogger template :<br />
<br />
1. Find a great blogger templates <a href="http://www.colorizetemplates.com/" target="_blank"><b>HERE</b></a><br />
2. Download Templates<br />
3. Extract file with Winrar or Winzip<br />
4. Loggin into <a href="http://blogger.com/" target="_blank"><b>blogger.com</b></a><br />
5. Click on <b>Dashboard</b>> <b>Layout</b>> <b>Edit HTML</b><br />
6. Click <b>Browse</b> (look for the XML file from a template that has been downloaded)<br />
7. Then click <b>Upload</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSmDfuqXeJWZrsJP68BKSiS_dHxsLptVwwvVEszTKll_GxwzG1Pz7DbVYf9OfdoLuCBVwF8FoR8-gg4_axvRYJW0Vd6GbPmxzfo_bh7riBLOs9X5HFDGu8hTJsf_Utzmd36_PTkUnCWCV/s1600/layout.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTSmDfuqXeJWZrsJP68BKSiS_dHxsLptVwwvVEszTKll_GxwzG1Pz7DbVYf9OfdoLuCBVwF8FoR8-gg4_axvRYJW0Vd6GbPmxzfo_bh7riBLOs9X5HFDGu8hTJsf_Utzmd36_PTkUnCWCV/s320/layout.jpg" /></a></div><br />
8. <b>Save Template</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdqB2qkphwAktUbdzVOY5N_Rxs0Z-e0fytgmZ-Glis_CAddYYN0Z7ypnHvg_j5xN0y8eQ94L5iNkm0NBIWe_Ie8vfXn3PltMgAXAIerDVNNCLUSQJckSrOKLqEUJuk83dCM306HVlAsrg/s1600/save.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdqB2qkphwAktUbdzVOY5N_Rxs0Z-e0fytgmZ-Glis_CAddYYN0Z7ypnHvg_j5xN0y8eQ94L5iNkm0NBIWe_Ie8vfXn3PltMgAXAIerDVNNCLUSQJckSrOKLqEUJuk83dCM306HVlAsrg/s320/save.jpg" /></a></div><br />
9. See the results.<br />
<br />
Enjoy blogging!Ismethttp://www.blogger.com/profile/08650224668605023131noreply@blogger.com2tag:blogger.com,1999:blog-3173000519814641624.post-1311416385475004742010-04-01T19:45:00.001-07:002010-04-05T07:25:57.747-07:00Making a Blog with Blogspot1. Go to <a href="http://blogger.com/" target="_blank"><b>Blogger.com</b></a><br />
2. Click on <b>Create Blog</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQKlA10Mz5gbppT_57v2p52QNYGRikNdwj_qhfqvO623IX5ErKo_hg_8DiOBukZ9vYnenfLFMZCIO13FB5Aa3Atf7IbjWIH8wApDscWzn7gqWcKR2pnSZAyXSuBpTUfag4Hdn6c5ErfZYM/s1600/create+blog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQKlA10Mz5gbppT_57v2p52QNYGRikNdwj_qhfqvO623IX5ErKo_hg_8DiOBukZ9vYnenfLFMZCIO13FB5Aa3Atf7IbjWIH8wApDscWzn7gqWcKR2pnSZAyXSuBpTUfag4Hdn6c5ErfZYM/s200/create+blog.jpg" width="200" /></a></div><br />
3. Fill out the form<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5eumzfAHNRP7h29H6_YpA9NyOM3UXGwwh4qDvx-w0hRPxRRcbYij4hsvA0ck2ChTyUic7105Os6YRPD5yemxDQYbdd2uyt-pBoO2K7dU7IpY1jGrzQRzTq3OGIUKDfjiUAQ1RtE4IzBJ/s1600/form.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX5eumzfAHNRP7h29H6_YpA9NyOM3UXGwwh4qDvx-w0hRPxRRcbYij4hsvA0ck2ChTyUic7105Os6YRPD5yemxDQYbdd2uyt-pBoO2K7dU7IpY1jGrzQRzTq3OGIUKDfjiUAQ1RtE4IzBJ/s320/form.jpg" /></a></div><br />
4. Click <b>CONTINUE</b><br />
<br />
5. Write the title of your blog that you desire (you can change it later) in form ‘Blog Title’<br />
<br />
6. Type the name of your site in form ‘Blog Address (URL)’ .<br />
<br />
7. Type verification word which shown in form ‘word verification’. After that, click an arrow image inscribed with word, ‘<b>CONTINUE</b>’.<br />
<br />
8. Choose one template that you wanted to (You can change it later, if you want), then click again an arrow sign inscribed with word ‘<b>CONTINUE</b>’.Wait a moment. After you meet a sentence ‘Your blog has been created’.<br />
<br />
9. Click an arrow sign (again) which inscribed with “BEGIN POSTING’. Feel please to fill up your blog with everything you want to. After you finish with your first posting, just click the sentence, ‘<b>PUBLISH YOUR POSTING’, </b>Please write What you want, if being finished then click of the <b>publish</b> button.<br />
<br />
10. It's Done.Ismethttp://www.blogger.com/profile/08650224668605023131noreply@blogger.com0tag:blogger.com,1999:blog-3173000519814641624.post-80208678446117523362010-04-01T11:21:00.000-07:002010-04-05T01:03:33.432-07:00Change Email Address for Blogger LoginIf you want to use a different email address, whether gmail or other email address, to access Blogger, all you have to do is to sign into <a href="http://www.blogger.com/" target="_blank">Dashboard</a> and click <span style="font-weight: bold;">SETTINGS</span> > <span style="font-weight: bold;">PERMISSION</span> and add yourself with the new email address as an author.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_yHgm5APO198Z3croa25PEpmO83-EJKqANm5gxAYraoBCJKpYPs86VFiOQq4PTdC1Sd3VlX59OHwIydQjol3Vi3LkoA2JDULBVv2zsvWYa9bNIYBSMo3eJHxzqgDh6Ho40XIcKJ0GL4U/s1600-h/permission+add+author.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="Blogger Dashboard Settings Permission" border="0" id="BLOGGER_PHOTO_ID_5374872331061577442" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_yHgm5APO198Z3croa25PEpmO83-EJKqANm5gxAYraoBCJKpYPs86VFiOQq4PTdC1Sd3VlX59OHwIydQjol3Vi3LkoA2JDULBVv2zsvWYa9bNIYBSMo3eJHxzqgDh6Ho40XIcKJ0GL4U/s400/permission+add+author.jpg" style="cursor: pointer; display: block; height: 151px; margin: 0px auto 10px; text-align: center; width: 400px;" title="Blogger Dashboard Settings Permission" /></a><br />
<br />
Now for convenience, it is best you open another browser without signing out of Blogger. Sign into your new email address and you should see a message from Blogger which should be the one containing the invitation. Accept the invitation.<br />
<br />
Now go back to your Blogger account in the other browser where you are still logged in and in the PERMISSION tab. You should see your other email address added as an author. Give yourself admin<br />
<div id="preLoadLayer1" style="display: none; left: -18px; position: absolute; top: -32px; z-index: 2147482647;"><span style="font-size: 100%;"><a class="kLink" href="http://www.bloggertipsandtricks.com/search/label/Blogger%20account#" id="KonaLink1" style="font-weight: bold; position: static; text-decoration: underline ! important;" target="undefined"><span class="preLoadWrap" id="preLoadWrap1" style="position: relative;"><img class="preloadImg" src="http://kona.kontera.com/javascript/lib/imgs/grey_loader.gif" style="border: medium none; height: 22px; width: 22px;" /></span></a></span></div><span style="font-size: 100%;"><a class="kLink" href="http://www.bloggertipsandtricks.com/search/label/Blogger%20account#" id="KonaLink1" style="font-weight: bold; position: static; text-decoration: underline ! important;" target="undefined"><span class="preLoadWrap" id="preLoadWrap1" style="position: relative;"></span></a></span> rights. Now if you are sure that you have added yourself with the new email address (I suggest you double check), you may remove yourself with the old email address if you wish.Ismethttp://www.blogger.com/profile/08650224668605023131noreply@blogger.com0