مدونة الرافدين

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

noreply@blogger.com (Anonymous) — Sat, 29 Dec 2012 15:32:00 +0000

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

و الان طريقة اضافة الالبوم الى المدونة :

يعد الدخول الى لوحة التحكم اختر من اليمين الصفحات ثم صفحة جديدة ثم صفحة فارغة و اختر html

وانسخ الكود التالي و الصقه فيها : مع الاخذ بنظر الاعتبار تغير ما مشار اليه باللون الاصفر الى حسابك في بيكاسا و هو نفسه حسابك في كوكل اي الايميل و لكن بدون @gmail.com


<link href="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css"></link>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.min.js" type="text/javascript"></script>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.mousewheel-3.0.2.pack.js" type="text/javascript"></script>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.fancybox-1.3.1.js" type="text/javascript"> </script>
<script src="https://guide-b.googlecode.com/svn/trunk/picasagallery/jquery.picasagallery-1.0.0.js" type="text/javascript"> </script>
<script type="text/javascript">
             $(document).ready(function() { $('.picasagallery').picasagallery({'username':'alazawi.ahmed'}); } );       
 </script>
 <div class="picasagallery"></div>

 <style type="text/css">
 .picasagallery {
     float:right;width:100%;padding:0;
  text-align: right;
 }
 .picasagallery_header {
     float:right;
     width:100%;
  cursor: pointer;
  margin: 5px; /* top right bottom left */
  font:bold 14px arial; ;
  color: red;
  text-decoration: none;
 }
 .picasagallery_title {
  margin: 0px 5px 5px 5px; /* top right bottom left */
  font-size: 12pt; 
 }
 .picasagallery_album {
  float: right;
  text-align: center;
  font-size: 10pt;
  margin: 5px; /* top right bottom left */
 }
 .picasagallery_album img {
     width:110px; /* عرض صور التصنيف */
  border:1px solid #d1d1d1;
  cursor: pointer;
  margin: 0px 0px 5px 0px; /* top right bottom left */

  background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DEDEDE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #DDDDDD, 0 1px 0 #FFFFFF inset;
    padding: 5px;
 }
  .picasagallery_album img:hover{
  background: none repeat scroll 0 0 #777;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #000, 0 1px 0 #999 inset;
 }

 .picasagallery_album strong{
   background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DEDEDE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #DDDDDD, 0 1px 0 #FFFFFF inset;
    padding: 5px;

 }
 .picasagallery_thumbnail img {
     width:150px; /* عرض الصور بعد الدخول الى التصنيف */
  cursor: pointer;
  margin: 5px;
  
  background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #DEDEDE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #DDDDDD, 0 1px 0 #FFFFFF inset;
    padding: 5px;
 }
.picasagallery_thumbnail img:hover{
  background: none repeat scroll 0 0 #777;
    border: 1px solid #000;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 3px #000, 0 1px 0 #999 inset;
 }
 .picasagallery_photo {
  z-index: 1;
  left: 0;
  display: none;
 }
 </style>

الى هنا تم الانتهاء من اضافة البوم الصور الى المدونة و يمكنك مشاهدته .

ملاحظة : اذا كنت قد اضفت البوم صور معين في بيكاسا و لا تريده ان يظهر لاحد او ان لا يظهر في المدونة اتبع التالي:

اولا: ادخل على بيكاسا من هنا .
ثم اضغط على my photo .

ثم اختر الالبوم الذي لا تريده ان يظهر و اضغط عليه سيتم عرض الصور الموجودة بداخله بعدها ندخل الى اعدادات الالبوم كما موضح في الصورة :

ثم نطبق كما موضح بالصورة : يرجى الضغط على الصورة لمشاهدتها بوضوح ..

اما اذا اردنا ان يظهر الالبوم للجميع و في البوم المدونة فنختار public on the web شاهد الصورة :

يفضل تسمية الالبوم باللغة العربية او الانكليزية ليظهر في المدونة بشكل منسق .

و شكرا لكم .. انتهى .

اضافة خطوط عربية من كوكل لمدونات بلوقر .

noreply@blogger.com (Anonymous) — Thu, 27 Dec 2012 07:22:00 +0000

بسم الله الرحمن الرحيم
الحمد لله رب العالمين و الصلاة و السلام على سيد المرسلين و خاتم النبيين محمد و على اله واصحابه اجمعين .. و بعد ..
اضافت كوكل مؤخرا ستة خطوط عربية تجريبية تعمل على جميع المتصفحات و يتم اضافتها بخطوتين بسيطتين و بالنسبة لي اخترت منها الخط الكوفي و اضفته الى مدونتي كما هي عليه الان .

طريقة اضافة الخطوط :
ندخل الى صفحة الخطوط من هنا ستجد عدد من الخطوط بلغات اخرى اختر الخط المكتوب امامه Arabic و بعدها ندخل الى لوحة التحكم ثم نختار المدونة التي نريد اضافة الخط لها و من اليمين نختار قالب و بعدها تحرير HTML كما في الصورة :

الان نبحث عن :


<head>

و نضع تحته مباشرة كود رابط الخط:


<link href='رابط الخط' rel='stylesheet' type='text/css'/>

رابط الخط نحصل عليه بالطريقة التالية :
بعد ان نختار الخط سنلاحظ وجود رابط الخط نقوم بنسخه كما في الصورة التالية :

للتوضيح اكثر مثلا انا اخترت الخط الكوفي .. يصبح الكود بهذا الشكل :


<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

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


body {
font-family: 'Droid Arabic Kufi', tahoma ,arial; 
}

قالب البطاقة التعريفية

noreply@blogger.com (Anonymous) — Tue, 26 Apr 2011 19:46:00 +0000

هذا النوع من القوالب يحتوي على مختصر عنك و عن مدونتك و يمثل المدخل الى المدونة.

مشاهدة قبل التعريب
مشاهدة بعد التعريب

لتغير الشعار فقط اسبتدل رابط الصورة
ثم ابحث عن رابط مدونتي و استبدله برابط مدونتك
http://ahmed-b.blogspot.com/
تحميل
هناك المزيد من القوالب من هذا النوع جاري تحويلها و تنسيقها ضمن المحتوى العربي .

اضافة مختصر عن التدوينة اسفل كل موضوع .

noreply@blogger.com (Anonymous) — Tue, 12 Apr 2011 08:14:00 +0000

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

طريقة التركيب:

ابحث عن:
]]></b:skin>فوقه مباشرة اضف الكود التالي الخاص بالتنسيق (css):

#rights{

width:540px;

margin:10px 0 30px 0;

padding:5px;

border: 1px solid #ffa500;

background:#fcffd4;

color:#000;

text-align: justify;

}

#rights a{

color:#0B75E7;

}

#rights a:hover{

color:#FF000A;

}

ثم ابحث عن:
<b:if cond='data:blog.pageType == "item"'>و تحته مباشرة اضف الكود التالي :

<div id='rights'>

هذا الموضوع كتبته يوم <data:post.dateHeader/> ضمن تصنيف           <b:loop values='data:post.labels' var='label'>

            <a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

          </b:loop> فأن اصبت فمن الله وحده و ان اخطات فمن نفسي و الشيطان . يمكنك نقل اي موضوع من المدونة بشرط ذكر المصدر و ذكر رابط الموضوع الاصلي للاتصال او الاستفسار عن اي موضوع من 

<a href='رابط اتصل بنا'>هنا</a>.

</div>

و لا تنسى استبدال عبارة رابط اتصل بنا بالرابط الموحود في مدونتك .

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

noreply@blogger.com (Anonymous) — Sun, 10 Apr 2011 18:14:00 +0000

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

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

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

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

افضل برنامج للترجمة بين جميع اللغات .

noreply@blogger.com (Anonymous) — Fri, 09 Jul 2010 20:04:00 +0000

هذا البرنامج هو افضل برنامج لحد الان في الترجمة و هو مدعوم 100% من قبل Google و يعمل اون لاين و يتضمن الترجمة بين جميع اللغات و بضمنها العربية .
اسم البرنامج : WordInn Dictionary
اصدار البرنامج : 2010 2.0.1
حجم البرنامج : 9.75 Mb
صورة من البرنامج :

لتحميل البرنامج ..

تحميل

ستايلات فوتوشوب برابط مباشر [المجموعة االثالثة] .

noreply@blogger.com (Anonymous) — Fri, 09 Jul 2010 08:29:00 +0000

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

تابع بقية الصور و لتحميل الملف..

كلمة السر لفتح ضغط الملف :
ahmed-b.blogspot.com

تحميل

ستايل فوتوشوب برابط مباشر

ستايلات فوتوشوب برابط مباشر [المجموعة الثانية] .

noreply@blogger.com (Anonymous) — Fri, 09 Jul 2010 08:10:00 +0000

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

تابع بقية الصور و لتحميل الملف..

كلمة السر لفتح ضغط الملف :
ahmed-b.blogspot.com

تحميل

ستايل فوتوشوب برابط مباشر

ستايلات فوتوشوب برابط مباشر [المجموعة الاولى] .

noreply@blogger.com (Anonymous) — Thu, 08 Jul 2010 11:48:00 +0000

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

تابع بقية الصور و لتحميل الملف..

صورة من المجلد بعد فتح الضغط .

كلمة السر لفتح ضغط الملف :
ahmed-b.blogspot.com

تحميل

ستايل فوتوشوب برابط مباشر

مجموعة كبيرة من الباترن بروابط مباشرة .

noreply@blogger.com (Anonymous) — Wed, 07 Jul 2010 21:41:00 +0000

مجموعة كبيرة من الباترن للفوتوشوب تشمل على 35 باترن مميز و براوبط مباشرة .
Collection of Photoshop Patterns

تحميل

نموذجين لكود اعلانات متغيرة .

noreply@blogger.com (Anonymous) — Tue, 06 Jul 2010 20:05:00 +0000

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

طريقة استخدامه:

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

اما الان ساضع كلا النموذجين و طريقة عمل كل منهما .

النموذج الاول : كود اعلانات تتغير مع تحديث الصفحة :

ادخل الى لوحة التحكم ثم الى تصميم ثم عناصر الصفحة و بعدها اضافة اداة و اختر HTML/JavaScript و ضع فيه الكود التالي مع مراعاة روابط الصور و المواضيع .

<script language="Javascript">

<!--

var currentdate = 0;

var core = 0;

function initArray() {

this.length = initArray.arguments.length;

for (var i = 0; i < this.length; i++) {

this[i] = initArray.arguments[i];

}

}

link = new initArray(

"http://aaa1.com",

"http://aaa2.com",

"http://aaa3.com",

"http://aaa4.com"



);

image = new initArray(

"http://aaa1.com/pic.jpg",

"http://aaa2.com/pic.jpg",

"http://aaa3.com/pic.jpg",

"http://aaa4.com/pic.jpg"



);

text = new initArray(

"وصف 1",

"وصف 2",

"وصف 3",

"وصف 4"

);

var currentdate = new Date();

var core = currentdate.getSeconds() % image.length;

var ranlink = link[core];

var ranimage = image[core];

var rantext = text[core];

document.write('<a href=\"' +ranlink+ '\" target=\"_blank\"><img src=\"'+ranimage+'\" border="0" alt=\"'+rantext+'\"></a>');

//-->

</script>

مع مراعاة ما يلي:
طبعأً بإستبدال http://aaa2.com , http://aaa1.com , ... الخ بالروابط الصحيحة
و إستبدال http://aaa1.com/pic.jpg و http://aaa2.com/pic.jpg .. الخ بروابط الصور الصحيحة
و إستبدال وصف 1 , وصف 2 ... الخ بوصف الروابط الصحيح
حيث1 من كل حقل مرتبطة بالأخرى من الحقل التالي بمعنى أن الرابط 1 تخصه الصورة 1 و الوصف 1

النموذج الثاني :كود اعلانات متغيرة في نفس الوقت على شكل بنر متحرك .

<script language="JavaScript1.2">



/***********************************************

* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)

* This notice must stay intact for use

* Visit http://www.dynamicdrive.com/ for full source code

***********************************************/



var variableslide=new Array()



//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]



variableslide[0]=['رابط الصورة الاولى', 'رابط الموضوع الاول', '']



variableslide[1]=['رابط الصورة الثانية', 'رابط الموضوع الثاني', '']



variableslide[2]=['رابط الصورة الثالثة', 'رابط الموضوع الثالث', '']



//configure the below 3 variables to set the dimension/background color of the slideshow



var slidewidth='280px' //عرض الصورة

var slideheight='80px' //ارتفاع الصورة

var slidebgcolor='#f5f5f5'



//configure the below variable to determine the delay between image rotations (in miliseconds)

var slidedelay=3000



////Do not edit pass this line////////////////



var ie=document.all

var dom=document.getElementById



for (i=0;i<variableslide.length;i++){

var cacheimage=new Image()

cacheimage.src=variableslide[i][0]

}



var currentslide=0



function rotateimages(){

contentcontainer='<center>'

if (variableslide[currentslide][1]!="")

contentcontainer+='<a target="_blank" href="'+variableslide[currentslide][1]+'">'

contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'

if (variableslide[currentslide][1]!="")

contentcontainer+='</a>'

contentcontainer+='</center>'

if (variableslide[currentslide][2]!="")

contentcontainer+=variableslide[currentslide][2]



if (document.layers){

crossrotateobj.document.write(contentcontainer)

crossrotateobj.document.close()

}

else if (ie||dom)

crossrotateobj.innerHTML=contentcontainer

if (currentslide==variableslide.length-1) currentslide=0

else currentslide++

setTimeout("rotateimages()",slidedelay)

}



if (ie||dom)

document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')



function start_slider(){

crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub

if (document.layers)

document.slidensmain.visibility="show"

rotateimages()

}



if (ie||dom)

start_slider()

else if (document.layers)

window.onload=start_slider



</script>

الكود اعلاه واضح فقط اذا اردت ان تغير سرعة تقلب صور البنرات غير الرقم 3000 الى مثلا 4000 او 2000 حيث كلما زاد الرقم قلت سرعة تقلب الصور و بالعكس .
انتهى .

كود اختفاء الصورة عند تمرير الماوس عليها .

noreply@blogger.com (Anonymous) — Sat, 03 Jul 2010 21:13:00 +0000

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

مثال كما هو في مدونتي .
طريقة اضافة الكود :

من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
ثم ابحث عن :
</head>
و اضف هذا الكود فوقها مباشرة :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".post img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".post img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>
<script type='text/javascript'>
$(document).ready(function(){
$(".latest_img").fadeTo("slow", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
$(".latest_img").hover(function(){
$(this).fadeTo("slow", 0.5); // This should set the opacity to 100% on hover
},function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity back to 30% on mouseout
});
});
</script>

ثم اضغط حفظ .. انتهى .

صور عراقية تاريخية من الماضي .

noreply@blogger.com (Anonymous) — Fri, 02 Jul 2010 18:33:00 +0000

صور ايام زمان في العراق
صور شخصيات و اماكن من تاريخ العراق .
مدينة الكاظمية في بغداد ، في عام 1919

اوا ملك حكم العراق و هو الملك فيصل .

صورة اخرى للملك فيصل

اول زعيم لجمهورية العراق .

الملك فيصل الثاني و هو اخر الملوك قبل ان ينتقل العراق الى الجمهورية .

مسجد الامام ابو حنيفة رحمه الله في منطقة الاعظمية في بغداد .

شارع الرشيد في بغداد ، عام 1950 ، خلال بعض الفيضانات

صورة لمجمعة من الاطفال

هذه الصورة مأخوذة خلال افتتاح الملك فيصل الثاني لمشروع الماء النقي .

رئيس الوزراء العراقي ، نوري سعيد (يسار) مع السياسي التركي عدنان مندريس في المطار.

إزاحة الستار عن تمثال عبد المحسن السعدون . بغداد 20 مايو 1933

عبد الكريم قاسم في واحدة من زياراته .

مسرح و سينما الخيام سابقا .

معلومات مفيدة في حياتك اليومية .

noreply@blogger.com (Anonymous) — Wed, 30 Jun 2010 12:44:00 +0000

اثناء التصفح وجدت بعض الافكار و المعلومات المفيدة في الحياة اليومية .

للتخلص من النمل!
ضع قشر الخيار في المكان الذي يخرج منه النمل.
للحصول على مكعبات نقية من الثلج!
إغلي الماء أولاً.
لجعل المرايا تلمع!
إمسحها بالسبيرتو.
لنزع العلكة عن الملابس!
ضع الثياب في مجمد "فريزر" الثلاجة لمدة ساعة.
لتبييض الملابس!
ضعها في ماء مغلي مضافاً إليها شريحة ليمون لمدة عشر دقائق، ثم اغسلها.
لجعل الليمون يعطي أكبر كمية من العصير!ضعه في ماء ساخن لمدة ساعة قبل عصره.
لإزالة رائحة الملفوف أثناء الطبخ!
ضع قطعة خبز فوق الملفوف في الوعاء.
لإزالة رائحة السمك من اليدين!
غسل اليدين بقليل من خل التفاح.
لمنع الدمع عند تقشير البصل!
امضغ علكة.
للتأكد من صلاحية المشروم!
رش قليلاً من الملح على الفطر، فإذا تحول لونه للون الأسود .. فإنه جيد، وإن تحول لونه للأصفر ... فإنه سام.
لسلق البطاطا بسرعة!
قشر حبة البطاطا من جهة واحدة فقط قبل السلق.
لسلق البيض بسرعة!
أضف قليلاً من الملح إلى الماء.
لإذابة الدجاجة المجمدة!
ضعها في ماء بارد مضافاً إليه ملعقتين كبيرتين من الملح.
لمعرفة السمك الطازج!
ضعه في ماء بارد، فإذا طفا على السطح فإنه طازج.
لمعرفة البيض الطازج!
ضع البيضة في الماء .. فإن رسبت بشكل أفقي فإنها طازجة، وإن رسبت بشكل مائل .. فإن عمرها من 3-4 أيام، وإن رسبت بشكل عمودي .. فإن عمرها 10 أيام، وإن طفت فإنها فاسدة.
لإزالة الحبر عن الملابس!
ضع كمية من معجون الأسنان على بقعة الحبر، واتركه حتى يجف تماماً، ثم إغسل كالمعتاد.
لتقشير البطاطا الحلوة بسرعة!
ضعها في الماء البارد فوراً بعد نضجها.
لإزالة الحشائش من جوانب الطريق!
رش الملح عليها.
للتخلص من الفئران!
رش الفلفل الأسود في الأماكن المحتمل وجود الفئران فيها، عندها تجد الفئران تخرج هاربة بسرعة.
لإبعاد البعوض خاصة في الليل!
ضع بضع أوراق نعناع طازج قريباً من الوسادة وفي أنحاء الغرفة.
المصدر

معلومات عامة تفيد الجميع

انشودة يـا ربُّ إنـي قــد غـســلتُ خطيئتـي بالأدمــعِ

noreply@blogger.com (Anonymous) — Wed, 30 Jun 2010 10:29:00 +0000

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
يارب اني قد غسلت خطيئتي بالادمعِ
هذه احدى درر المبدع المنشد ابو ريان.

كلمات الانشودة :
يـا ربُّ إنـي قــد غـســلتُ خطيئتـي بالأدمــعِ
قد فاضَ كـأسي بـالأسـى حتـى سئمـتُ تجرّعـي

إنـي أتــيــتُـكـ لائـــذاً فـي مـأمـنـي أو مـفـزعـي
غـفـرانُ ذنبـي مأمـلي و جِـنـانُ ربـي مـطـمعـي

ربّـاهُ قـد عصفَـتْ جـراحُا الصدرِ حتى ضآق صدري
و مـضـيتُ في دَربٍ بعيـدِ التِيهِ حتى ضـآع عمـري

يـآ كاتبـاً سِفْـرِ الهدايـةِ بالسَنا جُد لـي بسطـرِ
أنتَ الذي يـدري بحالـي مَـن سِــوَاكَ إذاً سيـدري

يـا ربِّ في جـوف الليالـي كمـ رجعتُ و كمـ بكيـت
و لَكمْـ رجوتُـكَـ خاضعـاً و إلى رجائكَـ كمـ سعيـت

قـد كنـتُ يومـاً تائهـاً و اليومُـ يـا ربِّ وعيـت
ها أنـتَ تدعونـي إلهـي للرجـوعِ ؛ فقـد أتيـت
للاستماع :

للتحميل تابع الموضوع ...

تحميل

انشودة اطفال العالم (نشيد اسلامي انجليزي).

noreply@blogger.com (Anonymous) — Mon, 28 Jun 2010 10:57:00 +0000

انشودة باللغة الانجليزية من مجموعة اناشيد اسلام يوسف .

كلمات الانشودة:

Sing Children Of The World
come Together And Hear The Call
sing Children Of The World
islam Will Unite Us All
sing Children Of The World
come Together And Hear The Call
sing Children Of The World
islam Will Unite Us All

subhanallah, Wa Alhamdullillah Wa Allahu Akbar!

subhanallah, Wa Alhamdullillah Wa Allahu Akbar!

للمشاهدة على اليوتيوب :

سبب تواصل ضحك مذيعة قناة العربية [فيديو] .

noreply@blogger.com (Anonymous) — Sun, 27 Jun 2010 21:52:00 +0000

ادى موقف بسيط الى خروج مقدمة نشرات اخبار على قناة العربية عن دورها الرئيسي لتنخرط امام المشاهدين في موجة ضحك قوية ولمدة طويلة. وكانت إحدى العاملات باستديو اخبار العربية قد مرت امام الكاميرا بينما كانت المذيعة ميسون عزام تقدم نشرة الاخبار ماتسبب في دخول الاخيرة بنوبة ضحك "زادت عن المعقول" واستمرت لوقت طويل في حين اخذت تحاول كبح موجة الضحك "الغير مبررة" اكثر من مرة لكن دون فائدة. وتصادف مذيعي نشرات الاخبار التلفزيونية المباشرة مواقف طريفة ومحرجة في نفس الوقت, لكن الامر لايتعدى في اغلب الاحيان ابتسامة بسيطة او ضحكة عابرة وينتهي كل شئ. ولكن الامر اختلف تماماً عند مذيعة قناة العربية التي واصلت نوبة الضحك بشكل لافت ولم تستطع العودة لوضعها الطبيعي رغم قطع الصوت اكثر من مرة.

لماذا استمرت مذيعة العربية في الضحك المتواصل على الهواء؟

المصدر الرياض- الوئام

قالب ملون بعمودين

noreply@blogger.com (Anonymous) — Fri, 18 Jun 2010 19:03:00 +0000

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

مشاهدة
للتحميل تابع القراءة..

تحميل القالب

تقسيم التصنيفات الى عمودين

noreply@blogger.com (Anonymous) — Thu, 10 Jun 2010 19:07:00 +0000

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

من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
ثم ابحث عن اسم عنوان التصنيفات يعني مثلا اسم التصنيفات في مدونتك اقسام المدونة او اي اسم اخر قد اخترته للتصنيفات ستجده كما موضح في الصورة التالية:

لاحظ ان اسم التصنيفات يعبر عنها باسم Label2 كما مشار اليه باللون الاحمر ..و قد تجدها باسم Label1 .. انسخها و احتفظ بها ثم ابحث عن:

]]></b:skin>

و اضف فوقها مياشرة هذا الكود :

#Label1 ul li{
float:right;
width: 45%;
}

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

قالب اسود بعمودين

noreply@blogger.com (Anonymous) — Tue, 08 Jun 2010 20:03:00 +0000

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

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

اذهب الى تنسيق الطابع الزمني و غير التاريخ كما مبين في الصورة :

للتحميل

قالب بعمودين و ثلاثة اعمدة في الفوتر .

noreply@blogger.com (Anonymous) — Sun, 23 May 2010 18:18:00 +0000

انطلاقا من احد القوالب التقليدية الموجودة مع بلوقر و بواسطة الفوتوشوب تم اقتباس فكرة تصميم هذا القالب و بالاستعانة باحد قوالب ووردبريس ل skinpress و اضافة اليه ثلاثة اعمدة في الفوتر تم بعونه تعالى تصميم هذا القالب :

المشاهدة

ارجو المحافظة على الحقوق في الفوتر و عدم حذفها .. للتحميل تابع القراءة..

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

اضافة أقرا المزيد على شكل زر .

noreply@blogger.com (Anonymous) — Fri, 14 May 2010 07:57:00 +0000

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

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

اضف بعده مباشرة الكود التالي:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>

صورة توضيحية :

في بعض القوالب تجد الكود اعلاه موجود اي انه مضاف مسبقا ففي حال وجوده لا يحتاج الى اضافته مرة اخرى و لكن اتبع الخطوة التالية :

ابحث عن الكود التالي :

]]></b:skin>

اضف فوقه مباشرة الكود التالي :

.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}

بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;

و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة .. اتبع التالي:

ادخل الى لوحة التحكم ثم الى تخطيط ثم اتبع الشرح في الصورة التالية :

قالب مدونة الرافدين الجديد

noreply@blogger.com (Anonymous) — Fri, 07 May 2010 18:44:00 +0000

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

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

مميزات القالب :

سريع جدا في التصفح حبث تم اختصار الستايل css .
يعمل بكفائة على جميع المتصفحات و بضمنها اكسبلورر السادس
مناسب لعرض الفيديو
مناسب لعرض الاعلانات بعرض 125 px
ثلاثة اعمدة في الفوتر
الهيدر متحرك اي يمكن اضافة صورة الهيدر من خلال اضافة اداة و يمكن اضافة كود لهيدر فلاشي .

صور مساجد اسلامية تاريخية في تركيا .

noreply@blogger.com (Anonymous) — Mon, 19 Apr 2010 18:24:00 +0000

صور مساجد تاريخية في تركيا .

مصدر الصور من مجموعة من المواقع التركية.

مسجد السلطان احمد

مسجد أبوجا

مسجد السليمانية

مسجد فيصل

صورة اخرى لمسجد السلطان أحمد

مسجد بمنظر ليلي

مسجد كوكاتيب

جامع السليمية

قالب بثلاثة اعمدة و بثلاثة الوان .

noreply@blogger.com (Anonymous) — Mon, 08 Mar 2010 17:41:00 +0000

هذا القالب هو سادس قالب على التوالي من القوالب التي صممتها و هو بثلاثة اعمدة و بثلاثة الوان هادئة و متناسقة و هذه صورة من القالب :

و تم اضافة المواضيع المتعلقة الى القالب و تنسيقها بشكل يلائم الوان القالب كما في الصورة :

و كذلك تنسيق التعليقات يالوان مناسبة :

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

للمشاهدة من هنا
للتخميل من هنا