إضافة اداة من نكون نحن ؟ لمنصة بلوجر
مرحباً بكم زوار مدونة اوما ثك - Aoma Tech , فى شرح اليوم سوف نتحدث عن إضافة اداة "من نكون نحن ؟" وهي بإختصار تعرض لك صورة مع اسم المدونة , ووصف المدونة الخاص بك بشكل جميل ومميز يمكنك إضافتة بكل سهولة كما انها تظهر فى القائمة الجانبية للمدونة وتعرض بشكل جميل وجذاب
اولاً كل ماعليك هو الدخول إلي منصة بلوجر من هنا.
ثانياً نتجة إلي المظهر >> ثم تعديل html >> ثم نبحث عن ]]></b:skin>
ثم تكوم بوضع الكود التالي فوقة مباشراً
#HTML16{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDTsTQL98OFLuSSbLygbaN_XlO_gzaTOLXNCgcAKPBXcX8IxNQliTlCmcFdnHU2-7Xk-s3gWa1nbMzxUlYTBKT1iPAV6j7EQY8lWCYCnKIAO5FPMv45qHKYq6i_ucJ7WLqCjMwQCzX9Svx/s1600/back.png),linear-gradient(to right,#3d5afe,#3d5afe);background-size: 550px;text-align: center;}
#HTML16 .headline{margin: 0;}
#HTML16 .headline h6{border-radius: 5px;padding: 3px 20px;background: #ffffff;color: #3d5afe;width: auto;height:30px;font-family: 'Tajawal';}
#HTML16 .headline h6:after {display: none;}
.about-aoma-tech{position:relative;overflow:hidden;margin:0 auto 0;width:210px;height:220px;text-align:center;}
.about-aoma-tech img{max-height:150px;max-width:50%;display:block;height:auto;margin:7px auto;}
.about-aoma-tech span{color:white;font-size:15px;font-weight: 800;}
.about-aoma-tech p{color:white;font-size:12px;max-width:220px;text-align:center;margin:0 auto;padding-top: 5px;}
وبعد ذلك نتجة إلي التنسيق >> ثم إضافة اداة HTML/JavaScript
ثم نضع الكود التالي بداخلة
<div class="widget HTML" data-version="2" id="HTML16">
<div class="widget-content">
<div class="headline" data-title="من نكون نحن ؟!"><h6>من نكون نحن ؟!</h6></div>
<span class="qed"></span>
<div class="widget-content">
<div class="about-aoma-tech">
<a rel="nofollow">
<img height="150" src="https://blogger.googleusercontent.com/img/a/AVvXsEjH6Co9A_TE1smV6cNlaPVh4ETOLbn31Y3c_Vsly9ZOFaQ186Nnbu4WHzDubNixMiecgbyOh5kDTR8Fytj5bx-BhgrWGLbw-2NDBYDJszu6DTEzDA9Hg4P38Mk7vYbkP0YvDdM5eliwH9s1v-4vmxxXefx0MJh-chHWUjx-vnEJaDj9F73SWufCZXSO=s320" width="150" />
</a>
<span>اوما ثك - Aoma Tech</span>
<p>منصة الكترونية تسعى من اجل تقديم افضل المواضيع والإضافات والشروحات في عالم الويب.</p>
</div>
</div>
</div>
</div>