معهد خبراء بلوجر - اضافة البوم صور احترافي لمدونات بلوقر .

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)

- - اضافة البوم صور احترافي لمدونات بلوقر . (https://www.bloggerexp.com/showthread.php?t=2636)

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

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

مثال :

http://3.bp.blogspot.com/-jVisJnFeNA...1600/ahmed.jpg

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

كود:

]=]=></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 

http://1.bp.blogspot.com/-rbqaK_xSb_.../picasaweb.png