Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

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>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>
4. Found the code like this :

<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"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
*"ReadMore.." can be change up to yourself*

7. And then click "save template"
8. Go to Setting -> Formatting, insert code below in the Post Template box
<span class="fullpost">
</span>
9. Don't forget to save it!


When publishing,

1. Click Edit HTML (not Compose), automatically, there's the code like that
<span class="fullpost">
</span>
2. Place the text that you want to publish at your blog that will open first, before the <span class="fullpost"> code

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

Continue reading of "How To Make Read More for Blogspot"

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 :)

Continue reading of "How To Change The FavIcon for Blogspot"

Designed by Posicionamiento Web | Copyright by Number&Letter