Blogger Hakkımda ve Sosyal Ağlar Eklentisi

Anlatıma Geçiyorum

 Css Kodlarını Ekleneceği Yer 

Css Kodları

/***** Hakkımda *****/</p> <p>.vt_sidebar_author_item {<br /> margin-bottom: 0px;<br /> text-align: center;<br /> }</p> <p>.vt_sidebar_author_item .image-wrap {<br /> position: relative;<br /> overflow: hidden;<br /> border-radius: 50%;<br /> -webkit-transform: translate3d(0px, 0px, 0px);<br /> transform: translate3d(0px, 0px, 0px);<br /> width: 100%;<br /> height: auto%;<br /> margin: 0 auto;<br /> margin-bottom: 15px;<br /> }<br /> .vt_sidebar_author_item .image-wrap:before {<br /> content: ”;<br /> display: block;<br /> position: absolute;<br /> width: 100%;<br /> height: 100%;<br /> border-radius: 50%;<br /> border: 10px solid #;<br /> border-image-source: initial;<br /> border-image-slice: initial;<br /> border-image-width: initial;<br /> border-image-outset: initial;<br /> border-image-repeat: initial;<br /> opacity: 0.95;<br /> margin: auto;<br /> top: 0px;<br /> right: 0px;<br /> bottom: 0px;<br /> left: 0px;<br /> -webkit-transition: all 0.4s linear;<br /> transition: all 0.4s linear;<br /> }</p> <p>.vt_sidebar_author_item .social {<br /> position: absolute;<br /> width: 92.5%;<br /> height: 92.5%;<br /> border-radius: 50%;<br /> background: #C1748F;<br /> opacity: 0;<br /> margin: auto;<br /> top: 0px;<br /> right: 0px;<br /> bottom: 0px;<br /> left: 0px;<br /> font-size: 0px;<br /> text-align: center;<br /> -webkit-transform: scale(0.5);<br /> transform: scale(0.5);<br /> -webkit-transition: all 0.3s linear;<br /> transition: all 0.3s linear;<br /> }<br /> .social.linear-3s .social-inner {<br /> position: absolute;<br /> width: 100%;<br /> padding: 15px 0;<br /> top: 50%;<br /> left: 50%;<br /> -webkit-transform: translate(-50%, -50%);<br /> transform: translate(-50%, -50%);<br /> }</p> <p>.social-inner .fa {<br /> margin: 0px 5px;<br /> font-size: 18px;<br /> width: 25px;<br /> height: 25px;<br /> padding: 5px;<br /> border-radius: 50%;<br /> background: #f1f1f1!important;<br /> color: #333;<br /> }</p> <p>.image-wrap:hover .social.linear-3s {<br /> opacity: 0.95;<br /> -webkit-transform: scale(1);<br /> transform: scale(1);<br /> }<br /> .image-wrap:hover:before {<br /> -webkit-transform: scale(1.2);<br /> -moz-transform: scale(1.2);<br /> -ms-transform: scale(1.2);<br /> -o-transform: scale(1.2);<br /> transform: scale(1.2);<br /> }<br /> .vt_sidebar_author_item h4.author_name a {<br /> font-size: 18px;<br /> margin-bottom: 10px;<br /> display: block;<br /> color: #333;<br /> }<br /> .vt_sidebar_author_item p {<br /> line-height: 1.6;<br /> padding: 0 10px;<br /> }</p> <p>/***** Hakkımda *****/</p> <p> /**Hakkımdaki bölümün altındaki Social Widget **/<br /> .widget-social {<br /> text-align:center;<br /> }</p> <p> .widget-social a:first-child {<br /> margin-left:0;<br /> }<br /> .widget-social a:last-child {<br /> margin-right:0;<br /> }</p> <p> .widget-social a i {<br /> height:28px;<br /> width:28px;<br /> text-align:center;<br /> line-height:28px;<br /> background:#C1748F;<br /> color:#fff;<br /> border-radius:50%;<br /> margin:0 2px;<br /> font-size:14px;<br /> }</p> <p> .widget-social a:hover {<br /> text-decoration:none;<br /> color:#000;<br /> }<br /> .widget-social a:hover > i {<br /> background:#000;<br /> }<br /> /**Hakkımdaki bölümün altındaki Social Widget **/

</p> <div class='vt_sidebar_author_item'> <div class='image-wrap'> <img alt='Gökhan TEKİN' class='img-circle author_avatar img-responsive' src='https://4.bp.blogspot.com/-JKU_NfPCIpk/VXNCgbUSwVI/AAAAAAAACYk/MZax94xikf4/s1600/bloggokhantekin-hakk%25C4%25B1mda-logo.png'/></p> <div class='social linear-3s'> <div class='social-inner'> <i class='fa fa-facebook'/></i><br /> <i class='fa fa-twitter'/></i><br /> <i class='fa fa-google-plus' target="_blank"/></i><br /> <i class='fa fa-dribbble'/></i></div></div></div><h4 class='author_name'><span class="ez-toc-section" id="ADINIZ-SOYADINIZ"></span> ADINIZ SOYADINIZ<span class="ez-toc-section-end"></span></h4> <p> KENDİNİZİ TANITAN BİR YAZI.</p></div><p> <center><br /> <img decoding="async" src="https://3.bp.blogspot.com/-1wZDag3J6ls/VXNCgQpoA7I/AAAAAAAACYo/FN0mhDKbli8/s1600/bloggokhantekin-sosyal-aglar-logo.PNG" title='Sosyal Ağlar'/></center><br /> </p> <div class="widget-social"> <i class="fa fa-facebook"></i><br /> <i class="fa fa-twitter"></i><br /> <i class="fa fa-instagram"></i><br /> <a target="_blank" href="#"><i class="fa fa-pinterest" title='Pinterest'></i></a><br /> <a target="_blank" href="#"><i class="fa fa-heart"></i></a><br /> <i class="fa fa-google-plus"></i><br /> <a target="_blank" href="#"><i class="fa fa-tumblr" title='Tumblr'></i></a></div><p>

Dikkat: Bu kodlar her temada çalışmayabilir, eğer yukarıdaki adımları doğru yaptığınızdan eminseniz, ve eklenti çalışmıyorsa temanızdan dolayı çalışmıyordur. Dediğim gibi her temada çalışmıyor