إضافة آخر التعليقات مع صور للمعلقين (شكل جديد)

السلام عليكم ورحمة الله وبركاته مرحباً بكم يا زوار ومتابعي مدونة واب ويب، اليوم أتيتكم بإضافة آخر التعليقات لمدونات بلوجر بشكل جديد لهذه الإضافة مخصصة بتقنية Css ذات مظهر جميل و تأثيرات رائعة على الصور, يمكنك مشاهدة مثال مباشر في مدونة محمد

أداة الإشتراك عبر البريد الإلكتروني (شكل احترافي) بلوجر

السلام عليكم و رحمة الله تعالى و بركاته إخواني الكرام زوار و متتبعي و محبي هذه المدونة اداة الإشتراك عبر البريد الإلكتروني هي اداة مميزة ولها فوائد كثيرة منها 

إضافة أيقونات الشبكات الإجتماعية إلى مدونات البلوجر

السلام عليكم و رحمة اله تعالى و بركاته , أما بعد

مرحباً بزوار ومتابعي مدونة واب ويب لفد اخترت لكم في هذه التدوينة طريقة إضافة أيقونات الشبكات الإجتماعية بشكل جميل و تضم كل من الفيس بوك و تويتر و جوجل بلس  ورابط التغذية لمدونتك Rss

طريقة إضافة أيقونات الشبكات الإجتماعية بشكل جميل و تضم كل من الفيس بوك و تويتر و جوجل بلس  ورابط التغذية لمدونتك Rss وهو  درس جد سهل و يمكن للجميع أن يطبقه بسلاسة , يمكنك مشاهدة مثال حي على هذه الإضافة حيث أنه إذا أعجبتك يمكنك تركبيها في مدونتك و ذلك بتتبع الخطوات التالية :

• اذهب إلى لوحة التحكم الخاصة بمدونتك ثم اختر=> تصميم => ثم إضافة اداة HTML/javascript

• قم بنسخ ثم لصق الكود التالي داخل صندوق الأداة :

<a href="facebook page" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtMSLdtx13eb9B27pVUwwk0MvbmWQmYN2E49lrmV3lJnQbUvEUXVFJuw_m9JQxmmcGqHEcKkd0tpm8KJn9dpOSjrlXAk-1xahVW9pXG2DguIaIWMSzlzCKT_iNOjrMjHLtyNOBH24q4ag/s1600/facebook-30x43.png" /></a><a href="Twitter " imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQa5IRVnvPt4x6EZ8Q1Bm9ztLIsU9BxKL6Kn_jfhYF0zpoLkjX5u69WJTwB9W_rAgOUt4Qx0i12ti_uqkn6PiWgYFqy37IHCaeuVFqIClo7K7pwuoB3A7qpM94-cSNOKp5FYlI8whbM6g/s1600/twitter-30x43.png" /></a><a href="Google plus page" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGivyO9K9QdTLu8im05tRVxLqGXZEfqHoiLcZp7J8_THbrwtV_RXUxjIoNxY2hjlw_0cFU_1B3K7COla5iyrX_jmGxy24xsjsIo0G16-bJ8yq3rW64ouGzmoj7xOgg0Nqk3zJEeg-vyDA/s1600/googleplus-30x43.png" /></a><a href="Feedburner url" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdRA52NPt5qAizFjNGcsNkwE3VM-0eAZb8Jsqv1n1j8R1_H_iAJPNJ-IDjtzJ4NjahoS3a8CfAz4I5H6U_YK48Z-_IVIP1dsSwmGOrL64wzEMZkE1iXaQHjmUsi1oU_atVdm7ycQ6cr_U/s1600/rss-30x43.png" /></a>

تعديل الكود 

1. Facebook Page ==> رابط صفحتك على الفايسبوك
2. Twitter ==> رابط تويتر الخاص بك
3. Google Plus Page ==> رابط صفحتك أو بوفايلك على جوجل بليس 
4. Feedburner Url ==> رابط التغذية Rss الخاص بمدونتك

إلى هنا أكون قد انتهيت من هذا الدرس و إلى اللقاء في درس قادم إن شاء الله .

مسابقة أحسن تعليق ومنحة مجانية لدراسة دبلوم التنمية البشرية

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

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

السلام عليكم إخوتي أخواتي زوار مدونة واب ويب 

 اليوم لدي إضافة بها أجر عظيم جدا جدا وثوابها كبير هي إضافة القرآن الكريم بمواقعكم أو مدوناتكم فهي صدقة جارية تستنفعون بها في حياتكم ومماتكم تفضلو صورة الإضافة

إضافة "مواضيع ذات صلة" أسفل التدوينات

السلام عليكم ورحمة الله تعالى وبركاته

أهلاً وسهلاً 

بزوار مدونة واب ويب الأعزاء 

أقدم لكم اليوم إضافة غنية عن التعريف لكن ذات أهمية كبيرة. وهي إضافة مواضيع ذات صلة أو إقرأ أيضا مثل الموجودة في مدونة إفادة.

وتعتبر الإضافة مهمة جدا لكل مدونة، حيث تساعد على ربط الصفحات والمواضيع فيما بينها، و سهولة تنقل الزائر بين صفحات مدونتك، و أيضا تساعدك على أرشفة مدونتك وكسب ثقة محركات البحث.

معاينة مباشرة للإضافة

 شرح تركيب الإضافة :

أولا قبل كل شئ يجب حفظ نسخة من قالبك تحسباً لأي خطأ.

ثم ندخل على قالب > تحرير HTML > توسيع مربع البحث

ونبحث عن الكود التالي :

 </head>}

فوقه مباشرة نقوم بوضع الكود التالي :

<!--Related Posts  with thumbnails Scripts and Styles Start-->          

<b:if  cond='data:blog.pageType == &quot;item&quot;'>            
<style type="text/css">           
#related-posts {           

min-height:1
float:center;           
text-transform:none;           
height:100%
;00%;           
padding-top:5px;           
padding-left:5px;           
}           



#related-posts h2{           
font-size:

1.3em;           

font-weight: bold;           
color: black;           

Tahoma, Georgia, “Times New Roman”, Times,  serif;           
font-family:
 
margin-bottom: 0.75em;           

-top: 0em;           
}    
margin-top: 0em;           
paddin
g       
#related-posts a{           
color:black;           

} 
}           
#related-posts a:hover{           
color:black; 
           

#related-posts  a:hover {           

#d4eaf2;            
background-color
:
}           

<script sr
</style&gt

;c='http://sma-blogger.googlecode.com/files/relatedthumbs21.js'  type='text/javascript'/>           
</b:if>            

thumbnails Scripts and Styles End-->
<!--Related Posts with
 

بعد ذلك نقوم بالبحث عن

  <div  class='post-footer-line post-footer-line-1'>

اذا لم تجده في قالبك ابحث عن :

<p class='post-footer-line post-footer-line-1'>

ثم أضف الكود التالي بعد الكود السابق مباشرة :

<!-- Related Posts with Thumbnails  Code Start--> 

<b:if  cond='data:blog.pageType ==  &quot;item&quot;'> 
<div id='related-posts'>  

ls' var='label'> 
<b:if  cond='data:label.isLas
<b:loop values='data:post.lab
et != &quot;true&quot;'> 
</b:if>  

/&quot; +    data:label.name +    &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;'    type='text/javascript'/></b:loop> 
<script  type='text/javascript'> 
var  current
<script expr:src='&quot;/feeds/posts/default/
-posturl=&quot;<data:post.url/>&quot;; 

var maxresults=5; 

var  relatedpoststitle="مواضيع ذات صلة";  

removeRelatedDuplicates_thumbs();  
printRelatedLabels_thumbs(); 

lt;div  style='c
</script> 
</div>
&lear:both'/> 
</b:if> 

data:blog.homepageUrl'><b:if  cond='data:post.isFirstPost'> 
<a  href='http://www.efada.ne
<b:if cond='data:blog.url == 

 t'   style='display:none;'>Related  Posts with thumbnails for   blogger</a><a  href='http://www.efada.net'    style='display:none;'>EfadaBlog</a>  
</b:if></b:if> 

humbnails Code  End-->
<!-- Related Posts with 
T

تخصيص الإضافة لتتناسب مع مدونتك :

 لتغيير عبارة مواضيع ذات صلة بأخرى من اختيارك 

 var  relatedpoststitle="مواضيع ذات صلة";

لتغيير عدد التدوينات التي ستظهر في الإضافة

 var maxresults=5;

لتغيير لون الخلفية التي تظهر عند التأشير بالفأرة

background-color:#d4eaf2;

لتغيير حجم خط الإضافة

 font-size: 1.3em;

لتغيير نوع خط الإضافة

 font-family: Tahoma, Georgia

دمتم في رعاية الله وحفظه.

من قوالب بلوجر 2013 قالب لندن الابداعية (Red Skin)

قالب جميل جدا خاص بمدونات بلوجر مهدى من طرف المدون "أخبار المصارعة " لزوار مدونة واب ويب ويسمي هذا القالب ب " لندن الابداعية (Red Skin) " وهو قالب مجاني متاح للجميع ومصمم بطريقة جيدة .