Uncategorized

أهم الاضافات التي تحتاجها المدونة – هامة و رائعة-الجزء الأول

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



أقدم لكم أهم الاضافات التي تحتاجها المدونة – هامة و رائعة-الجزء الأول


الإضافات تم انتقاءها حسب الأهمية، و لاداعي للإكثار من الإضافات لأنها تؤثر سلبًا على المدونة

لذلك سنركز على المهمة فقط و الضرورية .

أهم الاضافات التي تحتاجها المدونة
الاضافات التي تحتاجها المدونة


على بركة الله نبدأ:

— — — — — — — — — — — — — — — — — — — — — —


 
إضافة أزرار المواقع الاجتماعية :

الاضافات التي تحتاجها المدونة

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


للإضافة هذه الأداة اتبع الخطوات التالية:


في لوحة تحكم المدونة توجه الى 
التخطيط > إضافة أداة > HTML/JavaScript

ثم ضع هدا الكود

كود:
<div class="flt-wdt">

<style>#floatingbookmarks { 
right:25px;
top:40px;
margin-top:10px;
position:fixed;
width:40px;
}

#floatingbookmarks .float {margin:7px} 
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}
</style>

<b:if cond='data:blog.pagetype == &quot;item&quot;'> 
<div id='floatingbookmarks'>

<a style="text-decoration:none;"  href="http://www.facebook.com/YourLink" rel="nofollow"  onclick="window.open('http://www.facebook.com/YourLink');return  false;"  title="تابعيني عبر الفايسبوك "> <img border="0"   id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر الفايسبوك"   src="http://4.bp.blogspot.com/-lfV0s1Swxb8/UEvwyyankiI/AAAAAAAAAH0/oIAiBU0GQW4/s1600/facebook.png"   name="Facebook"/> </a> 

   <a style="text-decoration:none;"  href="https://twitter.com/YourLink" rel="nofollow" rel="nofollow" target="_Blank" rel="nofollow"  onclick=" window.open('https://twitter.com/YourLink');  return false;"  title="تابعني على توتير"> <img border="0"  id="Twitter"  style="padding-bottom:1px;" alt="تابعني عبر تويتر"   src="http://1.bp.blogspot.com/-1etn6aStcTQ/UEvw1dcKNKI/AAAAAAAAAIU/ph6X_Z8ru04/s1600/twitter.png"   name="Twitter"/> </a>

<a style="text-decoration:none;"  href="http://YourLink/feeds/posts/default" rel="nofollow"  onclick="window.open('http://YourLink/feeds/posts/default');return   false;" title="تابعني عبر خلاصات المدونة"> <img border="0"   id="Facebook" style="padding-bottom:1px;" alt=""   src="http://2.bp.blogspot.com/-iUuRs_V0QoQ/UEvw0kD9noI/AAAAAAAAAIM/AsrY3hydIRE/s1600/rss.png"   name="RSS"/> </a> 

<a style="text-decoration:none;"  href="https://plus.google.com/YourLink" rel="nofollow"  onclick="window.open('https://plus.google.com/YourLink');return   false;" title="تابعني عبر جوجل +"> <img border="0" id="Facebook"   style="padding-bottom:1px;" alt="تابعني عبر جوجل +"   src="http://1.bp.blogspot.com/-xC96yIIGrUs/UEvw0LHmblI/AAAAAAAAAIE/dQ6Nu96qQC4/s1600/google.png"   name="Google +"/> </a> 

<a  href="javascript:window.external.AddFavorite('http://YourLink/',  'اسم المدونة');"  title=" أضف المدونة لمفضلتك"><img  border="0"   src="http://3.bp.blogspot.com/-IyXNMiQ2raA/UEvwzupvYzI/AAAAAAAAAH8/mxwT6NP36HU/s1600/favorite.png"   /></a> 

</div> 
</b:if>
 </div>




لا تنسى تغغير الروابط التي باللون الأحمر الى الحسابات الخاصة بك


بعد ذلك توجه الى 
قالب > تحرير HTML و ابحث عن

كود:
]]></b:skin>




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

كود:
.flt-wdt{
    position:fixed; right:10px; top:40%;
    }
    .flt-wdt img{
    float:right;
    clear:right;
    margin:5px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    }
    .flt-wdt img:hover{
    -moz-transform: scale(1.2) rotate(6deg);
    -webkit-transform: scale(1.2) rotate(6deg);
    -o-transform: scale(1.2) rotate(6deg);
    -ms-transform: scale(1.2) rotate(6deg);
    transform: scale(1.2) rotate(6deg);
    }




قم بحفظ التغييرات على قالبك


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

— — — — — — — — — — — — — — — — — — — — — —

 إضافة صفحة الإتصال {إتصل بنا، راسلني} :


تعد هذه الصفحة مهمة جدا للمدونات الناجحة اذ تفتح المجال لزوارك للتواصل معك و التفاعل مع المدونة،


وأغلبية المواقع الكبيرة و المشهورة تستعملها نظرا للأهميتها الكبيرة


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


يقدم موقع FoxyFrorm خدمة انشاء هذه الصفحات بسرعة و احترافية والأهم من ذلك أنها مجانية


ندخل الى الموقع من 
هـنـا

الاضافات التي تحتاجها المدونة


واجهة الموقع الرئيسية سهلة جدا ساقوم بشرحها


أولا الاعدادات وهي لاضافة خانة في النموذج أو ازالتها


ثانيا تعديل النمودج بما يلائم مدونتك


ثالثا اضافة الإيميل الذي ستتوصل به بالرسائل

الاضافات التي تحتاجها المدونة


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

الاضافات التي تحتاجها المدونة


أخيرا نضغط على الزر المبين في الصورة للمواصلة

الاضافات التي تحتاجها المدونة


بعدها سيظهر لنا كود النموذج جاهز نقوم بنسخه

الاضافات التي تحتاجها المدونة


الآن انتهينا من الموقع، نتوجه الى لوحة تحكم المدونة


ثم نضغط على
 الصفحات > صفحة جديدة > صفحة فارغة

الاضافات التي تحتاجها المدونة
الاضافات التي تحتاجها المدونة


بعدها نقوم باختيار تحرير HTML ونمسح الكود الموجود، ثم نقوم بلصق كود النمودج و نضغط على نشر

الاضافات التي تحتاجها المدونة


ومبروك عليك نموجذج الاتصال.

— — — — — — — — — — — — — — — — — — — — — —

 إضافة فهرس المدونة :


اضافة مهمة أيضا لتسهيل مأمورية تصفخ المدونة على زوارك


أولا في لوحة تحكم المدونة تقوم بعمل مشاركة جديدة مع تحويل نمط النص الى 
HTML 

 نقوم بمسح الكود الموجود وندرج الكود التالي مع مراعاة تغيير الرابط المشار اليه بالأحمر الى رابط مدونتك

كود:
<div dir="rtl" style="text-align: right;">
</div>
<script src="https://sites.google.com/site/3rbbbbby/httpssitesgooglecomsite3rbbbbby/sitmapabuiyad.js">
</script>

<script src="http://mostajad.blogspot.com/feeds/posts/summary?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> 
</script>

نقوم بتغيير http://mostajad.blogspot.com  برابط مدونتك


ثم نقوم بتغيير التاريخ الى آخر قديم حتى لا تظهر المشاركة مع التدوينات

 بعد ذلك نضغط نشر

ثم نقوم بنسخ رابط المشاركة لأننا سنحتاجه فيما بعد


الآن نقوم بانشاء
 صفحة جديدة > عنوان ويب

الاضافات التي تحتاجها المدونة


نقوم بكتابة عنوان للصفحة مثلا فهرس، فهرس المدونة..


ثم نلصق رابط المشاركة ونضغط 
حفط

الاضافات التي تحتاجها المدونة


تم اضافة صفحة الفهرس بنجاح.

— — — — — — — — — — — — — — — — — — — — — —

 إضافة أزرار “Like” و “Send” من الفيسبوك :


اضافة أزرار الاعجاب من الفايسبوك

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

<data:post.body/>


ستجد أن الكود مكرر المقصود هو الثاني


اذا رغبت أن تظهر الأزرار في بداية التدوينة فأضف الكود التالي قبل الوسم السابق، أما


اذا أردتها في آخر التدوينة فأضفه بعده

كود:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light'  action='like'  layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/></b:if>


لتخصيص الأزرار نقوم بعمل الآتي:


light هو لون الزر الفاتح يمكنك استبداله بآخر داخر بتغييره الى dark

standard هو شكل زر Like يمكنك تغييره بآخر من الأشكال التالية

standard
الاضافات التي تحتاجها المدونة
button_count
الاضافات التي تحتاجها المدونة
box_count
الاضافات التي تحتاجها المدونة


يمكنك استبدال اسم الشكل بالذي تريده

— — — — — — — — — — — — — — — — — — — — — —

 إضافة صندوق المعجبين بتقنية جكويري :

الاضافات التي تحتاجها المدونة


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

كود:
</head>

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

كود:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

ثانيا: توجه الى تخطيط إضافة أداة > HTML/JavaScript

كود:
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function()  {$(this).stop().animate({right: "0"}, "medium");}, function()  {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background:  url("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn")  no-repeat scroll left center transparent !important;display:  block;float: right;height: 270px;padding: 0 5px 0 46px;width:  245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida  grande",tahoma,verdana,arial,sans-serif;position: absolute;right:  6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox"  style=""><div><iframe  src="http://www.facebook.com/plugins/likebox.php?href=*Your_Page_URL&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270"   scrolling="no" frameborder="0" scrolling="no" style="border: medium  none; overflow: hidden; height: 270px; width:  245px;background:#fff;"></iframe></div></div>

استبدل Your_Page_URL برابط صفحتك على الفيس بوك.

— — — — — — — — — — — — — — — — — — — — — —

* للاستفسار عن أي شئ بخصوص ما جاء في هذه التدوينة أو طلب أي إضافة أخرى
يرجـى ترك تعليق وساقوم بالرد عليه

— — — — — — — — — — — — — — — — — — — — — —

الى هنا نصل الى النهاية

في أمان الله

Related Articles

أضف تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Back to top button