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

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

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

  
 طريقة الاضافة :
ابحث عن

]]></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 <!--مساحة الصورة عرضها و ارتفاعها-->