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

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

بسم الله الرحمن الرحيم نتطرق اليوم الي شرح كيفية اضافة ادوات نشر المواضيع علي صفحات التواصل الاجتماعي فيس بوك وتويتر وجوجل وهذه الادوات تساعد مدونتك علي ارشفة تدويناتك بالطرق السريعة ونشرها علي الانترنت في اسرع وقت ونشرها علي مواقع التواصل الاجتماعي facebook , twitter , google وايضا تقيم مواضيعك علي انها الافضل كلما شارك شخص ما

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

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

من لوحة التحكم بالمدونة نضغط علي قالب

ثم تحرير html ثم متابعة

ثم نضغط علي مربع توسيع قوالب عناصر واجهة المستخدم

ثم نبحث عن الكود التالي من خلال الضغط علي ctrl f ستجد اكثر من كود مشابه اختر الكود الثاني

<data:post.body/>

واضف الكود اتالي اسفله مباشرة

<b:if cond='data:blog.pageType == "item"'>

<style>

.promote_post_bg {

height: 103px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUsF-ViJasoFKh59xVbacFkiexu-sz-HiWI4Ag4bR0JeINFU_Xshwpzm1VtZ0CJNvk1Oytt6_tDuY4ZKWh7-9cMgnJUNPZ4oG32bh4gCAKqP33upCf40x3CmcR3R4CJF08XM5mhVtJEe0/s400/%D8%A7%D8%AF%D9%88%D8%A7%D8%AA+%D8%A7%D9%84%D8%AA%D9%88%D8%A7%D8%B5%D9%84+%D8%A7%D9%84%D8%A7%D8%AC%D8%AA%D9%85%D8%A7%D8%B9%D9%8A+%D9%81%D9%8A%D8%B3+%D8%A8%D9%88%D9%83+%D9%88%D8%AA%D9%88%D9%8A%D8%AA%D8%B1+%D9%88%D8%AC%D9%88%D8%AC%D9%84.png) 0 -7px no-repeat;

width: 500px;

margin-left: 65px;

}

.promote_twitter {

width: 130px;

height: 38px;

float: left;

margin: 0 39px 0 0;

padding: 65px 0 0 13px;

text-align: center;

}

.promote_facebook {

width: 115px;

height: 40px;

float: left;

margin: 0 39px 0 0;

padding: 63px 0 0 28px;

text-align: center;

}

.promote_google {

width: 65px;

height: 40px;

float: left;

margin: 0 39px 0 0;

padding: 65px 0 0 28px;

text-align: center;

}

</style>

<a class='twitter-share-button' data-via='alyomtop' href='https://twitter.com/share'>Tweet</a>

function (d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (!d.getElementById(id)) {

js = d.createElement(s);

js.id = id;

js.src = "//platform.twitter.com/widgets.js";

fjs.parentNode.insertBefore(js, fjs);

}

}(document, "script", "twitter-wjs");

</script>

</div>

<div>

<b:if cond='data:post.isFirstPost'>

(function (d) {

var js, id = 'facebook-jssdk';

if (d.getElementById(id)) {

return;

}

js = d.createElement('script');

js.id = id;

js.async = true;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

d.getElementsByTagName('head')[0].appendChild(js);

}(document));

</script>

</b:if>

<fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false'

show_faces='false' font="verdana" action="like" colorscheme="light"></fb:like>

</div>

(function () {

var po = document.createElement('script');

po.type = 'text/javascript';

po.async = true;

po.src = 'https://apis.google.com/js/plusone.js';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(po, s);

})();

</script>

<g:plusone annotation="none" size='medium'></g:plusone>

</div>

<p style="display:none;"> Sharing Widget by<a href="http://alyomtop.blogspot.com/">alyomtop</a></p>

</b:if>

وقم بتغيير الكلمة الملونة باللون الاحمر وهو حسابك في تويتر فقط ولا تغيير اي شيئ اخر

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

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

لاضافة صندوق معجبي تويتر twitter وهو نسخة طبق الاصل من صندوق معجبي الفيس بوك وتساعد ايضا علي اشهار وارشفة مدونتك بسرعة من لوحة التحكم بالمدونة نضغط علي التخطيط ثم اضافة اداة html ونضع الكود التالي

</div>

<style>

.FB_SERVER_IFRAME {

width: 245px !important; /* عرض الإضافة*/

height: 235px !important; /* إرتفاع الإضافة*/

}

</style>

نقوم بوضع اسم صفحتك بالكود مكان الكلمات المظللة باللون الاحمر

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

اضف صندوق facebook و twitter بطريقة منزلقة في بلوجر

كثرة طرق اضافات المواقع الاجتماعية الـــ Facebook و twitter في المدونات بلوجر ونظرا لذلك اضفنا لكم طريقة دمج الفيس بوك وتويتر بطريق منزلقة في اضافة واحدة لعدم اخذ مساحة كبيرة في المدونات بلوجر وعندما تضع السهم علي صندوق الفيس بوك سيظهر بفرده وايضا علي صندوق تويتر وتعتبر من الادوات المشهورة علي اغلب الموقع لانها تظهر بطريقة انسيابية

من لوحة التحكم بمدونتك اختر قالب ثم تحرير html ومتابعة ثم نضغط علي توسيع عناصر واجهة المستخدم

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

</head>

واضف قبله الكود التالي اذا لم يوجد ان وجدته لا تضف هذا الكود

وبعد ذلك نذهب الي التخطيط ثم اضافة اداة html واضف الكود التالي مع التعديل

قم بتغيير كلمة alyomtop الاولي باسم صفحتك علي الفيس بوك

وقم بتغيير كلمة alyomtop الثانية باسم حسابك علي تويتر

ثم قم بحفظ الاداة

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

اضافة ازرار المفضلات الاجتماعية لاشهار مواضيع المدونة بلوجر بأشكل مختلفة

تعتبر ازرار المفضلات الاجتماعية عامل مهم من عوامل نشر واشهار مواضيع مدونتك في جميع المواقع الاجنبية والعربية منها facebook - twitter - google plus - share ولانها تساعد في ارشفة وفهرسة مدونتك بسرعة والحصول علي مزيد من backlincks للمدونة ونتعرف علي كيفية اضافتها اسفل الموضوع بكل سهولة وبساطة واضفت لكم اشكل مختلفة حسب طلب زوار مدونة alyomtop

من لوحة التحكم بالمدونة نضغط علي القالب ثم تحرير html ومتابعة ثم ضع علامة علي توسيع عناصر واجهة المستخدم

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

<data:post.body/>

واضف اسفله الكود الذي تختاره وتفضله

</div>

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

</div>

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

وبعد اضافة الكود الذي تفضله اضغط علي حفظ القالب

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

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

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

ثم نختار القالب ثم تحرير HTML ثم متابعة ونضع علامة علي توسيع عناصر واجهة المستخدم

نبحث عن الكود التالي من خلال الضغط علي Ctrl+f

<data:post.body/>

وبعد ذلك نضف الكود التالي اسفل الكود السابق

<style>

/*- Sharing Widget -*/

.flipper a {

display:block;

height:48px;

width:48px;

padding:0 4px;

float:left;

background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhycRMNeXBwn9_o9r9cBC9LJso1H1KOM62jnlorUJVAdIaWWRrUfo2CNoiWrqHQzV31bLuhkL9oEATyv5tGH67Y-_cYgrB4Tgl9bdfpEij96zE6dlIiG3uahasf9Hvu0HC8EXnjLraARSRR/s1600/flipper.png) no-repeat;

-webkit-transition: ease-in 0.15s all;

-moz-transition: ease-in 0.15s all;

-o-transition: ease-in 0.15s all;

-ms-transition: ease-in 0.15s all;

transition: ease-in 0.15s all;

cursor:pointer;

}

.flipper a.googleplus {

background-position: 0px -348px;

}

.flipper a.googleplus:hover {

background-position: 0px -406px;

}

.flipper a.pinterest {

background-position: 0px -464px;

}

.flipper a.pinterest:hover {

background-position: 0px -522px;

}

.flipper a.delicious {

background-position: 0px 0px;

}

.flipper a.delicious:hover {

background-position: 0px -58px;

}

.flipper a.digg {

background-position: 0px -116px;

}

.flipper a.digg:hover {

background-position: 0px -174px;

}

.flipper a.stumbleupon {

background-position: 0px -812px;

}

.flipper a.stumbleupon:hover {

background-position: 0px -870px;

}

.flipper a.technorati {

background-position: 0px -928px;

}

.flipper a.technorati:hover {

background-position: 0px -406px;

}

.flipper a.twitter {

background-position: 0px -928px;

}

.flipper a.twitter:hover {

background-position: 0px -986px;

}

.flipper a.facebook {

background-position: 0px -232px;

}

.flipper a.facebook:hover {

background-position: 0px -290px;

}

.flipper a.reddit {

background-position: 0px -580px;

}

.flipper a.reddit:hover {

background-position: 0px -638px;

}

.flipper a.rss {

background-position: 0px -696px;

}

.flipper a.rss:hover {

background-position: 0px -754px;

}

.Pleaseshare{

margin:10px 0px;

color:#333333;

font-weight:bold;

font-size:20px;

font-family:sans-serif;

}

</style>

<b:if cond='data:blog.pageType == "item"'>

أعجبك الموضوع ؟ اذن شاركه على :

</div>

</b:if></div>

وان كنت تريد حذف ايقونة من مواقع النشر الاجتماعية مثلا twitter

فقط قم بحذف الكود الموقع التالي مثل

ثم قم بحفظ القالب لتظهر هكذا

أعجبك الموضوع ؟ اذن شاركه على :

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

اضف زر تابعني علي تويتر twitter بالمدونات بلوجر

اصبح الان موقع تويتر من الشبكات الاجتماعية المشهورة والتي لها معجبين كثيرين علي مستوي العالم الاجنبي والعربي وتعتبر من مصادر اشهار مدونتك وزيادة عدد زوارك واضافت تويتر twitter زر تابعني علي تويتر جديد يعرض به اسم حسابك وعدد المتابعين

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

ندخل الي لوحة التحكم بمدونتك ثم نختار قالب ثم تحرير HTML اذا اردت ان تضع الزر فوق التدوينة

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

ثم ضع الكود الاتي اسفل الكود السابق

<b:if cond='data:blog.pageType == "item"'>

<a Width='600px' class='twitter-follow-button' data-align='right' data-button='grey' data-lang='en' data-link-color='#EB4C07' data-show-count='true' data-text-color='#000000' href='http://twitter.com/alyomtop'>تابعني على التويتر</a>

</b:if>

ثم وضع اسم حسابك علي تويتر مكان اسم حساب الملون باللون الاحمر

واذا اردت وضع الزر اسفل كل تدوينة

ابحث عن الكود التالي وضع الكود السابق اسفل الكود التالي

<data:post.body/>

ثم اضغط علي حفظ القالب

ولمشاهدة الزر قم بالضغط عليه

تابعني على التويتر

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

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

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

من لوحة التحكم بمدونتك ادخل علي قالب ثم تحرير html

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

وضع الكود الاتي باعلي الكود السابق لوضع الزر او الموضوع او ضعه اسفل الكود لوضع الزر اخر الموضوع

<b:if cond='data:blog.pageType == "item"'>

</b:if>

واضف الزر الذي تفضله من خلال استبدال كلمة standard المظللة باللون الاحمر الي كلمة الاشكال التي امامكم والتي تريدون اضافتها

box_count

button_count

standard

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

تحديثات الفيس بوك طريقة جديدة لاضافة صندوق معجبين صفحة مدونتك علي الفيس بوك facebook بالطريقة الاكثر سهولة

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

اولا ندخل علي الرابط التالي

https://www.facebook.com/pages/create.php

ثم نضغط علي Brand or Product وباللغة العربية علامة تجارية او منتج

اخنر الفئة اختر موقع الكتروني ثم اكتب عنوان موقعك وضع علامة علي I agree to شروط صفحات الفيس بوك ثم نضغط علي Get Started باللغة العربية الشروع في العمل

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

https://developers.facebook.com/docs/reference/plugins/like-box/

امسح الرابط الموجود بـــ facebook page url والصق مكانه الرابط الذي نسخته سابقا

وبعد ذلك عدل كما تفضل ثم اضغط علي Get Code ثم انسخ الكود بتقنيةiframe والصقة بالمكان الذي تريده بمدونتك توجه الي التخطيط ثم اضافة اداة html ثم الصق الكود الذي نسخته وقم بحفظ الاداة

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

اضافة صندوق معجبي Facebook الفيس بوك بمدونتك عن طريق JQUERY بطرقة اكثر جمالا واحترافية

الكثير من اصحاب المدونات بلوجر من يريدون اضافة ادوات الموقع الاشهر في العالم الفيس بوك facebook مثل صندوق الاعجاب like box بصفحة مدونتك علي facebook ولكن قبل انشاء صندوق التعليقات لابد من انشاء تطبيق علي الفيس بوك ولان المواقع الاجتماعية تساهم في نشر واشهار مدونتك وجلب الكثير من الزوار سنشرح لكم طريقة اضافة صندوق معجبي like box الفيس بوك عن طريق JQUERY الا وهي بشكل اجمل واحترافي من الطريقة العادية

من لوحة تحكم بمدونتك نضغط علي قوالب ثم تحرير html ثم اخذ نسخة من قالبك لتجنب حدوث خطأ ما

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

</head>

وضع قبل الكود السابق الكود التالي

ثم قم بحفظ القالب واذهب الي التخطيط ثم اضافة اداة html واضف الكود الاتي

ثم قم بإضافة رابط صفحة مدونتك علي الفيس بوك التي باللون الاحمر في الكود السابق

مثل هذا http://www.facebook.com/Alyomtop

او اضافته بالطريقة الحديثة

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

انشاء تطبيق علي facebook واضافة صندوق تعليقات الفيس بوك

ساشرح لكم اليوم اضافات الفيس بوك الا وهي انشاء تطبيق علي facebook لانه لن تعمل اي اضافة للفيس بوك علي موقعك او مدونتك إلا بإنشاء هذا التطبيق اولا نذهب الي الرابط التالي

https://developers.facebook.com/apps

ثم تحرير html نقوم بتوسع قوالب عناصر واجهة المستخدم
ثم ابحث عن الكود الاتي

<html

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

xmlns:fb='http://www.facebook.com/2008/fbml'

ليبدو كالاتي

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

<body>

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

window.fbAsyncInit = function() {

FB.init({

appId : 'اضف ID الذي نسخته',

status : true, // check login status

cookie : true, // enable cookies to allow the server to access the session

xfbml : true // parse XFBML

});

};

(function() {

var e = document.createElement('script');

e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';

e.async = true;

document.getElementById('fb-root').appendChild(e);

}());

</script>

اضف كود اي دي ID الذي نسخته بدل الكلمات المظلله باللون الاحمر في الكود السابق

ثم بعد ذلك قم بفتح مفكرة الكميوتر وضع بها الكود التالي لاننا سنقوم ببعض التعديلات

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

</b:if>

واليك التعديلات

لاسبدال صورة الشعار قم بتغيير رابط الصورة الاتي وضع رابط صورتك وتكون صورة صغيرة

https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash2/49293_100000602005289_4959748_q.jpg

ولمعرفة ID الخاص ببروفيلك علي الفيس بوك ادخل علي الرابط الاتي

https://graph.facebook.com/YourProfile

وقم بتغيير كلمة your profile باسم حسابك علي الفيس بوك مثل هذا

https://graph.facebook.com/shweepshatem

ستجد اعلي الصفحة ID الخاص ببروفيلك

وبعد انهاء التعديلات المطلوبة نذهب الي قالب ثم تحرير html ثم ضع علامة علي توسيع القالب عناصر واجهة المستخدم

وابحث عن هذا الكود

</head>

واضف قبله الكود السابق الذي قمنا بتعديلة ثم قم بحفظ القالب وتم انشاء تطبيق facebook صفحتك

ولانشاء صندوق تعليقات الفيس بوك ابحث عن الكود التالي قم بتوسيع القالب مرة اخري

<data:post.body/>

واضف اسفله الكود الاتي

<b:if cond='data:blog.pageType == "item"'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/> </div> </b:if>

ثم قم بحفظ القالب وتمت الاضافة بنجاح

أتمنى منك عزيزي القارئ ان استفدت من الموضوع ان تقوم بنشره مع ذكر المصدر http://mik111.wordpress.com

بقلم محمد الكويفي

اعلامي ومدون من غزة -فلسطين- ماجستير ادارة إعلام، بكالوريوس صحافة واعلام، دبلوم تكنلوجيا معلومات، دبلوم لغة انجليزية في الصحافة والسياسة، مدرب اعلام وانتاج ....

Posted in: دروس بلوجر

محمد الكويفي

Change Language

أكثر من 15000

2013/04/30

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

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

بقلم محمد الكويفي

2 الردود:

إرسال تعليق

أعطنا دقيقة، نعطيك الأفضل والأحدث

عقول شرفتني بالزيارة

تحويل العملات

نبـذة

الزائرين

Tweets