اضافة البوم صور احترافي لمدونات بلوقر .

التسميات: الأحد، أبريل 10، 2011 11 تعليق
اضافة البوم صور بطريقة مميزة و سهلة لمدونات بلوقر من خلال استدعاء الصور من حساب بيكاسا حسب اسم التصنيف الذي تختاره فلا تحتاج من الان فصاعدا الى اضافة الصورة بشكل منفرد و معقد و انما تقوم باضافة صورك الى بيكاسا و هي تظهر مباشرة في مدونتك . شاهد مثال من هنا .


  
 طريقة الاضافة :
ابحث عن
]]></b:skin>
فوقه مباشرة اضف الكود التالي الخاص بتنسيق الالبوم (css):
#picasaGallery {
width: 550px;
}
.picasaGalleryItem {
border: 1px solid silver;
margin: 5px;
padding: 2px;
float: right;
}

ثم نعود من جديد نبحث عن :
]]></b:skin>
و تحته نضيف هذا الكود :
<script type='text/javascript'>
        var scriptLoader = {
            _loadScript: function (url, callback) {
                var head = document.getElementsByTagName(&#39;head&#39;)[0];
                var script = document.createElement(&#39;script&#39;);
                script.type = &#39;text/javascript&#39;;
                script.src = url;
                if (callback) {
                    script.onreadystatechange = function () {
                        if (this.readyState == &#39;loaded&#39;) callback();
                    }
                    script.onload = callback;
                }
                head.appendChild(script);
            },

            load: function (items, iteration) {
                if (!iteration) iteration = 0;
                if (items[iteration]) {
                    scriptLoader._loadScript(
                        items[iteration],
                        function () {
                            scriptLoader.load(items, iteration+1);
                        }
                    )
                }
            }
        }
       
</script>
<script src='http://alazawi.googlecode.com/files/picasa.txt' type='text/javascript'>
</script>
و في النهاية بقي هذا الكود الذي سنضيفه على شكل كود HTML في تدوينة جديدة او في صفحة جديدة :
<div id="picasaGallery">
</div>
<script type="text/javascript">
picasa.load({
 containerId: 'picasaGallery',
 userName: 'alazawi.ahmed',
 albumName: 'nature',
 imageSize: 150
 })
</script>
علما ان:

userName: 'alazawi.ahmed',<!--اسم حسابك في بيكاسا و هو نفسه في كوكل-->
 albumName: 'nature',<!--اسم التصنيف المراد عرضه و يجب ان يكون بالغة الانكليزية-->
 imageSize: 150 <!--مساحة الصورة عرضها و ارتفاعها-->


هذا الموضوع كتبته يوم الأحد، أبريل 10، 2011 ضمن تصنيف فأن اصبت فمن الله وحده و ان اخطات فمن نفسي و الشيطان . يمكنك نقل اي موضوع من المدونة بشرط ذكر المصدر و ذكر رابط الموضوع الاصلي للاتصال او الاستفسار عن اي موضوع من هنا.

11 تعليق على | اضافة البوم صور احترافي لمدونات بلوقر . |

قوالب بلوجر معربة يقول...
10 أبريل, 2011 10:00 م

عودة حميدة أخي الغالي أحمد ..

جاسر الحربي يقول...
10 أبريل, 2011 10:33 م

السلام عليكم

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

بالتوفيق

احمد العزاوي يقول...
11 أبريل, 2011 12:06 ص

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

جاسر الحربي يقول...
11 أبريل, 2011 12:36 ص

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

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

مدونة ابو معاذ يقول...
11 أبريل, 2011 06:16 م

مشكور اخي احمد

على الدرس الجميل

alaa sami يقول...
11 أبريل, 2011 06:23 م

جزاك الله خير فعلا جميلة جدا

غير معرف يقول...
24 مايو, 2011 01:52 م

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

أسماء || أم نضال || يقول...
21 يونيو, 2011 10:45 ص

اتبعت الطريقة حرفيا لكن لم يظهر لدي المعرض؟؟؟

مدونة نواف السراد يقول...
29 أكتوبر, 2011 05:59 م

اتبعت الطريقه وجت 12 صوره بالالبوم اقدر اختصرها الى 6 صور وتكون الصور من تنسيقي بدل الطبيعه

2bac يقول...
18 نوفمبر, 2011 05:02 ص

اضافة رائعة شكرا لك

habibah-04 يقول...
26 يناير, 2012 12:50 ص

شكراً لك استاذ محمد..
http://el-habibe.blogspot.com

أكتب تعليقك و شاركنا برايك

عند كتابة تعليق يرجى الالتزام بالتالي :
  • تذكر قول الله تعالى :(مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).
  • يفضل كتابة التعليق باسم و اختر الاسم/عنوان URL و لا تعلّق كمجهول.
  • التعليق باللغة العربية الفصحي قدر الإمكان.
  • إرفاق الصور و الروابط في التعليق بإستخدام HTML.