 |
| قالب بلوجر |
نُقدم لكم قالب بلوجر جديد إحترافي متعدد الإستخدام قالب متعرب 100% ممتاز لكل شخص يريد أن يمتلك قالب إحترافي مقدم من مدونة شمس مجاناً.
قالب بلوجر جديد إحترافي متعدد الإستخدام Livinia
متجاوب مع جميع الشاشات المتعددة
قوائم منسدلة
أزرار المشاركة الإجتماعية وروابط الصفحات الإجتماعية
سلايد شو إحترافي
عرض المشاركات بالصفحة بشكل جميل
صفحة الخطأ
مواضيع ذات الصلة
والمزيد أيضاً
شكل القالب من الصفحة الرئيسية
قالب بلوجر أحترافي مميز ومتجاوب متعدد الإستعمال 2025
شكل القالب من داخل موضوع
قالب بلوجر أحترافي مميز ومتجاوب متعدد الإستعمال 2025
تخصيص القالب
للتعديل على القوائم المنسدلة أدخل القالب ثم أنقر على محرر html ثم ابحث عن الرمز
شاهد مواضيع مميزة قد تهمك ايضا
ثم عدلها بإضافة الروابط الخاصة بمدونتك
لتغيير شعار المدونة أبحث عن رابط الصورة التالية ثم أستبدلها برابط شعار مدونتك
hljs.highlightAll();
:root {
–code-bg: #f5f5f5;
–code-color: #333;
–button-bg: #007BFF;
–button-color: white;
–title-color: #d84315;
}
[data-theme=”dark”] {
–code-bg: #1e1e1e;
–code-color: #f5f5f5;
–button-bg: #2196f3;
–button-color: white;
–title-color: #ffb74d;
}
.code-box {
background: var(–code-bg);
color: var(–code-color);
padding: 15px;
border-radius: 10px;
margin: 20px auto;
font-family: monospace;
position: relative;
overflow: auto;
max-width: 560px;
max-height: 500px;
width: 100%;
transition: 0.3s ease;
}
.code-box.expanded {
max-width: 90%;
width: 90%;
max-height: 90vh;
height: auto;
z-index: 1001;
position: fixed;
top: 5%;
left: 5%;
background: var(–code-bg);
box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.code-box .close-btn {
display: none;
}
.code-box.expanded .close-btn {
display: block;
position: absolute;
top: 10px;
left: 10px;
background: crimson;
color: white;
border: none;
border-radius: 5px;
padding: 5px 10px;
cursor: pointer;
font-size: 14px;
}
.code-title {
font-weight: bold;
font-size: 16px;
color: var(–title-color);
margin-bottom: 8px;
}
.code-buttons {
display: flex;
gap: 8px;
margin-top: 10px;
justify-content: flex-end;
flex-wrap: wrap;
}
.code-buttons button {
padding: 6px 10px;
background-color: var(–button-bg);
border: none;
color: var(–button-color);
font-size: 13px;
border-radius: 6px;
cursor: pointer;
transition: 0.3s;
}
.code-buttons button:hover {
opacity: 0.85;
}
#code-overlay {
display: none;
position: fixed;
top: 0; left: 0;
width: 100vw;
height: 100vh;
background: rgba(0,0,0,0.5);
z-index: 1000;
}
?? تبديل الوضع
hljs.highlightAll();
function selectCode(btn) {
const code = btn.closest(‘.code-box’).querySelector(‘code’);
const range = document.createRange();
range.selectNodeContents(code);
const sel = window.getSelection();
sel.removeAllRanges();
sel.addRange(range);
}
function copyCode(btn) {
const code = btn.closest(‘.code-box’).querySelector(‘code’).innerText;
navigator.clipboard.writeText(code).then(() => alert(“تم النسخ!”));
}
function downloadCode(btn) {
const code = btn.closest(‘.code-box’).querySelector(‘code’).innerText;
const blob = new Blob(, { type: “text/plain” });
const link = document.createElement(“a”);
link.href = URL.createObjectURL(blob);
link.download = “code.txt”;
link.click();
}
function toggleExpand(btn) {
const box = btn.closest(‘.code-box’);
const overlay = document.getElementById(“code-overlay”);
if (!box.classList.contains(“expanded”)) {
box.classList.add(“expanded”);
overlay.style.display = “block”;
btn.textContent = “تصغير”;
} else {
box.classList.remove(“expanded”);
overlay.style.display = “none”;
btn.textContent = “توسيع”;
}
}
function closeExpandedCode() {
const box = document.querySelector(‘.code-box.expanded’);
const overlay = document.getElementById(“code-overlay”);
if (box) {
box.classList.remove(“expanded”);
const expandBtn = box.querySelector(‘.code-buttons button:last-child’);
if (expandBtn) expandBtn.textContent = “توسيع”;
}
overlay.style.display = “none”;
}
(function autoTheme() {
const prefersDark = window.matchMedia(“(prefers-color-scheme: dark)”).matches;
document.querySelectorAll(‘.code-box-wrapper’).forEach(box => {
box.setAttribute(“data-theme”, prefersDark ? “dark” : “light”);
});
updateThemeStyles(prefersDark ? “dark” : “light”);
})();
function toggleTheme() {
const wrapper = document.querySelector(“.code-box-wrapper”);
const current = wrapper.getAttribute(“data-theme”);
const newTheme = current === “dark” ? “light” : “dark”;
wrapper.setAttribute(“data-theme”, newTheme);
updateThemeStyles(newTheme);
}
function updateThemeStyles(theme) {
const themeLink = document.getElementById(“hljs-theme”);
themeLink.href = theme === “dark”
? “https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/github-dark.min.css”
: “https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/github.min.css”;
}
لتعديل روابط صفحاتك الإجتماعية أبحث عن الرمز
لتغيير معرف feedburner.google.com الخاص بمدونتك أبحث عن معرف مدونتي وهو blogspot/medad في القالب سوف تجد ثلاثة
لمزيد من الشرح يرجى ترك تعليق وشكراً على مروركم 🙂
قالب بلوجر جديد إحترافي متعدد الإستخدام Livinia
شاهد القالب قبل تحميله
معاينة القالب
تحميل القالب
function previewTemplate() {
window.open(“https://livinias.blogspot.com/”, “PreviewWindow”, “width=1000,height=700,resizable=yes”);
}
تحميلات اخرى
مصدر القالب العربى
تحميل قالب التظيف
.modal-bg {
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.5); display: none; justify-content: center; align-items: center; z-index: 9999;
}
.modal-box {
background: #fff; padding: 0; border-radius: 10px; width: 90%; height: 90%;
box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative;
}
.modal-box iframe {
width: 100%; height: 100%; border: none;
border-radius: 10px;
}
.modal-close {
position: absolute; top: 10px; right: 10px;
background: #f44336; color: #fff; border: none; border-radius: 50%;
width: 30px; height: 30px; font-size: 20px; cursor: pointer;
}
function openModal() {
document.getElementById(“previewModal”).style.display = “flex”;
}
function closeModal() {
document.getElementById(“previewModal”).style.display = “none”;
}
مميزات القالب :-
متجاوب 100% مع كافة الأجهزه
SEO دقيق وجاهز فالقالب بحاجة لمحتوى جيد لتصدر نتائج البحث
تحميل سريع جدًا مع تصميم رائع وبسيط.
يدعم مصمم مظهر Blogger الذي يمكنك من التحكم بالألوان من خلال مصمم النماذج الرسمي لبلوجر من خلال لوحة تحكم مدونتك.
تضمين الإعلانات داخل الموضوع من خلال تخطيط المدونة وتشمل في أسفل عنوان الموضوع, قبل وسط الموضوع, وسط الموضوع, نهاية الموضوع, في جميع المقالات تلقائيا
كود ميتاتاج تلقائي لتحسين رؤية محركات البحث
قائمة منسدلة متجاوبة متحركة
مربع بحث منبثق بشكل رائع
مخطط التسميات بتقنية Schema.org المطلوبة في محركات البحث
خاصية قراءة المزيد
مواضيع ذات الصلة
مواضيع ذات الصلة تظهر تلقائيا وسط المشاركات لزيادة تصفح الموقع
ايقونات الصفحات الإجتماعية وجميع الأيقونات تدعم خط Font Awesome
خاصية تحريك الأداة مع الشاشة في الشريط الجانبي
صندوق الإشتراك بالبريد الإلكتروني
والكثير من المميزات الرائعة في قالب سريع وقوي.
مميزات مدونات بلوجر
اهم مميزات مدونات بلوجر بالنسبة للمدونين
اول ميزة إنها مجانية فقط بحساب Gmail يمكنك البدء فى الكتابة الان
لاتحتاج الى استضافة فتقوم بلوجر بإستضافة الملفات على السرفرات الخاصة بها
السرعة لمدونات بلوجر عن اى مدونات اخري مع مرعاة استخدام قالب بلوجر سريع
الحصول على دومين مجاني مدي الحياة، ونتحدث عن بلوج سبوت Blogspot.com
يمكنك من شراء دومين / نطاق خاص وربطه بمدونتك
الامن والحماية من الاختراق
مميزات قوالب بلوجر
قوالب بلوجر قوالب يمكن استخدامها على جميع الأجهزة.
تتميز templates بلوجر بالشكل الرائع والتصميم الذكي.
تمتلك أدوات نشر سهلة التعامل.
العديد من قوالب بلوجر تتميز بإمكانية تغير عرض القالب.
معظم templates بلوجر خفيفة.
واجهة قوالب بلوجر رائعة الشكل.
تحتوي على قوائم منتظمة.
سهلة التحكم بشكل كبير.
sehaa 
أضف تعليق