إضافة خاصية مواضيع دات صلة بتقنية jquery لمدونة بلوجر
1 تدهب إلى البلوجر >>قالب>>تحريرHTML
تطغط CTRL + Fعلى تطلع لك خانة للبحت
كتب فيها هذا الكود للبحت عنه:
1 تدهب إلى البلوجر >>قالب>>تحريرHTML
تطغط CTRL + Fعلى تطلع لك خانة للبحت
كتب فيها هذا الكود للبحت عنه:
<div class='post-footer-line post-footer-line-1'/>
إدا لم تعتر عليه جرب هدا:
الشكل2:
الشكل:
<p class='post-footer-line post-footer-line-1'/>
أوهذا:
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
بعد أن تعتر على كود من هده الأكواد لصق بعدها كود الشكل الدي ستختاره:
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
بعد أن تعتر على كود من هده الأكواد لصق بعدها كود الشكل الدي ستختاره:
الشكل1:
الكود:
<script
src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js'
type='text/javascript'/><link
href='http://dl.dropboxusercontent.com/s/tu8qgyfxt2cze7k/related-posts-min-1.css'
rel='stylesheet' type='text/css'/><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0'
src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%;
right: 0%; top: 0px;'/></a><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='All Blogger Tricks'><img alt='All Blogger Tricks'
border='0' src='https://bitly.com/24workpng1' style='position: fixed;
bottom: 10%; right: 0%;'/></a><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks'
border='0' src='https://bitly.com/24workpng1' style='position: fixed;
bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType
== "item"'><div id='related-posts'><b:loop
values='data:post.labels' var='label'><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=5"' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>"; var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div> </b:if>
<script type='text/javascript'>
var currentposturl="<data:post.url/>"; var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div> </b:if>
الشكل2:
الكود:
<script
src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js'
type='text/javascript'/><link
href='http://dl.dropboxusercontent.com/s/fudc6nugmvzayd1/related-posts-min-2.css'
rel='stylesheet' type='text/css'/><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0'
src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%;
right: 0%; top: 0px;'/></a><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='All Blogger Tricks'><img alt='All Blogger Tricks'
border='0' src='https://bitly.com/24workpng1' style='position: fixed;
bottom: 10%; right: 0%;'/></a><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks'
border='0' src='https://bitly.com/24workpng1' style='position: fixed;
bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType
== "item"'><div id='related-posts'><b:loop
values='data:post.labels' var='label'><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=5"' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
الشكل:
الكود:
<script
src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js'
type='text/javascript'/><link
href='http://dl.dropboxusercontent.com/s/0d62v44r7jm951o/related-posts-min-6.css'
rel='stylesheet' type='text/css'/><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0'
src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%;
right: 0%; top: 0px;'/></a><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='All Blogger Tricks'><img alt='All Blogger Tricks'
border='0' src='https://bitly.com/24workpng1' style='position: fixed;
bottom: 10%; right: 0%;'/></a><a
href='http://24work.blogspot.com/' rel='dofollow' target='_blank'
title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks'
border='0' src='https://bitly.com/24workpng1' style='position: fixed;
bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType
== "item"'><div id='related-posts'><b:loop
values='data:post.labels' var='label'><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=5"' type='text/javascript'/></b:if></b:loop>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
<h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
لأن نبحت عن هاد الكود بعده مباشرة نضع هاذ الكود:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://dl.dropboxusercontent.com/s/ivwes8ykd0esqev/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">
relatedPostsWidget({
'containerSelector':'div.post-body'
,'loadingText':'loading...'
<script src="http://dl.dropboxusercontent.com/s/ivwes8ykd0esqev/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">
relatedPostsWidget({
'containerSelector':'div.post-body'
,'loadingText':'loading...'
});</script>
نحفظ القالب
لأن نعود إلى لوحة تحكم البلوجر وندهب إلى تخطيط>> إضافة أداة و نختار >> html/javascript
نضع فيها هاذ الكود :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://dl.dropboxusercontent.com/s/ivwes8ykd0esqev/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">
relatedPostsWidget({
'loadingText':'loading...'
});</script>
<script src="http://dl.dropboxusercontent.com/s/ivwes8ykd0esqev/related-posts-widget-1.0-ycode-recent.js" type="text/javascript"></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips and Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type="text/javascript">
relatedPostsWidget({
'loadingText':'loading...'
});</script>
تم نضغط على حفظ