How To Make Read More for Blogspot
I will give my experience from my friend at Indonesia about "How To Make Read More for Blogspot". My friend had told me in Indonesia language, but I want to translate his language to English.
Here is it...
That's all you need to do is :
1. Go to your blogspot dashboard, and go to the layout and then edit HTML
2. Don't forget to check the "expand widget template" box
3. Find the </head> and then, insert the text below to the above of </head> code<style>
4. Found the code like this :
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
<p><data:post.body/></p>
5. If there isn't, found the code like this :
<data:post.body/>
6. Insert the code below the 4 or 5 HTML code<b:if cond='data:blog.pageType != "item"'>
*"ReadMore.." can be change up to yourself*
<a expr:href='data:post.url'> Read More..</a>
</b:if>
7. And then click "save template"
8. Go to Setting -> Formatting, insert code below in the Post Template box<span class="fullpost">
9. Don't forget to save it!
</span>
When publishing,
1. Click Edit HTML (not Compose), automatically, there's the code like that<span class="fullpost">
2. Place the text that you want to publish at your blog that will open first, before the <span class="fullpost"> code
</span>
3. And all of text that you want to publish all if you click the main post, place it between <span class="fullpost"> code and </span> code
*To make fast the finding code, hold CTRL and press F (CTRL+F) and then search the code
Clear right? If you still confuse, give your question and I will reply it to you
5:14 PM | Labels: Tutorial 8 Comments
How To Change The FavIcon for Blogspot
I will teach you about a tips that maybe useful for you :) It's name is "How To Change The Tab Icon In The Browser Menu", want to know this??? Read all okay :)
Here the steps to do it :
1. Create or copy the icon that you want to place in your tab icon (size 64 X 64)
2. Upload that icon to the picture hosting that you want to, example : photobucket, imageshack.us, etc. Up to you :)
3. Open your HTML template, go to the > Layout > Edit HTML, don't forget to check the "expand widget templates" checkbox :)
4. Find </head> word, the simple way is CTRL + F and then type </head>
5. Paste this code <link rel="shortcut icon" href="*****"/> over the </head> tag
6. Then, click "save templates" and then refresh your webpage. The icon that you want to change would be appeared :)
Note : the word ***** can you change with the image link that you want to change. Example : <link rel="shortcut icon" href="http://i468.photobucket.com/albums/rr50/anton135/1A.jpg"/>
Enjoy your new icon :)
3:08 AM | Labels: Tutorial 0 Comments