This time I will update the widget Blog Articles Related to Scroll Down in Post, I actually already been updated How to Make Related Post by Images RSS FEED, widget is the same but this time I will add scroll and update because of the previous post was not in use again. This widget is the same shape, per label associated article, there is an image RSS Feed, located at the bottom of the post. Ok immediately wrote ..Follow the step by step from me, if not then this widget will not appear on your blog.
1. Log-in to your blog account.
2. Go to the Template and Edit HTML
3. Just in case your first backup your template first.
4. Find the Code </head> html code in your template, use the F3 or CTRL + F to facilitate the search.
5. If you have found the right place the following code at the top of or before the code </head>
<style> #related-posts { float : left;height:200px;overflow:auto; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijqs9xxv_BwQ9Naz5nv-nQ1S4mI5nAszfaTo5PeRQ7K1fTrIjTY0gcAcU6phumRbe48cFfsysBaA_UZVqhExSm0ldsmGc41BCli5hbOv2BFxaSLxHDYY7VXVZjUFzbASVTPMt8ASxJEV8/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style><script src='http://problogizjs.googlecode.com/files/Related-posts.js' type='text/javascript'/>
6. If you are looking for code <data:post.body/> same as the above use the F3 key or CTRL + F to facilitate the search.
7. If you find it, maybe in your blog there is more than one <data:post.body/> , put the following code in the second code, remember that SECOND.
<b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#151515'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>
8. Save your template, and you try to look at your blog if it appears widget with Scroll Related Articles Under his post.
Tidak ada komentar untuk " How to Make Related Articles with Scroll on Down Post "
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!