مدونة برو يونس

إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي

صندوق البحث من أهم الاشياء التي يجب ان تتواجد في كل مدونة ناجحة لأهميته الكبيرة , الزائر في كثير من الاحيان يختصر على نفسه الوق...

المزيد

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-9I3l86-018Y/VIGSXXsU3iI/AAAAAAAAByQ/6idjQh8Nn_I/s1600/relted-post.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="http://2.bp.blogspot.com/-9I3l86-018Y/VIGSXXsU3iI/AAAAAAAAByQ/6idjQh8Nn_I/s1600/relted-post.png" width="400" /></a></div>
<div style="text-align: right;">
<b style="color: #333333; line-height: 25px; text-align: center;"><span style="font-family: inherit;"><br /></span></b></div>
<div style="text-align: right;">
<b style="color: #333333; line-height: 25px; text-align: center;"><span style="font-family: inherit;">أداة مواضيع ذات صلة من أهم الأدوات التى يجب على كل مدون يضيفها إلى المدونة خصوصًا إذا كانت تحتوى على مصغرات صور لما لها من أهمية كبيرة فى زيادة إحصائيات الموقع لأنها تمنح الزائر الذى يقرأ موضوع معين على موقعك فرصة لقراءة المزيد من الموضوعات عن نفس المجال التى ربما لم يلاحظها القارئ عند تصفح المدونة ولكن أداة مواضيع مشابهة ذات نفس التسمية تجعل الزائر يستفيد بأكبر قدر من المعلومات التى تعرضها فى موقعك . وبما اني سأقدم لكم شكلين فبإمكانكم معاينة الشكل الأول كالذي بالمدونة بالنزول قليلا اما الشكل الثاني فسنتعرف عليه بالصور</span></b></div>
<div style="text-align: right;">
<b style="color: #333333; line-height: 25px; text-align: center;"><span style="font-family: inherit;"><br /></span></b></div>
<div style="text-align: left;">
<br />
<ul style="text-align: right;">
<li><span style="background-color: white; color: #cc0000; line-height: 25px; text-align: center;"><b><span style="font-family: inherit;">الشكل الأول</span></b></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-kEjOk-O78H4/VIGTRdJ6AmI/AAAAAAAAByY/KsDM59n2r2w/s1600/related1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="187" src="http://1.bp.blogspot.com/-kEjOk-O78H4/VIGTRdJ6AmI/AAAAAAAAByY/KsDM59n2r2w/s1600/related1.png" width="640" /></a></div>
<div style="text-align: center;">
<span style="color: #cc0000;"><span style="line-height: 25px;"><b><br /></b></span></span></div>
<div style="text-align: right;">
<ul style="text-align: right;">
<li><span style="line-height: 25px;"><span style="background-color: white; border: 0px; font-family: inherit; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"><b><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">ا</span><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">لشكل الثاني</span></b></span></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-mOFAOPrRr60/VIGUA1AUCWI/AAAAAAAAByg/Q8nQpR2deRY/s1600/related2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="376" src="http://4.bp.blogspot.com/-mOFAOPrRr60/VIGUA1AUCWI/AAAAAAAAByg/Q8nQpR2deRY/s1600/related2.png" width="640" /></a></div>
<div style="text-align: center;">
<span style="font-family: Electrolize, ge_dinar_tworegular;"><span style="line-height: 25px;"><b><br /></b></span></span></div>
<div style="text-align: center;">
<span style="font-family: Electrolize, ge_dinar_tworegular;"><span style="line-height: 25px;"><b><br /></b></span></span></div>
</div>
</div>
<div class="info">
<span style="font-family: inherit;"><b>كيفية التركيب
</b></span></div>
</div>
<br />
<br />
<div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b>1 . توجه لقالب >> تحرير </b></span></span></div>
<div style="background-color: white; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 25px; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">2. ابحث بإستعمال </span><span style="border: 0px; color: #6fa8dc; font-family: Courier New, Courier, monospace; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">CTRL+F</span><span style="border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="border: 0px; color: #e06666; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> </span>عن : </span></span></span></span></span></span></span></span></span><span style="font-family: 'Courier New', Courier, monospace; font-style: inherit; font-variant: inherit; line-height: 24px; text-align: center;"><span style="color: #6fa8dc;">]]></b:skin></span></span><br />
<b style="color: #333333; font-family: inherit; font-style: inherit; font-variant: inherit; line-height: inherit;">3. ضع الشكل المختار فوقه </b></div>
<div style="border: 0px; font-stretch: inherit; margin: 0px; outline: 0px; overflow: hidden; padding: 0px; vertical-align: baseline;">
<div style="background-color: white; color: #333333; font-style: inherit; font-variant: inherit; line-height: 25px;">
<span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><b><br /></b></span></span></div>
<div style="background-color: white; font-style: inherit; font-variant: inherit; line-height: 25px; text-align: center;">
<span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b>الشكل الأول</b></span></span></div>
<div style="background-color: white; font-style: inherit; font-variant: inherit; line-height: 25px; text-align: center;">
<span style="border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b><br /></b></span></span></div>
<div style="text-align: left;">
<blockquote class="tr_bq">
<span style="font-family: Courier New, Courier, monospace;"><span style="line-height: 18.2000007629395px; white-space: pre;">/* CSS Related Posts Ar1web */
#at-picture{background:#F9F9F9;padding:12px;margin:6px 0 0;border:1px solid #f2f2f2;overflow:hidden}
#at-picture h2{font-family:Electrolize,ge_ss_tvbold;font-weight:700;font-size:15px;color: #e74c3c;}
#at-picture a{background:#FFFFFF;font-family:Electrolize,ge_dinar_oneregular;color:#716F6F;box-shadow:0 2px 2px #f0f0f0;overflow:hidden;text-align:center;font-size:12px;font-weight:400;border:1px solid #f8f8f8;text-decoration:none;margin:0 7px 5px 0;padding:6px;float:right}
#at-picture a img{width:100px;height:98px}.box-related{width:100px;padding-left:3px;height:50px;border:0 none;margin:0 0 5px;padding:0;line-height:normal;font-stretch:normal}#at-picture a:last-child{margin-right:0}
#at-picture a:nth-child(1):hover{box-shadow:0 -3px 0 #E50700 inset}#at-picture a:nth-child(2):hover{box-shadow:0 -3px 0 #0084C5 inset}#at-picture a:nth-child(3):hover{box-shadow:0 -3px 0 #6CAC00 inset}#at-picture a:nth-child(4):hover{box-shadow:0 -3px 0 #00C3B7 inset}#at-picture a:nth-child(5):hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:hover{box-shadow:0 -3px 0 #FF8168 inset}#at-picture a:nth-child(1):hover,#at-picture a:nth-child(2):hover,#at-picture a:nth-child(3):hover,#at-picture a:nth-child(4):hover,#at-picture a:nth-child(5):hover,#at-picture a:hover{background:#fff}#at-picture img{width:100%;margin:0;padding:0}#posting{width:auto!important;max-width:100%;margin:15px 20px 15px 0}</span></span></blockquote>
</div>
</div>
</div>
</div>
<br />
<div style="text-align: center;">
<b><span style="font-family: inherit;">الشكل التاني</span></b></div>
<div style="text-align: center;">
<b><span style="font-family: inherit;"><br /></span></b></div>
<div style="text-align: center;">
<b><span style="font-family: inherit;"><br /></span></b></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;">/* CSS Related Posts ProYounessBlogg */</span><span style="font-family: Courier New, Courier, monospace;">.related-post{margin:10px 0;}</span><span style="font-family: Courier New, Courier, monospace;">.titlehead{margin:0 4px 10px;font-size:15px;border-bottom:3px solid #ecf0f1;color:#E74C3C;font-weight:700;padding-bottom:2px;font-family:Electrolize,ge_ss_tvbold;}</span><span style="font-family: Courier New, Courier, monospace;">.titlehead span{border-bottom:3px solid #E74C3C;padding-bottom:4px;}</span><span style="font-family: Courier New, Courier, monospace;">.related-post{margin:1em auto 0;background: #F5F5F5;border: 1px solid #ddd;}</span><span style="font-family: Courier New, Courier, monospace;">.related-post-style-3,.related-post-style-3 li{margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden;}</span><span style="font-family: Courier New, Courier, monospace;">.related-post-style-3 .related-post-item{float:right;width:299px;height:auto;margin:0 3px;margin-bottom:-993px;padding-bottom:999px;outline:0;}</span><span style="font-family: Courier New, Courier, monospace;">.related-post-style-3 .related-post-item:first-child{border-left:none;}</span><span style="font-family: Courier New, Courier, monospace;">.related-post-style-3 .related-post-item-thumbnail{max-width:none;max-height:none;padding:0;float:right;margin-right:10px;}</span><span style="font-family: Courier New, Courier, monospace;">.related-post-style-3 .related-post-item-title{font-weight:500;font-size:14px;margin-right: 10px;font-family: Electrolize,ge_dinar_oneregular;}</span><span style="font-family: Courier New, Courier, monospace;">div.rel-item-post{background:#FFF9E2;padding:8px;border:1px solid #EEDFB2;}</span><span style="font-family: Courier New, Courier, monospace;">div.rich-snippet{padding:7px 7px 20px;margin:10px 0;background:#eee;border-top:1px solid #DBDBDB;font-size:12px;color:#525252;line-height:1.6em;font-family: Electrolize,ge_ss_threeregular;border: 1px solid #DFDDDD;}</span><span style="font-family: Courier New, Courier, monospace;">div.st_share{margin:10px 0;}</span><span style="font-family: Courier New, Courier, monospace;">div.rich-snippet span{color:#727272;}</span></blockquote>
<div style="text-align: center;">
<span style="font-family: Courier New, Courier, monospace;"></span></div>
</div>
<br />
<div style="background-color: white; border: 0px; font-stretch: inherit; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;"><span style="color: #333333; font-family: inherit; font-weight: bold;">4. ابحث عن </span><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="color: #3d85c6; font-family: Courier New, Courier, monospace;"><data:post.body/></span></span><span style="border: 0px; color: #e06666; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> </span></span><span style="background-color: transparent; border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">ضع  بعده [ أسفل] </span></span><span style="border: 0px; color: #333333; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">الشكل المختار</span></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">
<b><span style="font-family: inherit;"><span style="background-color: transparent; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> </span><span style="background-color: transparent; border: 0px; color: red; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">*</span><span style="background-color: transparent; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"> ملاحظة قد تجد الكود متكرر مرتين أو أكثر الأخير هو المقصود .. بإمكانك الإستغناء عن البحث عنه إذا كان لديك أزرار المشاركة أو تعريف الكاتب إلى غير ذلك وتعرف مكان الأكواد ضع الكود بالمكان المناسب لك.</span></span></b></div>
<div style="background-color: white; border: 0px; color: #333333; font-stretch: inherit; line-height: 25px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">
<b><span style="font-family: inherit;"><span style="background-color: transparent; border: 0px; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><br /></span></span></b>
<br />
<div style="text-align: center;">
<b><span style="background-color: transparent; border: 0px; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: 24px; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">الشكل الاول</span></b></div>
</div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span><span style="font-family: Courier New, Courier, monospace;"><script> var defaultnoimage = &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyfVJ2LPFuOdaSwlwP-c9xYZ_6JkFMu38TwGZtoCchNJdO8VuIDRCPfbfb1JXuoKCIpqy1UJgx54uQgaUc6YjFQZAv1XeAPn6NrP692osiHGJyRqQxFvsOvjz7OE05OX4gO-3pU3nSdU8/s100/picture_not_available.png&quot;; var maxresults = 5; var splittercolor = &quot;#d3d3d3 &quot;; var relatedpoststitle = &quot;تدوينات ذات صلة :&quot;; </script></span><span style="font-family: Courier New, Courier, monospace;"><script src='https://ar1web-com.googlecode.com/svn/Hm/rehm.js' type='text/javascript'/></span><span style="font-family: Courier New, Courier, monospace;"><div id='at-picture'></span><span style="font-family: Courier New, Courier, monospace;"><b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script></span><span style="font-family: Courier New, Courier, monospace;"></div></span><span style="font-family: Courier New, Courier, monospace;"></b:if></span></blockquote>
</div>
<br />
<div style="text-align: center;">
<span style="font-family: inherit;"><b>الشكل التاني</b></span></div>
<div style="text-align: center;">
<span style="font-family: inherit;"><b><br /></b></span></div>
<blockquote class="tr_bq" style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;"><div class='related-post' id='related-post'/></span><span style="font-family: Courier New, Courier, monospace;"><script type='text/javascript'></span><span style="font-family: Courier New, Courier, monospace;">var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'></span><span style="font-family: Courier New, Courier, monospace;">&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></span><span style="font-family: Courier New, Courier, monospace;"></b:loop></b:if>];</span><span style="font-family: Courier New, Courier, monospace;">var relatedPostConfig = {</span><span style="font-family: Courier New, Courier, monospace;">homePage: &quot;<data:blog.homepageUrl/>&quot;,</span><span style="font-family: Courier New, Courier, monospace;">widgetTitle: &quot;<h3 class='titlehead'><span>تدوينات ذات صلة:</span></h3>&quot;,</span><span style="font-family: Courier New, Courier, monospace;">numPosts: 6,</span><span style="font-family: Courier New, Courier, monospace;">summaryLength: 0,</span><span style="font-family: Courier New, Courier, monospace;">titleLength: &quot;auto&quot;,</span><span style="font-family: Courier New, Courier, monospace;">thumbnailSize: 65,</span><span style="font-family: Courier New, Courier, monospace;">noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,</span><span style="font-family: Courier New, Courier, monospace;">containerId: &quot;related-post&quot;,</span><span style="font-family: Courier New, Courier, monospace;">newTabLink: false,</span><span style="font-family: Courier New, Courier, monospace;">moreText: &quot;Read More&quot;,</span><span style="font-family: Courier New, Courier, monospace;">widgetStyle: 3,</span><span style="font-family: Courier New, Courier, monospace;">callBack: function() {}</span><span style="font-family: Courier New, Courier, monospace;">};</span><span style="font-family: Courier New, Courier, monospace;"></script></span><span style="font-family: Courier New, Courier, monospace;"><script src='https://ar1web-com.googlecode.com/svn/Hm/related%20posts.js' type='text/javascript'/></span></blockquote>
<div style="text-align: left;">
<span style="font-family: Courier New, Courier, monospace;"></span></div>
</div>

إضافة مواضيع ذات صلة بشكليين

أداة مواضيع ذات صلة من أهم الأدوات التى يجب على كل مدون يضيفها إلى المدونة خصوصًا إذا كانت تحتوى على مصغرات صور لما لها من أهمية ك...

المزيد

إضافة محرك بحث متجاوب لمدونة بلوجر من تصميمي

إضافة مواضيع ذات صلة بشكليين

المشاركات الشائعة

أرشيف المدونة