Global Data

data:blog.title Developer my Blog
data:blog.pageType item
data:blog.url https://devblogsme.blogspot.com/2013/08/linkwithin.html
data:blog.homepageUrl https://devblogsme.blogspot.com/
data:blog.pageTitle Developer my Blog: إضافة مواضيع ذات صلة في نهاية كل موضوع على مدونات بلوجر من linkwithin مع التخصيص
data:blog.encoding UTF-8
data:blog.languageDirection ltr
data:blog.feedLinks
data:blog.enabledCommentProfileImages true
data:blog.blogId 4342262374491712998
data:blog.metaDescription
data:blog.canonicalHomepageUrl http://devblogsme.blogspot.com/
data:blog.plusone
data:blog.isMobileRequest false

Blog

data:feedLinks
data:olderPageUrl https://devblogsme.blogspot.com/2013/08/super-anti-spyware.html
data:olderPageTitle Older Post
data:newerPageUrl https://devblogsme.blogspot.com/2013/08/7-windows.html
data:newerPageTitle Newer Post
data:commentLabel comments
data:authorLabel Posted by
data:timestampLabel at
data:postLabelsLabel Labels:
data:backlinksLabel
data:numPosts 1

data:posts

data:post.dateHeader Thursday, August 15, 2013
data:post.id 7340231753845321116
data:post.title إضافة مواضيع ذات صلة في نهاية كل موضوع على مدونات بلوجر من linkwithin مع التخصيص
data:post.body

linkwithin

السلام عليكم ورحمة الله وبركاته
اليوم معنا موضوع شيق جداً وأكثر من رائع وهو إضافة مواضيع ذات صلة في نهاية كل موضوع, وهو أمر مهم بالنسبة للمدونات حتى يظل الزائر أكثر وقت ممكن في المدونة , ليس هذا وحسب , بل أن هذه الاضاة تقوم بتسهيل الأمور على الزئر كثيراً
الإضافة رائعة وسهلة التخصيص وهي مقدمة من موقع linkwithin ولهذا سوف نقوم بالذهاب الى الرابط هذا من هنا حتى نبدأ في شرحنا.. 
ملاحظة هامة : لرؤية صور الشرح بوضوح تام إضغط على الصورة مرة واحده فقط.

بعد الدخول إلى الموقع ستجد هذه النافذة الصغيرة في أيمن الموقع
1- أكتب بريدك الألكتروني
2- ضع رابط مدونتك
3- أختر المنصة بالطبع بلوجر
4- أختر عدد المواضيع التي تريد أن تراها في اسفل كل موضوع
5- إذا كانت مدونتك سوداء مثلا ضع إشارة هنا
6- إضغط للإستكمال
سوف يتم تحويلك لهذه الصفحة في الأعلى ستجد تلك الكلمة المُظللة بالاصفر إضغط عليها
بعدها سوف تفتح معك صفحة جديدة بها التالي
1- أختر المدونة التي تريد بها وضع الإضافة ، إذا كنت تمتلك أكثر من مدونة
2- هذا أسم الآداة إن أردت تغييره
3- إضغط لتركيب الآداة
ثٌم إذهب إلى تخطيط وأسحب الإضافة أجلعها تحت رسائل المُدونة الإلكترونية مباشرتاً كما بالصورة ثم إضغط حفظ الترتيب 
 وبهذا تم تنصيب الآداة ولكن إن فتحت مدونتك ستجدها كالتالي تحت كل عنوان
ولجعلها تحت كل موضوع فقط حتى تكون المدونة خفيفة تابع الشرح
الآن إذهب إلى قالب
ثم إضغط تحرير HTML
بعد أن يفتح معك القالب إضغط في اي مكان داخله بالفأرة ثم إضغط على لوحة المفاتيح Ctrl + F
ليظهر هذا المتسطيل للبحث وأكتب بداخله linkwithin ثم إضغط إنتر
سوف تصل إلى الآداة مباشرتاُ ، ستجد سهم أسود صغير مثل الذي وضعته في الدائرة
إضغط عليه للتوسيع ولرؤية باقي كود الآداة
هذا هو كود الآداة كاملاً , انظر للجزء الصغير المظلل بالاحمر ستجده ثلاث نقط
إضغط عليهم بالفأرة وستظهر كلمة جديدة كما بالصورة التالية 
ها هي الكلمة قد ظهرت وهكذا ظهر لنا الكود كاملاً 
 الآن ضع هذا الكود

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
في هذا المكان في الصورة التالية
ثم ضع هذا الكود
 </b:if>
في هذا المكان كما بالصورة التالية
وبهذا سوف يتم إضافة المواضيع تحت كل موضوع فقط بدون أن يكونوا بالرئيسية وسوف يكونوا كما بالصورة التالية
إذا أدرت أن تجعلها كما بالصورة التالية

فقُم بتوسيع القالب من القسم Style كما بالصورة 
بالضغط على السهم الأسود , ثم أبحث عن الوسم
]]></b:skin>
وضع فوقه مباشرتاً هذا الكود
#linkwithin_logolink_0 {
display:none;
}
#lws_0 {
clear: both;   width:609px;  background:#F5F5F5;  padding-right:11px; margin: 5px 0 0 0;
 border:1px solid #DDDDDD;
}
.linkwithin_text {
color:#000000;
font-size:15px;
margin:-4px;
text-align:right;
} 
.linkwithin_posts a {background:#FFFFFF; border-bottom:1px solid #bbb;
box-shadow: 0 2px 2px #555;
-moz-box-shadow: 0 2px 2px #555;
-webkit-box-shadow: 0 2px 2px #555;}
.linkwithin_posts a:hover {
background:#18B7F0 !important;
}
.linkwithin_img_0 {border: 3px solid #0000 ; border-radius:5px;
}
 #F5F5F5 هذا لون الخلفية الرصاصي ,, #000000 وهذا لون الخط ,, :#FFFFFF وهذا لون المواضيع المصغرة ,, #18B7F0 هذا لون الموضوع المصغر عند مرور القأرة عليه

والآن إذهب الى تخطيط ثم أفتح الاداة
إضغط على تحرير 

<script>
var linkwithin_site_id = 1892755;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
أضف هذا الكود 
linkwithin_text='شاهد أيضا هذه المواضيع :'
ليصبح هكذا
<script>
linkwithin_text='المزيد من المواضيع :'
var linkwithin_site_id = 1892755;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts Plugin for WordPress, Blogger..." style="border: 0" /></a>
تم بحمد الله 
data:post.snippet link within السلام عليكم ورحمة الله وبركاته اليوم معنا موضوع شيق جداً وأكثر من رائع وهو إضافة مواضيع ذات صلة في نهاية كل موضوع, وهو أمر مهم ...
data:post.author Rafat
data:post.authorAboutMe
data:post.authorProfileUrl https://www.blogger.com/profile/06073862446924648651
data:post.authorPhoto.url
data:post.url https://devblogsme.blogspot.com/2013/08/linkwithin.html
data:post.timestamp 8:47 PM
data:post.allowComments true
data:post.numComments 0
data:post.embedCommentForm true
data:post.allowNewComments true
data:post.commentPagingRequired false
data:post.showBacklinks False
data:post.numBacklinks 0
data:post.addCommentUrl https://devblogsme.blogspot.com/2013/08/linkwithin.html#comment-form
data:post.emailPostUrl
data:post.editUrl https://www.blogger.com/post-edit.g?blogID=4342262374491712998&postID=7340231753845321116&from=pencil
data:post.feedLinks
data:post.isFirstPost true
data:post.isDateStart true
data:post.includeAd False
data:post.createLinkLabel
data:post.createLinkUrl
data:post.commentSource 0
data:post.showThreadedComments
data:post.commentJso
data:post.commentMsgs
data:post.commentConfig
data:post.communityId 0
data:post.commentHtml
data:post.commentLabelFull No comments
data:post.noNewCommentsText
data:post.iframeCommentSrc
data:post.addCommentOnclick

data:post.labels

data:label.name blogger
data:label.url https://devblogsme.blogspot.com/search/label/blogger
data:label.isLast False
data:label.name شروحات بلوجر
data:label.url https://devblogsme.blogspot.com/search/label/%D8%B4%D8%B1%D9%88%D8%AD%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1
data:label.isLast True

data:post.comments

Header

data:title Developer my Blog
data:description Developer My Blog Blogger
data:useImage true
data:imagePlacement REPLACE
data:mobile false
data:sourceUrl https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7uYZLkLKUs5PSMZKpe50x67DU4iR593_V6GeibF2YJlWGGDVVC9MHW2XZJ0J6gNkEu6SJ-ueI8vVnMmDoWnlWSHDcywcVk6dSZFNV-XMHsrnXwyMBFPoEfboXMk8iueJMwVxpdPwVl3c/s1600-r/magone-logo.png
data:backgroundPositionStyleStr left
data:height 30px;
data:width 162px;
data:widthStyleStr width: 162px;
Copyright GeekThis - All Rights Reserved