معهد خبراء بلوجر
صفحة 1 من 2 1 2
عرض 40 مشاركات من هذا الموضوع لكل صفحة

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   طلبات الدعم الفني (https://www.bloggerexp.com/forumdisplay.php?f=12)
-   -   أربعة مشاكل مع مدونتي أرجو المساعدة في حلها (https://www.bloggerexp.com/showthread.php?t=3498)

مـدونـجـي 09-02-2012 10:30 PM
أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
السلام عليكم ...

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

المشكلة الأولى :

تتعلق بالتعامل مع أزرار الشبكات الاجتماعية التي تعرض عدد المنضمين إلى موقعك أو مدونتك و هذا شريط أزرار مدونتي :


http://www12.0zz0.com/2012/09/02/21/185678039.jpg

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



المشكلة الثانية ( تم حلها ) :

حاولت أن أقوم بتوسيط صورة التدوينة عند ظهورها بشكل مصغر في واجهة المدونة و تمكنت من ذالك من خلال التحكم بهامش الصورة من خلال وسم ( .post-body img ) لكن المشكلة التي حدثت هي أن التوسيط انسحب أيضاً على شكل الصورة في داخل التدوينة فضاع نصفها في الهامش, و أنا أريد توسيط ظهور الصور في الواجهة و الأقسام فقط بمعزل عن وضعية الصورة داخل كل تدوينة, فهل هذا ممكن ؟



المشكلة الثالثة ( تم حلها ) :

عند إضافة أداة جديدة في السايد بار كأقسام الموقع أو المتابعون أو أهم المواضيع ..... الخ , قمت بتصميم إطار أو خلفية يظهر بها كل عنوان :

http://www6.0zz0.com/2012/09/02/22/205046951.jpg

حاولت أن أجعل العنوان في قاعدة الخلفية و لكن فشلت رغمي أني غيرت في في قياسات الهامش و الـ ( Padding ) ضمن الكود المخصص لعناوين السايد بارز, و لكن كانت الخلفية مدمجة مع العنوان لدى تحريكها لأي من الاتجاهات الأربعة أو توسيع الهامش بينها و بين أي من الاتجاهات الأربعة!

الكود اللذي قصدته هو :

كود:
.sidebar h2{color: #FFFFFF;background:url() right bottom no-repeat;font-size:26px;line-height:20px;font-family:Arial,Helvetica,Sans-serif;font-weight:bold; margin:0 0 10px 0;padding:40px 14px 22px 0;text-transform:uppercase;text-align:center;}
و ما لون بالأحمر هو ما قمت بالتلاعب به و لكن لم تنجح العملية

فما الحل ؟ :(:



المشكلة الرابعة ( تم حلها ) :

لون عنوان التدوينة, أليس الكود المخصص لذلك هو :

كود:
.post-title{color:#070707;;padding:14px 25px;font-size:18px;bold;line-height:14px;display:block;text-decoration:none;}
إذاً لما تفشل العملية معي عندما أريد تغيير لون عناوين التدوينات الحالي و أغيره من الكود السابق فلا يتغير شيىء, هل هناك كود آخر يتحكم بذلك لأني بحث طويلاً و لم أجد !؟



آسف على الإطالة و أرجو أن أجد في منتداكم الكريم المساعدة

و شكراً لكل من كلف نفسه وقتاً لقراءة مشاكلي و شكر مضاعف لمن يساعدني في حلها .:):

مـدونـجـي 09-03-2012 04:51 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
أي مساعدة و لو كانت بسيطة و غير كاملة لأي من المشاكل السابقة سأكون شاكراً لها ...

admin 09-03-2012 05:27 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
المشكلة الأولى
يمكنك استعمال الأزرار للإعجاب برابط معين خليه رابط الرئيسية
الفيسبوك يمكنك الحصول عليه هنا http://developers.facebook.com/docs/.../plugins/like/)
أما تويتر من هنا https://twitter.com/about/resources/buttons#tweet
بخصوص جوجل بلس جرب هذا الكود لكن لا تنس كود الجافا :
كود PHP:
<g:plusone href="رابط مدونتك"></g:plusone> 

admin 09-03-2012 05:29 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
المشكل الثاني : ما هو رابط مدونتك ؟؟
المشكل الثالث : جرب تنقص قيمة الخط : 26px
المشكل الرابع : أيضا أحتاج رابط المدونة

مـدونـجـي 09-03-2012 07:07 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
اقتباس:
المشاركة الأصلية كتبت بواسطة عثمان بن الطالب (المشاركة 9717)
المشكلة الأولى
يمكنك استعمال الأزرار للإعجاب برابط معين خليه رابط الرئيسية
الفيسبوك يمكنك الحصول عليه هنا http://developers.facebook.com/docs/.../plugins/like/)
أما تويتر من هنا https://twitter.com/about/resources/buttons#tweet
بخصوص جوجل بلس جرب هذا الكود لكن لا تنس كود الجافا :
كود PHP:
<g:plusone href="رابط مدونتك"></g:plusone> 
شكراً على الرد أخ عثمان .

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

بالنسبة للمشكلة الثالثة فقياس النص ضمن الكود أصلاً هو 26 ( font-size:26px ) و حاولت من قبل أن أقوم بتكبيره و تصغيره فلم يتحرك العنوان .

المشكلة أن مدونتي في بداياتها و لم أنشرها بعد .

مـدونـجـي 09-03-2012 07:25 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
الحمدلله تم حل المشكلة الثانية, بعد أن تبين لي أن كود ( .post-body img ) ضمن ( /* Posts-----------------------------------------------*/ ) هو شامل لشكلي صورة التدوينة في الواجهة و في قلب التدوينة . أما نفس الكود و لكن ضمن :

كود:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#main-wrapper{padding-top:10px;}
.post-body img {margin:0 0 0 0;background:transparent;border:none;}
</style>
فهو لتعديل مكان الصور داخل التدوينة و لكن بمعزل عن صور التدوينة في الواجهة و هذا ما كنت أبحث عنه . :):

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

و شكراً

عماد عادل 09-03-2012 07:37 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
اهلا بك اخي ... ممكن رابط المدونة ؟؟

مـدونـجـي 09-04-2012 12:43 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
اقتباس:
المشاركة الأصلية كتبت بواسطة عماد عادل (المشاركة 9745)
اهلا بك اخي ... ممكن رابط المدونة ؟؟
شكراً على مرورك أخ عادل, لكن مع الأسف مدونتي مازالت في مرحلة البناء, بالإضافة إلى أني قد قمت بربطها مع دومين خاص و التفعيل لم يتم بعد .

على العموم و بفضل الله تم أيضاً حل المشكلتين الثالثة و الرابعة .

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

المشكلة الرابعة اضطررت إلى تغيير اللون الكامل لروابط المدونة لكي يتغير لون العنوان .

تبقت المشكلة الأولى التي لم أجد لها حلاً إلى الآن :confused:

حاولت مع المواقع التي تعطي أكواد و إضافات جاهزة للمدونات تحتوي على ازرار الشبكات الاجتماعية المفضلة ( addthis و sharethis ) و بالفعل ظهر شريط الازرار المستقل في أسفل كل تدوينة, في الواجهة و ضمن التدوينة و بشكل مستقل عن شريط الازرار اللذي صممته يدوياً و وضعته في رأس الموقع و الشامل لكل الموقع, لكن المشكلة أني لم أستطع إضافة زر غوغل بلس بالنسبة للاضافة من كلا الموقعين, و أيضاً لم أتمكن من توسيط شريط الازرار و لم يفلح استخدامي لتضمين كود إضافة الازرار بوسم التوسيط ( <center> </center> ) في ذلك :confused:

أنا لا أريد شريط أزرار جاهز و إنما المصنوع يدوياً بواسطة الروابط التي وضعها الأخ عثمان, و بالنسبة للموقع الرسمي لصناعة زر اعجاب غوغل بلس :

https://developers.google.com/+/plugins/+1button/

ما أريده هو أن أتمكن من أضمّن الشريط المصمم يدوياً و اللذي يحوي أزرار الاعجاب التالية :

http://www12.0zz0.com/2012/09/02/21/185678039.jpg

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

كود:
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2F&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://twitter.com/">Tweet</a>
<script>!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>
<!-- Place this tag where you want the +1 button to render. -->
<div class="g-plusone" data-size="medium"></div>

<!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  (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>
أين أضعه ضمن قالب html إن أردت أن يظهر على الكيفية التي أشرت إليها سابقاً ( إن كان بعد كود <data:post.body/> فكيف بالضبط لأن الأمر لم ينجح معي ) , و هل هناك من طريقة لإضافته من خلال خاصية التخطيط و ضمن إضافة ( تهيئة HTML/JavaScript ) كما هو الحال مع الشرائط الجاهزة التي توفر خاصية الإضافة كأداة plugin .

و شكراً

مـدونـجـي 09-04-2012 06:21 PM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
عذراً, وجدت أنه قد وضع بجوار عنوان موضوعي أنه ( مجاب ) !

مـدونـجـي 09-05-2012 08:52 AM
رد: أربعة مشاكل مع مدونتي أرجو المساعدة في حلها
 
تمكنت بحمد الله من حل المشاكل الأربعة جميعها رغم أن ذلك استغرق ساعات طويلة في التجارب على الأكواد و كنت آمل أن أجد هنا و لو مساعدة بسيطة توفر علي بعضاً من الوقت و الجهد .

أرجو إغلاق الموضوع .


الساعة الآن 08:02 PM
صفحة 1 من 2 1 2
عرض 40 مشاركات من هذا الموضوع لكل صفحة

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012