افضل النصائح للحفاظ علي بطارية الهاتف في الصيف

السلام عليكم ورحمة الله وبركاتة.

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

ان من الامور المهمة اضافة ازرار التواصل الاجتماعي فى مدونات بلوجر لزياده عدد المتابعين فى المدونة.

.............................................................................................

والان نذهب الى طريقة التركيب:

..................................

• نذهب الى لوحة تحكم بلوجر.

• ومن ثم نذهب الى التخطيط.

• ومن ثم نذهب الى السايد بار ونضغط على اضافة اداة.

• ونختار HTML\JavaScript.

• ومن ثم نقوم بوضع الكود ونضع بدل # الروابط الخاصة بكم ونضغط حفظ.

<!-- من جوست ويب --><div class="widget-content"><div class="social-btns"><a class="btn facebook" href="#"><i class="fa fa-facebook"></i></a><a class="btn twitter" href="#"><i class="fa fa-twitter"></i></a><a class="btn google" href="#"><i class="fa fa-youtube"></i></a><a class="btn dribbble" href="#"><i class="fa fa-instagram"></i></a><a class="btn skype" href="#"><i class="fa fa-skype"></i></a>  </div></div><style>
.social-btns .btn,.social-btns .btn:before,.social-btns .btn .fa {-webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);}.social-btns .btn:before {top: 90%;left: -110%;}.social-btns .btn .fa {-webkit-transform: scale(0.8);transform: scale(0.8);}.social-btns .btn.facebook:before {background-color: #3b5998;}.social-btns .btn.facebook .fa {color: #3b5998;}.social-btns .btn.twitter:before {background-color: #3cf;}.social-btns .btn.twitter .fa {color: #3cf;}.social-btns .btn.google:before {background-color: #dc4a38;}.social-btns .btn.google .fa {color: #dc4a38;}.social-btns .btn.dribbble:before {background-color: #f26798;}.social-btns .btn.dribbble .fa {color: #f26798;}.social-btns .btn.skype:before {background-color: #00aff0;}.social-btns .btn.skype .fa {color: #00aff0;}.social-btns .btn:focus:before,.social-btns .btn:hover:before {top: -10%;left: -10%;}.social-btns .btn:focus .fa,.social-btns .btn:hover .fa {color: #fff;-webkit-transform: scale(1);transform: scale(1);}.social-btns {max-height: 200px;margin:25px auto;font-size: 0;text-align: center;top: 0;bottom: 0;left: 0;right: 0;}.social-btns .btn {display: inline-block;background-color: #fff;width: 90px;height: 90px;margin: 7px 10px;line-height: 90px;text-align: center;position: relative;overflow: hidden;border-radius: 28%;box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);opacity: 0.99;}.social-btns .btn:before {content: '';width: 120%;height: 120%;position: absolute;-webkit-transform: rotate(45deg);transform: rotate(45deg);}.social-btns .btn .fa {font-size: 38px;vertical-align: middle;}
</style>

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