المساعد الشخصي الرقمي

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


Anfas Elfajer
03/02/2013, 03:34 AM
http://www.3roos.com/files/ups/2012/205182/01359851455.png


أسعد الله أوقاتكم بالخير غالياتي
موعدنا مع درس جديد اليوم ..

____________




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

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


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

اذهبي للوحة تحكم مدونتك ومنها اختاري تبويب قالب
قبل البدء في التعديل على القالب قومي بتنزيل نسخة منه لتلافي حدوث أي أخطاء أثناء التعديل بالضغط على زر نسخ احتياطي / استعادة

http://www.3roos.com/files/ups/2012/205182/01354892041.jpg (http://www.3roos.com/files/ups/2012/205182/01354892041.jpg)




تظهر نافذة اضغطي فيها على تنزيل النموذج الكامل

http://www.3roos.com/files/ups/2012/205182/11354892041.jpg (http://www.3roos.com/files/ups/2012/205182/11354892041.jpg)




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

من تبويب قالب اضغطي على تحرير HTML

http://www.3roos.com/files/ups/2012/205182/21354892041.jpg (http://www.3roos.com/files/ups/2012/205182/21354892041.jpg)



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

http://www.3roos.com/files/ups/2012/205182/31354892041.jpg (http://www.3roos.com/files/ups/2012/205182/31354892041.jpg)




ابحثي عن الكود التالي </head> بالضغط على ctrl + F من لوحة المفاتيح واكتبي الكود ليبحث في القالب عنه

بعد ما تجديه قومي بإضافة الكود التالي فوقه / أعلاه مباشرة




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




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

http://www.3roos.com/files/ups/2012/205182/41354892041.jpg (http://www.3roos.com/files/ups/2012/205182/41354892041.jpg)




اختاري أداة HTML / JavaScript

http://www.3roos.com/files/ups/2012/205182/51354892041.jpg (http://www.3roos.com/files/ups/2012/205182/51354892041.jpg)




وضعي بداخلها الكود التالي ..




<script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-mhGi20Pv8vk/TsZ6OzrfKNI/AAAAAAAACmk/d84HD-0_QDk/s1600/facebook-page12.png") 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="z-index: 9999999999;">
<div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/%D9%85%D9%86%D8%AA%D8%AF%D9%8A%D8%A7%D8%AA-%D8%B9%D8%B1%D9%88%D8%B3/318713243020&amp;width=245&amp;colorscheme=light&amp;show_face s=true&amp;connections=9&amp;stream=false&amp;header=false&amp;hei ght=270" scrolling="no" frameborder="0" scrolling="no" style="z-index: 9999999999; border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
</iframe>

</div>
<script type="text/javascript">
writeHTMLasJS();
</script>
</div>



يمكنك استبدال رابط صفحة المنتدى على الفيس بوك برابط صفحتك إن كنت تمتلكين واحدة أو وضع الكود كما هو على سبيل التجربة ( رابط الصفحة المحدد بالأحمر )


http://www.3roos.com/files/ups/2012/205182/61354892041.jpg (http://www.3roos.com/files/ups/2012/205182/61354892041.jpg)




ثم احفظي الأداة وحركيها لمكان مناسب واحفظي الترتيب لتظهر على مدونتك هكذا

http://www.3roos.com/files/ups/2012/205182/71354892041.jpg (http://www.3roos.com/files/ups/2012/205182/71354892041.jpg)




وعند الوقوف عليها

http://www.3roos.com/files/ups/2012/205182/81354892041.jpg (http://www.3roos.com/files/ups/2012/205182/81354892041.jpg)





وهذا شرح بالفيديو لتوضيح الاضافة بتفصيل أكبر


zu8BTf3KxIE


_________________________________________


ثانيا : إضافة أزرار مواقع التواصل وزر الطباعة

هذه الاضافة سهلة جدا ولا تأخذ أي وقت
عليك أولا الذهاب للموقع التالي

AddThis (http://go.3roos.com/85j85ovs54g)

اختاري الشكل الذي تفضلينه للأزرار وحددي منصة بلوجر ثم اضغطي Install Blogger Widget

http://www.3roos.com/files/ups/2012/205182/91354892041.jpg (http://www.3roos.com/files/ups/2012/205182/91354892041.jpg)




ستفتح نافذة جديدة اضغطي فيها على .. إضافة عنصر واجهة مستخدم ..

http://www.3roos.com/files/ups/2012/205182/01354892046.jpg (http://www.3roos.com/files/ups/2012/205182/01354892046.jpg)




ستظهر الأداة في التخطيط ,, حركيها أسفل رسائل المدونة ثم احفظي الترتيب

http://www.3roos.com/files/ups/2012/205182/11354892046.jpg (http://www.3roos.com/files/ups/2012/205182/11354892046.jpg)




استعرضيها على مدونتك حيث تظهر أسفل كل تدوينة

http://www.3roos.com/files/ups/2012/205182/21354892046.jpg (http://www.3roos.com/files/ups/2012/205182/21354892046.jpg)





وهكذا انتهى درسنا لليوم

واجب الدرس ..

إضافة الأدوات المشروحة في الدرس لمدونتك


استفسارات الدرس التاسع (http://forums.3roos.com/3roos689267/)
شوقي للأطفال ذبحني
03/02/2013, 08:00 AM
غاليتي أداة الصفحة صحيحة
لكن أزرار المواقع لم تتم إضافتها !!!



تطبيقي
¨°•√♥عطر الورود♥√•°¨ (http://go.3roos.com/lf437zf8rlm)

وان شاء الله يكون صح
حلا الامل
03/02/2013, 10:02 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png
بالعكس غاليتي .. تطبيق مميز
تسلم يدك :)



هذا التطبيق الدرس التاسع طبقته
ونسيت الدرس الثامن اني مانزلته

اتوقع اني خربة الدنيا ...
ربنا يستر
عروس (http://go.3roos.com/ovo8bm8aq70)
الامبرطوره2012
03/02/2013, 11:27 AM
وعليكم السلام ورحمة الله وبركاته
غاليتي لم يتم تطبيق الدرس
ولا أي أداة من المشروحة في الدرس تمت إضافتها للمدونة !!!



السلام عليكم ورحمه الله وبركاته
مشكوره ع الدروس
وهذا تطبيقي
mimi (http://go.3roos.com/kvr2plw367o)
مونتاج
03/02/2013, 01:24 PM
أداة الازرار صحيحة والصفحة بها خطأ
تأكدي من تعديل الرابط المحدد بالاحمر فقط لا أكثر أو أقل لأن الصفحة لاتظهر داخل الأداة
أعيدي نسخ الكود وضبط الرابط غاليتي




تطبيقي ^_^

montage (http://go.3roos.com/t5jg0s7lxkn)
منووووشه
03/02/2013, 06:44 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png
أهلا حبيبتي .. بخير تسلمي :)
تطبيق مميز غاليتي
تسلم يدك



كيفك حبيبه درس جميل وسهل
تطبيقي mnosh (http://go.3roos.com/oko7g4l0n37)
شـيـخـة
03/02/2013, 11:14 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png
وعليكم السلام ورحمة الله وبركاته
تطبيق مميز
تسلم يدك غاليتي





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



تطبيقي

​ (http://go.3roos.com/c63gh9pskxk)


​ (http://go.3roos.com/c63gh9pskxk)
الشيخه لولوه
04/02/2013, 10:57 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق مميز
تسلم يدك غاليتي




النجمة الذهبية (http://go.3roos.com/tmootje7fuk)
شوقي للأطفال ذبحني
04/02/2013, 11:05 AM
غاليتي أداة الصفحة صحيحة
لكن أزرار المواقع لم تتم إضافتها !!!



تطبيقي
¨°•√♥عطر الورود♥√•°¨ (http://go.3roos.com/lf437zf8rlm)

وان شاء الله يكون صح

نعم غاليتي هي مضافة لكن القالب لا يقرءها
الأزرار الموجودة في مدونتك تابعة للقالب نفسه
يفضل تغيير القالب



ازرار المواقع مضافه لكنها مو راضية تكون
في اخر الصفحه وهي تحت كلمات اعجبتني ع اليسار
فتركتها :o
MISS MAREA
04/02/2013, 11:38 AM
صباح الخيرات حبيبتي
للأسف اداة الصفحة لا تعمل
انات أضفت الكود بدون رابط صفحة الفيس بوك .. لذلك تظهر فارغة ..
حاولي مرة أخرى :)



صباح الورد غاليتي انفاس.....

تطبيقي.....

حلم عابر (http://go.3roos.com/evh439gg4qr)
الامبرطوره2012
04/02/2013, 03:36 PM
وعليكم السلام ورحمة الله وبركاته
غاليتي لم يتم تطبيق الدرس
ولا أي أداة من المشروحة في الدرس تمت إضافتها للمدونة !!!



السلام عليكم ورحمه الله وبركاته
مشكوره ع الدروس
وهذا تطبيقي
mimi (http://go.3roos.com/kvr2plw367o)

http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق مميز
تسلم يدك غاليتي
ولا يهمك ياقمر .. الله يعينك :)



:D نسيت اعمل حفظ مع اني عملت كل الخطوات بس ع النت كان ثقيل ورفع ضغطي هههههههه:confused::|

ان شاء الله يكون تطبيقي صح هالمره عملت له حفظ
mimi (http://go.3roos.com/kvr2plw367o)
زمــن الأقنــعه
04/02/2013, 03:52 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

مساء العسل ياحلوة :)
تطبيق مميز
تسلم يدك غاليتي




مسائكن قشطه يا قشطاوات:adore:

وذا تطبيقي فديتك F:


http://go.3roos.com/bkp99of6q0p
رهف طيف
04/02/2013, 07:04 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

مرحبتين :)
تطبيق مميز
تسلم يدك غاليتي

مرحبا ^ـــــ^

تطبيقي وكل الشكر لك, ياسكر ..

ْْرهـــــــــْفْْْ (http://go.3roos.com/w5y7nbjakso)
الوردة الجورية {نيبو}
05/02/2013, 11:52 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق مميز
تسلم يدك غاليتي





نــيـــبـــو (http://go.3roos.com/97n4qlcxp5a)
Co0lGurl
06/02/2013, 01:41 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق مميز
تسلم يدك غاليتي




هذي مدونتي
Only mE (http://go.3roos.com/ne4ifpiy8db)
دهبيه
06/02/2013, 02:45 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تسلمي دهبيه :)
تطبيق مميز
تسلم يدك غاليتي



تطبيقي
تسلم الايادى أنفاس

hoby (http://go.3roos.com/oo7zp2bdr8k)
أم كرومي
06/02/2013, 09:45 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تسلمي أم كرومي حبيبتي :)
تطبيق مميز
تسلم يدك غاليتي





جزاكي الله خيرا حبيبتي انفاس على المجهود

هذا تطبيقي يارب صح يكون

Nona (http://go.3roos.com/rrag20vk06g)
مونتاج
07/02/2013, 08:08 AM
أداة الازرار صحيحة والصفحة بها خطأ
تأكدي من تعديل الرابط المحدد بالاحمر فقط لا أكثر أو أقل لأن الصفحة لاتظهر داخل الأداة
أعيدي نسخ الكود وضبط الرابط غاليتي




تطبيقي ^_^

montage (http://go.3roos.com/t5jg0s7lxkn)

http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق مميز
تسلم يدك غاليتي






تم انشاء صفحه على الفيس بوك ^_^
المدونه بعد التعديل

montage (http://go.3roos.com/t5jg0s7lxkn)
ماذا اقول
09/02/2013, 03:54 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق مميز
تسلم يدك غاليتي


تطبيقي عزيزتي أنفاس
والله يعطيكِ ألف عافية

مدونتي المنوعة للأسرة (http://go.3roos.com/on2vxrsmmbk)
همس جنوبي
09/02/2013, 08:49 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

وعليكم السلام ورحمة الله وبركاته
تطبيق مميز
تسلم يدك غاليتي



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

أبلة أنفاس الفجر تنفيذي للدرس التاسع
همسات جنوبية (http://go.3roos.com/s2o7rvv9by5)

تقبلي تحياتي F:
شوقي للأطفال ذبحني
09/02/2013, 10:53 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png
تطبيق صحيح غاليتي
تسلم يدك



تطبيقي
¨°•√♥عطر الورود♥√•°¨ (http://go.3roos.com/lf437zf8rlm)
وان شاء الله صح
بصمات عروس
10/02/2013, 12:04 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

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





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

.... واجب الدرس التاسع ....
إسلامـي حياتـي (http://go.3roos.com/u6f39jbtyhy)
جزاكـ الله خير الجزاء وجعلهـ في ميزان حسناتكـ
.
دُوا الروح
10/02/2013, 01:14 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

أهلين حبيبتي
تطبيق صحيح غاليتي
تسلم يدك



مراحب انفاس

هذا تطبيقي للدرس


دُوا الروح (http://go.3roos.com/gppyg53tuft)
MISS MAREA
10/02/2013, 06:34 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق صحيح غاليتي
تسلم يدك





حلم عابر (http://go.3roos.com/evh439gg4qr)
... شذى الغربه ...
10/02/2013, 08:43 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق صحيح غاليتي
تسلم يدك




عزيزتي غيرت القالب واتوماتيكي اتعدل

يعطيك الف عافيه

مطبخ شذى الغربه (http://go.3roos.com/yl92uj9wroo)
لوليكي
11/02/2013, 08:15 PM
طيب غاليتي هل أضفت الجزء الأول من الكود
الذي من المفترض إضافته داخل القالب نفسه ؟؟
ولو أضفتيه جربي تغيير مكان الاداة داخل التخطيط .. ضعيها أسفل رسائل المدونة



أنفاس حبيبتي أنا مطبقة الدرس التاسع من امبارح بس الأداة الأولى ما بتظهر معي:(

مطبخ لوليكي (http://go.3roos.com/5xmh8q2fo8r)
لوليكي
12/02/2013, 08:39 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png
تمام غاليتي
سلمت يداك




أنفاس حبيبتي أخيرا ظهرت لأني غيرت مكانها يسلمووو
دنيا الالم
15/02/2013, 01:21 AM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق صحيح غاليتي
تسلم يدك وتسلمي يارب



تفضــلي يـ نور هـالمنتدى

و شكـــــرآ الف الــف شكر لكـ

http://go.3roos.com/9enikxnqynw (http://go.3roos.com/9enikxnqynw)


:087:
حرامية كيوت
15/02/2013, 09:41 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق صحيح غاليتي
تسلم يدك





هلا

تم تغير ال Template و على طول ظهر الفيس بوك



Sparkle every day ! (http://go.3roos.com/u5hvga9ero4)
yma a7tajk
16/02/2013, 10:54 PM
http://www.3roos.com/files/ups/2012/205182/11356558018.png (http://forums.3roos.com/redirect-to/?redirect=http%3A%2F%2Fwww.3roos.com%2Ffiles%2Fups %2F2012%2F205182%2F11356558018.png)

تطبيق صحيح غاليتي
تسلم يدك





تطبيقي :01: ...,

بسمة أمل (: (http://go.3roos.com/r048nd56pwp)


وإن شاءالله يعجبككك

شكرًا ي الغاليـــة = :032::032:
Anfas Elfajer
18/02/2013, 05:31 AM
المشاركات اللواتي اجتزن الدرس التاسع بنجاح ..


حلا الامل

منووووشه

شـيـخـة

الشيخه لولوه

الامبرطوره2012

زمــن الأقنــعه

رهف طيف

CutE نبال البرغوثي NebO

Co0lGurl

دهبيه

أم كرومي

مونتاج

ماذا اقول

همس جنوبي

شوقي للأطفال ذبحني

Neno0o0

دُوا الروح

Sweet soft

... شذى الغربه ...

لوليكي

دنيا الالم

حرامية كيوت

لـ غ ـة الـ ع ـيون