U3F1ZWV6ZTIzMzYwNzkxNjI5X0FjdGl2YXRpb24yNjQ2NDU1Mzk2ODM=
recent
أخبار ساخنة

افضل واهم اضافات بلوجر احترافية لعام 2019

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


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

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

اولا : صندوق ابداء الاعجاب بصفحتك على الفايسبوك :

من منا يريد ان يكبر صفحته على الفيسبوك , كلنا نريد ذلك ولكن عدة عوائق تحرمنا من ذلك , ولكن لاتخف ! فهده الاضافة الخاصة بصندوق الاعجاب بصفحتك على الفايسبوك ستجلب لك اعجابات شرعية وحقيقية من قبل زوار مدونتك , وبسبب ان الفايسبوك يعد من اشهر وسائل التواصل الاجتماعي واشهرها على الاطلاق , وانت عزيزي الزائر تقرا هدا المقال لانك تملك مدونة بالطبع فانت تحتاج الى زوار بطرق قانونية فالفايسبوك هو افضل وسيلة , ويتخطى مستخدمي الفايسبوك النشطون اكتر من 2 مليار ! , فهده الاضافة اكيد سوف تحتاجها وفي الاخير امر راجع اليك وهده الاضافة مقدمة من موقع فايسبوك للمطورين التابعة لشركة فايسبوك الام , فهي اضافة مجانية 100% و امنة ولاتقوم بالتاتير على مدونتك باي طريقة .


نبدا في شرح التركيب :
اولا عليك الولوج لموقع فايسبوك للمطورين لكي تقوم بتعديل على الاضافة من هنا , تقوم باستبدال رابط صفحة الفايسبوك بعنوان رابط صفحتك على الفايسبوك وعند الانتهاء تقوم بالضغط على زر الحصول على رمز تقوم بالنقر عليها تنبتق لك صفحة تقوم بنسخ الكود الاول فقط وتذهب لبلوجر داخل صفحة التخطيط قم باختيار احتواء مناسب للاضافة و من تم اختار كود html / java script وقم بلصقالكود هناك وقم بالضغط على زر الحفظ ومبروك عليك الاضافة.

تانيا : اضافة الاشتراك لقنوات اليوتيوب :

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

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


ولتركيب الاضافة امر بسيط وسهل , كل ماعليك التوجه لصفحة مطورين جوجل من هنا ومن تم يطلب منك فقط لصق معرف قناتك على اليوتيوب , وللحصول عليه عليك بالدخول لقناتك على اليوتيوب , وتقوم بنسخ الجزء الثاث من عنوان الموقع كما هو مبين في الصورة :


وتقوم بلصقه في خانة معرف القناة كما هو موضح في الصورة :


ومن تم تنزل قليلا تجد كود html تقوم بنسخه و اتجه لبلوجر ومن تم التخطيط وقم بالبحت عن مكان مناسب للاضافة و اختر اضاف اداة جافا سكريبت اش ت ام ال html/java script.



ثالثا : اضافة اتصل بنا احترافي :

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


لتركيب اضافة اتصل بنا عليك بانشاء صفحة جديدة وقم بتحويل من تاليف الى html وقم بحدف كل شيئ من اكواد وقم بلصق الكود الاتي :

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="contact_form">
<div class="contact_form-left">
<div class="form" style="float: left;">
ضع رسالتك هنا
<div class="widget ContactForm" id="ContactForm2">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
أسمك
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
أيميلك *
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
رسالتك *
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="أرسال" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="contact_form-right">
<div style="float: left;">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="asidebar" style="clear: both; text-align: left;">
<a href="http://www.compromath.com/p/about.html" imageanchor="1"><img border="0" src="http://lh5.googleusercontent.com/-iyW9jqINZ-o/AAAAAAAAAAI/AAAAAAAABgk/2vud2g5VBh8/s512-c/photo.jpg" /></a></div>أحمد غازي
مطور مواقع 
من العراق
للتواصل معي</div>
</div>
<div class="contact-social-title">
مشاركة على صفحات تواصل</div>
<div class="contact-social">
<ul>
<li title="Be Facebook Fan"><a href="http://facebook.com/compromath/" rel="nofollow"><img src="https://3.bp.blogspot.com/-ItRge4ExyPM/WLGuPzMNJrI/AAAAAAAABc4/GD3vFk5MOzUgrDjgC7REIlykd0-NQaI0ACLcB/s1600/facebook%2Bicon.png" /></a></li>
<li title="Follow on Twitter"><a href="https://twitter.com/compromath" rel="nofollow"><img src="https://1.bp.blogspot.com/-0ifsCvU2iyg/WLGuQoNPZzI/AAAAAAAABdM/cBuFV60RoRQwKPbfAILlo_uiLOb4EplzACLcB/s1600/twitter%2Bicon.png" /></a></li>
<li title="Follow on Google Plus"><a href="https://plus.google.com/+compromath" rel="nofollow"><img src="https://3.bp.blogspot.com/-VJGWhCggjSA/WLG2JjkzikI/AAAAAAAABds/gu0IJKMlJj0mrM7skxwNr3ffLgM7jg03gCLcB/s1600/google%2Bplus%2Bicon.png" /></a></li>
<li title="Connection on Linkedin"><a href="https://www.blogger.com/"><img src="https://3.bp.blogspot.com/-1AtLT4ASRT8/WLGuQP_1mlI/AAAAAAAABdA/iwp_8j9-0So_jTElal9IuU7ASCNyhQFVACLcB/s1600/linkedin%2Bicon.png" /></a></li>
<li title="Follow on RSS"><a href="https://www.blogger.com/"><img src="https://4.bp.blogspot.com/-MR7UuGHTw_Y/WLG1b8rVRRI/AAAAAAAABdo/iYQljH5zwNQF6X1P7o5FRIfJtbmjUMChQCLcB/s1600/rss%2Bicon.png" /></a></li>
</ul>
</div>
</div>
</div><style>
#ContactForm2 {
background: #4b4747;
}


.contact_form {
border: 1px solid #f5f5f5;
padding: 0px 10px 20px 0;
overflow: hidden;
background: #e1e1e1;
}


.contact_form-left {
padding: 2%;
float: left;
width: 376px;
}


.contact_form-right {
width: 278px;
float: left;
padding: 2%;
}


.contact-form-widget {
margin: 0 auto;
padding: 5%;
width: 100%;
max-width: 100%;
}


.contact-form-email-message {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
}
.form p {
color: #5cb85c;
}
.asidebar img {
border-radius: 70px;
border: 2px solid #949e9e;
width: 57%;
padding: 1%;
}
.contact-social {
float: left;
background: black;
padding: 5px;
width: 250px;
}
.contact-social img {
max-width: 40px;
}
.contact-social ul {
list-style: none;
display: inline;
}
.contact-social ul li {
float: left;
padding: 4px;
}
.contact-social ul li a{}
.contact-social-title p {
float: left;
background: #191919;
color: #ffdb00;
padding: 3px;
}
</style></div>





1 اولا عليك التعديل على الكود تابع معي :
  • غير اسم "احمد غازي" الى اسمك التي تريد ضهوره
  • غير "مطور المواقع" الى المهنة او العمل الدي تختص فيه
  • عليك بتغيير "العراق" باسم بلدك 
  • اضف رابط صورتك وقم بتغيير رابط الصورة القديمة : http://lh5.googleusercontent.com/-iyW9jqINZ-o/AAAAAAAAAAI/AAAAAAAABgk/2vud2g5VBh8/s512-c/photo.jpg
  • يجب عليك تغيير رابط "http://www.ahmedghaz1.com" برابط موقعك او مدونتك
2 تانيا عليك تغيير مواقع التواصل الاجتماعي :
  • قم بتغيير صفحة الفايس بوك بصفحتك انت 
  • غير رابط التويتر برابط حسابك على تويتر
  • غير صفحة جوجل بلس برابط صفحتك على جوجل بلس
  • في لاخير غير معرف rss بمعرف rss الخاص بمدونتك
ومبروك عليك الاضافة ☺

رابعا : اضافة اشكال وازرار احترافية لمواقع التواصل الاجتماعي :

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


طريقة تركيب الاضافة :
اتجه لبلوجر ومن تم المظهر تم تعديل html تم قم بالبحت عن عبارة ]]></b:skin> عن طريقة الضغط على زر Ctrl+F من لوحة المفاتيح .
تم قم بلصق الكود الاتي فوق وسم ]]></b:skin> :


<div id="sw_social_count-2" class="sw-social-counter">

<div class="sc-wrapper clearfix">

<!-- Facebook -->

<div class="fb-like-button sc-item">

<div class="sc-item-inner">

<a href="#" title="Facebook" target="_blank"><span class="fa fa-facebook sc-icon"></span>

<span class="like-count">1235</span>

</a></div></div>

<!-- RSS -->

<div class="rss-button sc-item">

<div class="sc-item-inner">

<a href="#" title="" target="_blank">

<span class="fa fa-rss sc-icon"></span>

<span class="like-count">إشترك</span>

</a></div></div>

<!-- Twitter -->

<div class="twitter-like-button sc-item">

<div class="sc-item-inner">

<a href="#" title="" target="_blank">

<span class="fa fa-twitter sc-icon"></span>

<span class="like-count">739</span>

</a></div></div>

<!-- Linkedin -->

<!-- Vimeo -->

<div class="vimeo-linke-button sc-item ">

<div class="sc-item-inner">

<a href="#" title="" target="_blank">

<span class="fa fa-youtube sc-icon"></span><span class="like-count">83</span>

</a></div></div><!-- Google Plus -->

<div class="gplus-like-button  sc-item">

<div class="sc-item-inner">

<a href="#" title="" target="_blank">

<span class="fa fa-google-plus sc-icon"></span>

<span class="like-count">76</span></a></div></div>

<!-- Instagram -->

<!-- Sound Cloud -->

<div class="dribbble-like-button  sc-item ">

<div class="sc-item-inner">

<a href="#" title="" target="_blank">

<span class="fa fa-dribbble sc-icon"></span><span class="like-count">9000</span>

</a></div></div></div></div>



والان تقوم باعادة الدخول لبلوجر تم الى التخطيط و تعديل html والبحت عن ]]></b:skin> ولصق الكود التالي مجددا فوقه :

كل ماتبقى هو تغيير رمز الهاشتاق "#" بروابط صفحاتك على الفيسيبةك واليوتيوب وتويتر وماتبقى من مواقع التواصل الاجتماعي .

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

ماهو الفهرس : الفهرس هو صفحة تسهل للزائر البحت عن المواضيع القديمة والجديدة , و عرض اقسام المدونة , والفهرس اضافة لابد منها فهي تسهل على الزائر التاقلم مع المدونة وتسهيل التنقل عبرها , وهو شيئ لابد منه ادا اردت الاحتفاظ بزوارك ومتابعين المدونة , والفهرس لايقوم بتبطيئ المدونة لانه موجود لصفحة وحده , وهده الاضافة للفهرس سريعة ولا تحتاج الانتظار لظهور المواضيع والاقسام وما الى ذلك .


ولتركيب هده الاضافة يجب عليك انشاء صفحة جديدة عن طريقة الدخول لموقع بلوجر تم الصفحات تم انشاء صفحة جديدة واعطها اسم تريده للصفحة .
تم انسخ هدا الكود الطويل :


..إنتظر قليلا لتحميل الفهرس..

وعند نسخ الكود عد الى الصفحة التي انشاتها و قم بتحويل الصفحة من تاليف الى html وقم بحدف كل ماهو موجود من اكواد وقم الان بلصق الكود واحفظ الصفحة وتهانينا لك.

سادسا : اضافة الانظمام مع روابط مواقع التواصل الاجتماعي اسفلها :

هده الاضافة جميلة جدا وهامة في نفس الوقت , فهي تلعب دورين جلب متابعين لمدونتك والامر الاخر جلب متابعين لصفحاتك على مواقع التواصل الاجتماعي فايسبوك , تويتر , وجوجل بلس .


ولتركيب هده الاضافة امر سهل : تقوم بالتوجه الى بلوجر تم التخطيط تم نقوم باختيار مكان مناسب للاضافة ونضيف اداة html/java script ونلصق الكود التالي داخله ونضغط على زرالحفظ.
الكود :

<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>



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

ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

تعليقك يسعدنا ❤❤

الاسمبريد إلكترونيرسالة