أغلاق

تغيير شكل بار الكوكيز لمدونات بلوجر لشكل احترافي

كتابة Sanad Nabil بتاريخ : 11 سبتمبر 2016 - آخر تحديث: 14 أبريل 2019
تغيير شكل بار الكوكيز لمدونات بلوجر لشكل احترافي

السلام عليكم ورحمه الله وبركاته اليوم ساضع لكم اضافه مهمه لكل مدونه وهي تغيير شكل بار الكوكيز المقدم من جوجل فكما يعلم البعض ان شركه جوجل اضافه بار للتعريف باستخدام الكوكيز في المدونه وتظهر عندما يدخل لك زائر من الخارج من الدول الاجنبيه واحيانا بعض الدول العربيه وهذه الرساله تظهر بشكل غير احترافي وغير منظم كما بالصوره التاليه😎

كما تري تظهر بشكل بسيط جدا واليوم سنتعلم كيفيه تغيير هذا التصميم للتصميم في صوره الموضوع
الاضافه بشكلين ولونين مختلفيه

اولا اضافه بار الكوكيز باللون الابيض

للاضافه قم بالبحث عن]]></b:skin> والصق الكود التالي فوقه اي قبله

/*Tapseet.com Custom Cookies Info Light */
.cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}

ثانيا اضافه بار الكوكيز باللون الاسود

للاضافه قم بالبحث عن]]></b:skin> والصق الكود التالي فوقه اي قبله

/* Custom Cookies Info Dark Tapseet.com */
.cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;}
.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}
.cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear}
.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}

ارجوا ان يعجبكم الموضوع

هل كان المقال مفيداً؟
نعم لا
انت رائع ! كن ايجابيا وضع بصمتك بمشاركة الموضوع
رائع جدا !
X
هل لديك مقترحات لتحسين تجربتك أكثر؟
الإسم *
بريدك الإلكتروني *
إرسال
إرسال