اضافة البوم صور بطريقة مميزة و سهلة لمدونات بلوقر من خلال استدعاء الصور
من حساب بيكاسا (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 <!--مساحة الصورة عرضها و ارتفاعها-->
ابحث عن
]=]=></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 <!--مساحة الصورة عرضها و ارتفاعها-->
ليست هناك تعليقات:
إرسال تعليق