منتديات الهجان
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات الهجان


 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
الهجان
مستر وليد فريد
مستر وليد فريد
الهجان


ادعية لوجة الله : هوا الله
السرطان ذكر
عدد المساهمات : 4697
تاريخ الميلاد : 04/07/1975
تاريخ التسجيل : 21/09/2009
العمر : 48

أهم الاضافات التي تحتاجها المدونة Empty
مُساهمةموضوع: أهم الاضافات التي تحتاجها المدونة   أهم الاضافات التي تحتاجها المدونة Icon_minitimeالخميس يوليو 11 2013, 00:47

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

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

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


-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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


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

للإضافة هذه الأداة اتبع الخطوات التالية:
في لوحة تحكم المدونة توجه الى التخطيط > إضافة أداة > 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 == "item"'>
<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 خدمة انشاء هذه الصفحات بسرعة و احترافية والأهم من ذلك أنها مجانية
ندخل الى الموقع هنا


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

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


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

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


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

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


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

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


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


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


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

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


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


الآن انتهينا من الموقع، نتوجه الى لوحة تحكم المدونة
ثم نضغط على الصفحات > صفحة جديدة > صفحة فارغة

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

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

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

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

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

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

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

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

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

<script src="http://Efada.Net/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>


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

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

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

بعد ذلك نضغط نشر
ثم نقوم بنسخ رابط المشاركة لأننا سنحتاجه فيما بعد
الآن نقوم بانشاء صفحة جديدة > عنوان ويب

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

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

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

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

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

اضافة أزرار الاعجاب من الفايسبوك
قالب > تحرير HTML > توسيع القالب > البحث عن الكود التالي


ستجد أن الكود مكرر المقصود هو الثاني
اذا رغبت أن تظهر الأزرار في بداية التدوينة فأضف الكود التالي قبل الوسم السابق، أما
اذا أردتها في آخر التدوينة فأضفه بعده

كود:
اقتباس :

الكود:
<b:if cond='data:blog.pageType == "item"'>
<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
أهم الاضافات التي تحتاجها المدونة Img_1351619680_163
button_count
أهم الاضافات التي تحتاجها المدونة Img_1351619683_334
box_count
أهم الاضافات التي تحتاجها المدونة Img_1351619682_193

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

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

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

نذهب الى قالب > تحرير 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&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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 برابط صفحتك على الفيس بوك.
-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --

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

في أمان الله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://waled6662003.yoo7.com
 
أهم الاضافات التي تحتاجها المدونة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» تاثير شعار المدونة جميل جدا
»  طريقة جعل قائمة المدونات تتحرك مع النزول الى اسفل المدونة
» شرح إضافة شريط آخر مواضيع المدونة بشكل متحرك
»  شرح كيفية تغيير خط المدونة إلى خط أكثر جمالية و وضوحا
»  للمبتدئين كيفية اخفاء قسم من اقسام المدونة او اظهار القسم

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الهجان :: ركن بلوجر :: اضافات وهكات بلوجر-
انتقل الى: