أهم اضافات بلوجر من ضروري تواجدها بمدونتك







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

1-اضافة صندوق أعجابات الفيس بوك لمدونات بلوجر
كلنا نعلم اهمية مواقع تواصل الأجتماعي عامة والفيس بوك خاصة ، حيث ان الفيس بوك بوقتنا الحالي انتشر بشكل رهيب جدا وصل عدد مستخدميه اون لاين في يوم واحد حوالي 2 مليار نعم هذا فقط فيسبوك اذا لابد من استغلاله بشكل تام للوصول بسهولة للمتابعين والزوار ، فأضافة بلوجر هذه تمكنك من عرض صندوق اعجاب وتعليقات صفحتك على فيسبوك بطريقة جذابه وأحترافية بالموقع الخاص بك
شرح التركيب :- توجه مباشرة لهذه صفحة " developers facebook "
بعد الولوج ستجد : عنوان URL لصفحة فيسبوك: قم بوضع رابط صفحة مدونتك بالفيسبوك
في الأسفل هنالك عبارة الحصول على رمز اضغط عليها سيظهر كودين انسخ الاول واذهب للتخطيط وبعدها اختر والصقه بداخلها HTML/JavaScript ثم انسخ كود ثاني وضعه اسفل كود سابق
2- من ضمن اضافات بلوجر " صندوق انضام مع ازرار مواقع تواصل الاكثر جاذبية
حقيقية تعتبر هذه الاضافة نوعا ما مهمه للمدونة فائدتها تعرض روابط صفحات بالفيسبوك وجول بلس والخ..... وايضا زر الانضمام الذي عندما يقوم زائر ما في طلب انضام سيصبح من اعضاء متابعين مدونتك ورغم ذلك فهي متجاوبة مع هواتف بالنسبة لشكلها والالوان الرائعه خاص بها
شرح التركيب :- كما اعتندا بالخطوات سابقة ايضا توجه للتخطيط من لوحة تحكم واضف HTML/JavaScript والصق كود بها
رمز Code:
<style>
.about_blog { padding: 0; overflow: hidden;background: #fff; }
.about-Pro7web-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
.about-Pro7web-img{position:relative;max-height:140px;overflow:hidden}
.about-Pro7web-img img {max-width:100%;width:100%;transition:all .6s;}
.about-Pro7web-img:hover img{transform:scale(1.2) rotate(-10deg)}
.about-Pro7web-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;transition:all .3s}
.about-Pro7web-img:hover:before{background:rgba(0,0,0,0.6);}
.aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;right:22.5%;z-index:3}
.about-Pro7web-float{text-align:center;display:table;width:100%;height:100%}
.about-Pro7web-float a{color: #fff; padding: 8px 14px; z-index: 2; display: table-cell; width: 100%; font-size: 100%; text-transform: uppercase; vertical-align: middle; transition: all .3s; border: 2px solid #FFFFFF; font-weight: bold; background: rgba(0,0,0,0.5); text-shadow: 0 2px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0,0,0,0.13), 0 3px 0 -1px rgba(19, 18, 18, 0.38), 0 3px 13px -1px rgba(0, 0, 0, 0.08); border-radius: 2px;}
.about-Pro7web-float:hover a{background:#fff; color: #444!important;}
.about-Pro7web-float a i{font-weight:normal;margin-left:5px}
.about-Pro7web-wrpicon{display:block;margin:0 auto;position:relative;}
.extender{text-align:center;font-size:16px;    margin: 15px!important;}
.extender .about-Pro7web-icon{display: inline-block!important; border: 0!important; margin: 0!important; padding: 0!important; width: 32%!important;}
.extender .about-Pro7web-icon a{background: #ccc; display: inline-block; font-weight: 400; color: #fff; line-height: 32px; border-radius: 3px; font-size: 12px; width: 100%; border: 1px solid rgba(0,0,0,0.21); border-bottom-color: rgba(0, 0, 0, 0.27); text-shadow: 0 1px 0 rgba(0,0,0,0.15); box-shadow: 0 1px 0 rgba(255,255,255,0.34) inset, 0 2px 0 -1px rgba(0, 0, 0, 0), 0 3px 0 -1px rgba(0,0,0,0.08), 0 3px 13px -1px rgba(0, 0, 0, 0.08);}
.extender .about-Pro7web-icon i{font-family:fontawesome;margin:10px 3px 0 0}
.about-Pro7web-icon.fbl a{background:#3b5998}
.about-Pro7web-icon.twitt a{background:#19bfe5}
.about-Pro7web-icon.crcl a{background:#d64136}
.about-Pro7web-icon.fbl a:hover,.about-Pro7web-icon.twitt a:hover,.about-Pro7web-icon.crcl a:hover{background:#313B42}
.extender .about-Pro7web-icon:hover a,.extender .about-Pro7web-icon a:hover{color:#fff;}
.about-Pro7web-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
.about-Pro7web-info p{margin:5px 0;font: 12px Droid Arabic Naskh;    color: #444;}
.about-Pro7web-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.about-Pro7web-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
.about-Pro7web-info h4:before,.about-Pro7web-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:rgba(0, 0, 0, 0.08)}
.about-Pro7web-info h4:before {margin-right:-50%;text-align:left;}
</style>
<div class="about_blog">
<div class="inner_wrapper">
<div class="about-Pro7web-img">
<img alt="alwan may" class="img-responsive" height="auto" src="https://1.bp.blogspot.com/-SgMP9usY17o/Vq1wQUX40FI/AAAAAAAAA5Q/OOnHGeHuOL4/s1600/Festival-Of-Colors-People-HD-Wallpaper.jpg" width="300" />

<div class="aboutfloat-img">
<span class="about-Pro7web-float"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-user"></i> 'F6E DEHB9F'</a></span></div>
</div>
</div>
<div class="about-Pro7web-info">
<h4>
*'(9F' ,/J/ EHB9F'</h4>
*EJ2 (D' -/H/</div>
<div class="about-Pro7web-wrpicon">
<ul class="extender">
<li class="about-Pro7web-icon fbl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-facebook fa-fw"></i> 5A-*F'</a></li>
<li class="about-Pro7web-icon twitt"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-twitter fa-fw"></i> *'(9F'</a></li>
<li class="about-Pro7web-icon crcl"><a href="#" rel="nofollow" target="_blank"><i class="fa fa-google-plus fa-fw"></i> ,H,D</a></li>
</ul>
</div>
</div>
3- اضافة زر اشتراك اليوتيوب لمدونة بلوجر
كما تحدثنا قبل قليل عن مدى تاثير فيس بوك وكثرة مستخدميه الا اننا لاننسى دور اليوتيوب الكبير لجلب الزوار من خلال عمل شروحات وغيرها لمواضيع معينة ووضع رابط موقعك اسفل الفيديو مما يعني زيارات اكثر وثقة اكبر من جوجل الاضافة التي نتكلم عنها تحتوي على كود نظيف جدا يكفي ان رسميا من شركة جوجل من قبل مطورين
تركيبه للمدونة :- توجه فورا لهذا رابط " developers google "
بعد دخولك سيظهر لك صندوق يطلب منك في اول خيار ان تضع معرف قناتك : ولمعرفته سهل جدا : اما تدخل لقناتك وتنسخ قسم من رابط الاخير
او من خلال هذه صفحة " معرف قناة يوتيوب "
واخيرا في اسفل صندوق سيكون هنالك كود قم بنسخ وقم بالذهاب للتخطيط من مدونتك واختر اضافة اداة
HTML/JavaScript وقم بلصقه بداخلها .
4- اضافة نموذج اتصل بنا لمدونة بلوجر
من أهم اضافات بلوجر هي صفحة اتصل بنا حيث تعتبر من ضروريات والتي من الواجب توافرها على موقع لكي يعطي للمدونة مصداقية اكثر عبر تواصل مع مؤسس موقع ، وآيضا يفيد صاحب مدونة ان يحظى بثقة زوار به
للتواصل معهم لحل مشاكل معينة تتعلق بالموقع نفسه مثل روابط معطلة وغيرها او استفسار وطلب مساعدة من زائر ما
لتركيب الاضافة :- اتجه الى هذا الدرس موجود بمنتدى ترايدنت " أجمل اضافة نموذج اتصل بنا بلوجر مميزة "
به شرح كامل ومختصر لتركيب نموذج
5- اضافة ازرار مواقع التواصل الأجتماعي لبلوجر بأحترافية
بطبيعة حال الفيس بوك واليوتيوب ليس الوحيدان ضمن اشهر مواقع بل هنالك اعدد كثيرة مثل تويتر ولينكد ..... لذا تم جمع اهم مواقع بصندوق متجاوب لعرضها للزوار بشكل انيق ومنفرد
طريقة التركيب:- قم بتحرير قالب من لوحة تحكم وابحث عن ]]></b:skin> من خلال الضغط بالكيبورد على CTRL+F
رمز Code:
.sw-social-counter{clear: both;  overflow: hidden;  margin-bottom: -16px;} .sw-social-counter .sc-wrapper{margin: 0 -7px;} .sw-social-counter .sc-wrapper .sc-item{padding: 0 7px;float: right;margin-bottom: 22px;width: 28.8%;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner{text-align: center;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon{display: block;background: #4968a9;margin: 0;padding: 12px 0;font-size: 24px;color: #fff;position: relative;transition: all 0.2s ease-out 0s;-webkit-transition: all 0.2s ease-out 0s;-ms-transition: all 0.2s ease-out 0s;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a:hover .sc-icon{opacity: 0.9;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon:after{content: "";border-top: 7px solid #4968a9;border-left: 7px solid transparent;border-right: 7px solid transparent;position: absolute;left: 50%;bottom: -6px;margin-left: -7px;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .like-count{color: #747474;padding: 6px;display: block;clear: both;border: 1px solid #EFEFEF;border-top:none;position: relative;letter-spacing: 0px;font-family: cursive;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a:hover .like-count{color: #626060;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-rss{background: #fd9f13;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-rss:after{border-top-color: #fd9f13;} .sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-twitter{background: #24e0f1;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-twitter:after{border-top-color: #24e0f1;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-linkedin{background: #0097BD;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-linkedin:after{border-top-color: #0097BD;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-youtube{background: #ce322e;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-youtube:after{border-top-color: #ce322e;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-vimeo{background: #5BC8FF;min-height: 48px;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-vimeo:after{border-top-color: #5BC8FF;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-google-plus{background: #ec3939;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-google-plus:after{border-top-color: #ec3939;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-dribbble{background: #eb4c89;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-dribbble:after{border-top-color: #eb4c89;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-instagram{background: #2f689b;}.sw-social-counter .sc-wrapper .sc-item .sc-item-inner a .sc-icon.fa-instagram:after{border-top-color: #2f689b;} #Label1 ul li{list-style:none;width:48%;float:right;padding:0 2px 0 3px;position:relative;} #Label1 li a{position: relative;width: 80%;float: right;display: block;padding: 4px .3em .4em .6em;margin: 2px;background: transparent;border: 1px solid #E7E7E7; color: #444;text-decoration: none;text-shadow: 1px 1px rgba(255, 255, 255, 0.48);font-family:cursive;text-align: right;} #Label1 li:after{  content: "\f0da";font: 18px fontawesome;left: 22px;top: 9px;position: absolute;color: #0FD2AD;} #Label1 ul li span{background: #0FD2AD;float: left;border:1px solid #0BBB9A;border-right: 0;color: #fff;font-weight: 700;margin-left: -3px;font: 11px electrolize;height: 84%;width: 22px;text-align: center;line-height: 30px;position: absolute;margin-top: 1.9px;} #Label1 li a:hover {color: #0FD2AD;border: 1px solid #E4E4E4;} .item-title {text-align: right;}
وأخير بنفس خطوات سابقة توجه الى تخطيط --- اضافة اداة جافا سكريبت واضف هذا كود بداخلها " تنزيل كود مواقع تواصل لبلوجر "
وغير هذا رمز # برابط صفحة فيسبوك واليوتيوب ........ حيث سيكون مكرر غيره بأكمله .
6- أضافة فهرسة لمدونة بلوجر
اخر اضافات بلوجر الفهرس هو لتسهيل عملية البحث عن مواضيع وتقسيم وعرض تدوينات بأختصار وصورة مبسطة كذلك يعتبر من اساسيات اضافات بلوجر لأي مدونه ، ويعتبر الهيكل الداخل للمدونه ولايضر مدونه ابد من حيث سرعه او الارشفه فهو ان صح القول عامل مساعد شبه مهم للمدونات
طريقة التركيب :- اذهب للوح تحكم للمدونة ومن ثم الى الصفحات وبعدها اختر صفحة جديدة وقم بتسميتها بأي اسم ترغب بوضعه واخيرا حمل هذا كود " تحميل كود فهر بلوجر
انسخه وارجع للصفحة التي انشئتها حولها من تأليف الى HTML والصق كود ومبروك عليك الأضافة .

https://www.traidnt.net/vb/traidnt2734403/