رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر
تحديث الصفحة [حصريا] اضافة البوم صور احترافي مصنف لمدونات بلوقر.
التسجيل التعليمـــات التقويم مشاركات اليوم البحث


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 12-30-2012, 09:08 AM   #1
احمد العزاوي
مدون جديد
 
تاريخ التسجيل: Dec 2012
المشاركات: 3
افتراضي [حصريا] اضافة البوم صور احترافي مصنف لمدونات بلوقر.
أنا : احمد العزاوي
سجل معنا لتتمتع بهذه الخاصية




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


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

وانسخ الكود التالي و الصقه فيها : مع الاخذ بنظر الاعتبار تغير ما مشار اليه باللون الاصفر الى حسابك في بيكاسا و هو نفسه حسابك في كوكل اي الايميل و لكن بدون @gmail.com
كود بلغة HTML:
<link href="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css"></link>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.min.js" type="text/javascript"></script>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.mousewheel-3.0.2.pack.js" type="text/javascript"></script>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.fancybox-1.3.1.js" type="text/javascript"> </script>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.picasagallery-1.0.0.js" type="text/javascript"> </script>
<script type="text/javascript">
             $(document).ready(function() { $('.picasagallery').picasagallery({'username':'alazawi.ahmed'}); } );      
 </script>
 <div class="picasagallery"></div>

 <style type="text/css">
 .picasagallery {
     float:right;width:100%;padding:0;
  text-align: right;
 }
 .picasagallery_header {
     float:right;
     width:100%;
  cursor: pointer;
  margin: 5px; /* top right bottom left */
  font:bold 14px arial; ;
  color: red;
  text-decoration: none;
 }
 .picasagallery_title {
  margin: 0px 5px 5px 5px; /* top right bottom left */
  font-size: 12pt;
 }
 .picasagallery_album {
  float: right;
  text-align: center;
  font-size: 10pt;
  margin: 5px; /* top right bottom left */
 }
 .picasagallery_album img {
     width:110px; /* عرض صور التصنيف */
  border:1px solid #d1d1d1;
  cursor: pointer;
  margin: 0px 0px 5px 0px; /* top right bottom left */

  background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DEDEDE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #DDDDDD, 0 1px 0 #FFFFFF inset;
    padding: 5px;
 }
  .picasagallery_album img:hover{
  background: none repeat scroll 0 0 #777;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #000, 0 1px 0 #999 inset;
 }

 .picasagallery_album strong{
   background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DEDEDE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #DDDDDD, 0 1px 0 #FFFFFF inset;
    padding: 5px;

 }
 .picasagallery_thumbnail img {
     width:150px; /* عرض الصور بعد الدخول الى التصنيف */
  cursor: pointer;
  margin: 5px;
 
  background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DEDEDE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #DDDDDD, 0 1px 0 #FFFFFF inset;
    padding: 5px;
 }
.picasagallery_thumbnail img:hover{
  background: none repeat scroll 0 0 #777;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #000, 0 1px 0 #999 inset;
 }
 .picasagallery_photo {
  z-index: 1;
  left: 0;
  display: none;
 }
 </style>
الى هنا تم الانتهاء من اضافة البوم الصور الى المدونة و يمكنك مشاهدته .
ملاحظة : اذا كنت قد اضفت البوم صور معين في بيكاسا و لا تريده ان يظهر لاحد او ان لا يظهر في المدونة اتبع التالي:
اولا: ادخل على بيكاسا من هنا .
ثم اضغط على my photo

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

ثم نطبق كما موضح بالصورة : يرجى الضغط على الصورة لمشاهدتها بوضوح ..

اما اذا اردنا ان يظهر الالبوم للجميع و في البوم المدونة فنختار public on the web شاهد الصورة :

يفضل تسمية الالبوم باللغة العربية او الانكليزية ليظهر في المدونة بشكل منسق .
و شكرا لكم .. انتهى .

الدعم العربي

احمد العزاوي غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 12-30-2012, 11:48 AM   #2
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
افتراضي رد: [حصريا] اضافة البوم صور احترافي مصنف لمدونات بلوقر.
أنا : 3li
سجل معنا لتتمتع بهذه الخاصية




ماشاء الله , اكثر من راائع

يعطيك الف عافيه , وإلى الاماام دئما بإمتيازك

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس
قديم 12-31-2012, 12:19 AM   #3
Mizow2012
مدون نشيط
 
الصورة الرمزية Mizow2012
 
تاريخ التسجيل: Nov 2012
الدولة: الرباط
المشاركات: 101
افتراضي رد: [حصريا] اضافة البوم صور احترافي مصنف لمدونات بلوقر.
أنا : Mizow2012
سجل معنا لتتمتع بهذه الخاصية




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

الدعم العربي

Mizow2012 غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك
BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
اضافة البوم صور احترافي لمدونات بلوقر . الزعيم إضافات وأدوات بلوجر 15 08-15-2013 12:30 PM
شرح تركيب سلايدر احترافي لمدونات بلوجر admin إضافات وأدوات بلوجر 25 02-27-2013 08:56 PM
قالب احترافي مميز 2013 لمدونات بلوجر tafelalt قوالب بلوجر عربية ومعربة 1 01-15-2013 04:35 AM
قالب تايم كوست احترافي لمدونات بلوجر العماد قوالب بلوجر عربية ومعربة 2 12-30-2012 07:20 PM
اضافة خطوط عربية من كوكل لمدونات بلوقر . احمد العزاوي إضافات وأدوات بلوجر 5 12-29-2012 09:12 PM



سياسة الخصوصية - Privacy-Policy - اربط مدونتك بنا - حقوق الملكية والتأليف - الاتصال بنا - معهد خبراء بلوجر - الأرشيف - الأعلى


لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 04:30 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)