تغيير خلفية مدونة بلوجر إلى أي صورة مع إمكانية التغيير الاوتوماتيكي

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

change blogger blog background to20 any20image 80075011

تغيير خلفية مدونة بلوجر إلى أي صورة مع إمكانية التغيير الاوتوماتيكي

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


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



كيفية تغيير خلفية مدونة بلوجر إلى أي صورة توريد


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

◀️ موقع تحميل الصور pixabay


المرحلة الثانية يجب ان تختار رابط الصورة من اجل مشاركتها كا خلفية لمدونة بلوجر . سوف تدخل للموقع وسوف ترفع الصورة ثم بعدها تختار رابط الصورة مباشرة وهذا مثال “ https://d.top4top.io/p_1829dcb6k1.png “.

change blogger blog background to20 any20image 1352096898


◀️ رابط موقع رفع الصور بالروابط top4top


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

https://4.bp.blogspot.com/-JbQSXYGIFMI/VdJSCgU38pI/AAAAAAAAC3s/UCXN_rwAnoM/s640/11.png

change blogger blog background to20 any20image 1034262764


مرحلة اضافة الصور كخلفية في بلوجر


اولا نقوم بدخول الى المدونة ثم نختار المظهر بعدها تخصيص بعدها تعديل HTML ونفتح محرك البحث CTLR+F ثم نكتب الامر </head>


11


 بعدها نقوم بنسخ الكود ولصقه فوق الامر </head> مباشرة  كما في الصورة . ثم عملية الحفظ


<script type=’text/javascript’>

var images= new Array()

images[0]=”http://3.bp.blogspot.com/-OENBFU6XEj8/U0LoF2ucDtI/AAAAAAAAHt8/n-LvqjzgVxs/s1600/Books.jpg

images[1]=”http://2.bp.blogspot.com/-GHntsusS2Bc/U0LoFZRhU9I/AAAAAAAAHts/xzSWgCmKpM8/s1600/maroc.jpg

images[2]=”http://4.bp.blogspot.com/-GwQIan_43CA/U0LoFvy0FaI/AAAAAAAAHtw/spk5MQSN6js/s1600/Study.jpg


var random=Math.floor(3*Math.random());

document.write(“<style>”);

document.write(“body {“);

document.write(‘ background:url(“‘ + images[random] + ‘”) repeat;’);

document.write(” }”);

document.write(“</style>”);

</script>


◀️ تحميل الكود مباشر من هنا ( كود تغير خلفية المدونة )


كما تلاحظون الروابط التي يمكن تغييرها بروابط صور وهي التي توجد باللون الاحمر .

images[0]=”http://3.bp.blogspot.com/-OENBFU6XEj8/U0LoF2ucDtI/AAAAAAAAHt8/n-LvqjzgVxs/s1600/Books.jpg

images[1]=”http://2.bp.blogspot.com/-GHntsusS2Bc/U0LoFZRhU9I/AAAAAAAAHts/xzSWgCmKpM8/s1600/maroc.jpg

images[2]=”http://4.bp.blogspot.com/-GwQIan_43CA/U0LoFvy0FaI/AAAAAAAAHtw/spk5MQSN6js/s1600/Study.jpg


إذا كنت ترغب في اضافة صورة واحدة ماعليك الا جلعهم برابط صورة واحدة .

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى