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

اضافة البوم صور بطريقة مميزة و سهلة لمدونات بلوقر من خلال استدعاء الصور من حساب بيكاسا (https://picasaweb.google.com/) حسب اسم التصنيف الذي تختاره فلا تحتاج من الان فصاعدا الى اضافة الصورة بشكل منفرد و معقد و انما تقوم باضافة صورك الى بيكاسا و هي تظهر مباشرة في مدونتك .

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

]=]=></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('head')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
if (callback) {
script.onreadystatechange = function () {
if (this.readyState == 'loaded') 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 <!--مساحة الصورة عرضها و ارتفاعها-->