Blogger farklı görünümlü sosyal medya takip et eklentisi

Başlıktan'da görüldüğü gibi blogger farklı görünümlü bir sosyal takip eklentisi. Dinamik ve Hızlı olan bu eklentiyi hemen blogunuza ekleyin. Çünkü eklenti baya güzel.



Yukarıda önizlemesi mevcuttur.

Blogger a ekleme işlemi ;

Blogger a girin

Yerleşim ➤ Gadget Ekle ➜ HTML / JAVASCRİPT  adımlarını         takip         ederek                                             aşağıdaki kodları düzenleyip (Kırmızı alanlar)           yapıştırın. Ve                                                             Kaydedin.Bukadar.             


Hayırlı Olsun

























<div class="social-counter">      <a class="count facebook" href="#">        <div class="icon"><i class="fa fa-facebook"></i></div>        <p><span>34.2k</span> beğeni</p>        <p class="action-btn">Beğen</p>      </a>      <a class="count twitter" href="#">        <div class="icon"><i class="fa fa-twitter"></i></div>        <p><span>28.6k</span> takipçi</p>        <p class="action-btn">Takip Et</p>      </a>      <a class="count youtube" href="#">        <div class="icon"><i class="fa fa-youtube"></i></div>        <p><span>8.6k</span> abone</p>        <p class="action-btn">Abone Ol</p>      </a>      <a class="count google-plus" href="#">        <div class="icon"><i class="fa fa-google-plus"></i></div>        <p><span>17.3k</span> takipçi</p>        <p class="action-btn">Takip Et</p>      </a>        </div><style>.social-counter{  padding: 0;  display: block;}.count{  display: block;  padding: 7px 0;  text-align: left;  transition: all 0.5s ease;}.count:hover{  background: rgba(0,0,0,0.033);  transform: scale(1.065);}.count .icon{  background: #aaa;  display: inline-block;  float: left;  color: white;  font-size: 22px;  margin-left: 5px;  text-align: center;  width: 45px;  height: 45px;  border-radius: 50%;  text-shadow: 0 0 3px rgba(0,0,0,0.2);  display: table;}.count .icon i{  display: table-cell;  vertical-align: middle;}.count p{  display: inline-block;  font-size: 13px;  color: #888;  margin: 11px;}.count p span{  color: black;  font-size: 18px;  font-weight: bold;  padding-right: 2px;}.count .action-btn{  float: right;  display: inline-block;  background: #aaa;  color: white;  padding: 3px 6px;  border-radius: 3px;  font-size: 14px;  margin: 11px;}.facebook .icon{background:#3b5999;}.facebook .action-btn{background:#3b5999;}.facebook .icon i{padding-top:2px;}.twitter .icon{background:#55acee;}.twitter .action-btn{background:#55acee;}.twitter .icon i{padding-top:2px;}.youtube .icon{background:#cd201f;}.youtube .action-btn{background:#cd201f;}.youtube .icon i{font-size:24px}.google-plus .icon{background:#dd4b39;}.google-plus .action-btn{background:#dd4b39;}.google-plus .icon i{font-size: 18px; padding-top: 1px;}.instagram .icon{background:#e4405f;}.instagram .action-btn{background:#e4405f;}.rss .icon{background:#f57d00;}.rss .action-btn{background:#f57d00;}.social-counter-2 .linkedin, .linkedin .icon,.linkedin .action-btn{background:#0077B5}.social-counter-2 .vimeo, .vimeo .icon,.vimeo .action-btn{background:#1ab7ea}.social-counter-2 .vk, .vk .icon,.vk .action-btn{background:#4c75a3}.social-counter-2 .tumblr, .tumblr .icon,.tumblr .action-btn{background:#34465d}.social-counter-2 .pinterest, .pinterest .icon,.pinterest .action-btn{background:#bd081c}.social-counter-2 .stumbleupon, .stumbleupon .icon,.stumbleupon .action-btn{background:#eb4924}.social-counter-2 .reddit, .reddit .icon,.reddit .action-btn{background:#ff5700}.social-counter-2 .yelp, .yelp .icon,.yelp .action-btn{background:#af0606}.social-counter-2 .weibo, .weibo .icon,.weibo .action-btn{background:#df2029}.social-counter-2 .producthunt, .producthunt .icon,.producthunt .action-btn{background:#da552f}.social-counter-2 .whatsapp, .whatsapp .icon,.whatsapp .action-btn{background:#25D366}.social-counter-2 .vine, .vine .icon,.vine .action-btn{background:#00b489}.social-counter-2 .slack, .slack .icon,.slack .action-btn{background:#3aaf85}.social-counter-2 .dribbble, .dribbble .icon,.dribbble .action-btn{background:#ea4c89}.social-counter-2 .flickr, .flickr .icon,.flickr .action-btn{background:#ff0084}.social-counter-2 .behance, .behance .icon,.behance .action-btn{background:#131418}.behance .icon i{font-size:18px;}.social-counter-2 .foursquare, .foursquare .icon,.foursquare .action-btn{background:#f94877}.social-counter-2 .snapchat, .snapchat .icon,.snapchat .action-btn{background:#FFFC00}.snapchat .icon i{font-size:24px;text-shadow: -1px 0 black,0 -1px black, 1px 0 black, 0 1px black}.snapchat .action-btn{text-shadow: 0 0 1px black}</style>
Yukarıdaki düzenleyeceğiniz alanlar renkli olarak belirtilmiştir.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Dönen Sosyal Medya Buton Eklentisi

Blogger veya başka platformlara ekleyebileceğiniz bir eklenti.Bu eklentiyi kurarak sosyal medya takipçi sayınızı arttırabilir.Rahatınıza bakabilirsiniz. Dönen Sosyal Medya Buton Eklentisi Nasıl Eklenir? Evet şimdi blogumuza nasıl eklenir gösterelim. Blogger hesabınıza giriş yapın Girişten sonra sol menüden yerleşim bölümüne girin.Gadget ekle tıklayıp içerisinden HTML / Javascript yolunu izleyerek aşağıdaki kodları yapıştırın. <style> p#hb_socialicons img { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(340deg); -webkit-transform: rotate(340deg); -o-transform: rotate(340deg); -ms-transform: rotate(340deg); transform: rotate(340deg); } </style> <center><p id="hb_socialicons"> <a target="_blank...
Devamı

Blogger otomatik yenileme refresh nasıl yapılır? | Kod

Resim
Blogger blogunuzu otomatik yenileme kodu ile belirtiğiniz süre içerisinde yenileyin. Blogger'a Ekleme Blogger a giriş (blogger.com) ↳ Tema → Kodların olduğu kısma bir kez tıklayın Ardından CTRL+F tuşlarına basın.(arama kutusu gelecektir.)➔Arama yerine </head> kodunu aratın. Arattığınız kodun bir üst satırına aşağıdaki kodu yapıştırın.Bukadar.Hayırlı olsun. <meta content=' 120 ' http-equiv='refresh'/> Yukarıda kalın yere yazılmış 120 yazısı ne kadar zamanda yenileceğidir. 2 Dk'da yenilecektir. 60x2=120 120 alanını kendinize göre düzenleyin. Bu arada bugün kandil kandil bayramınız kutlu olsun!
Devamı

Başlangıç

Grafik emmi nin ilk yazısı haliyle blogda neler olacağını neler yapacağımı sizlere söyleceğim. Grafik emmi de her türlü bok var. yazıları kaçırmamak için grafik emmi bloguna mutlaka abone ol. bu blogda her bok olacak demiştim. photoshop , web tasarım , web dizayn , webmaster , sizlere çalışmalarımı sunacağım. Blogumuzun gelişmesi için bu blogu sosyal medya hesaplarınızdan paylaşın ki daha çok kitlelere ulaşalım. Grafik emmiler sizlere güveniyorum.
Devamı