Blogger Popup Yazar Hakkında Eklentisi

   

     Bir blogger blogcusuysanız, klasik hakkında gatgetinden sıkıldıysanız işte size göre şık bir yazar hakkında bilgi eklentisi; Popup yazar hakkında bilgi eklentisi.
Kendiniz hakkında takipçilerinizi bilgilendirmeyi sağlayan sosayal medya ve iletişim adreslerinizin takipçileriniz tarafından görüntülenmesini sağlayan gereksiz yere ana erkaranda yer kaplamayan bir eklenti.

Kurulum:

1-) Şablon/Html Düzenle
2-) Aşağıdaki kodu C +F tuş kombinasyonuyla aratın.

]]></b:skin>

3-) Bulduğunuz kodun hemen üstüne aşağıdaki CSS kodlarını ekleyin.




background-color:#222;top:20px} .contentbox{position:absolute;background-color:#fff;top:30px;right:0;left:0;bottom:0;box-shadow:0 1px 5px rgba(0,0,0,.1)} .circle{float:left;height:7px;width:7px;margin:10px 0 0 10px;border-radius:50%} .circle:first-child,.circle:nth-child(2),.circle:nth-child(3){background:#e74c3c} kepala{background:#de9b31;height:50px;width:100%;position:inherit} #textlogo{background:#f0a734;color:#fff;padding-top:15px;text-align:center;font-weight:700;font-size:15px;position:inherit;height:70%;width:61%;box-sizing:initial;} #left{background:#222;color:#fff;top:50px;bottom:0;right:0;width:250px;position:inherit} #left a{color:#bdc3c7;}#left a:hover{color:#fff;} .taber1,.taber2,.taber3,.taber4,.taber5,.taber6,.taber7{cursor:pointer;font-size:14px;padding:15px 25px;color:#bdc3c7;} .taber1:hover{background:#f88c00;color:#fff}.taber2:hover{background:#e74c3c;color:#fff}.taber3:hover{background:#2980b9;color:#fff}.taber4:hover{background:#27C9E9;color:#fff}.taber5:hover{background:#3ca9d0;color:#fff} .taber6:hover{background:#1abc9c;color:#fff}.taber7:hover{background:#f39c12;color:#fff} #left .taber1:hover a,#left .taber2:hover a,#left .taber3:hover a,#left .taber4:hover a,#left .taber5:hover a,#left .taber6:hover a,#left .taber7:hover a{color:#fff} #aboutus{top:50px;width:59%;padding:10px;color:#444;text-align:left;position:inherit;float:left;line-height:normal;font-size:13px} #aboutus img{margin:10px auto 0 auto;display:table;border-radius:100%;max-width:140px;box-shadow:0 0 0 5px rgba(0,0,0,.03)} .scrollbarbox{overflow:hidden;text-align:justify;margin-top:45px} .scrollbarbox .innerone{height:480px;overflow:auto}} a.popup-link{border-bottom:3px solid #e2e2e2;border-radius:3px;padding:8px 40px!important;background:#fff;color:#555!important;text-align:center;letter-spacing:1px;margin-right:10px} #popup{display:none;} #popup:target{display:block;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:999;transition:all .3s} .popup-container{position:relative;margin:0 auto;padding:20px} a.popup-close{position:relative;top:5px;border-radius:50px;float:right;right:5px;margin:0 auto;padding:4px 7px;font-weight:bold;font-size:30px;text-decoration:none;line-height:1;color:#fff} a.popup-close:hover{color:#fff} .totalposts{margin:auto;display:table;text-align:center} .totalposts .totalnumber{display:inline;font-weight:700;font-size:400%;color:#999} .totalposts .totallabel{display:block;text-transform:uppercase;color:#2980b9} li.askwithloud{border:0;float:right;list-style:none} li.askwithloud a{background:#f39c12;color:#fff;display:block;margin:20px 20px 13px 0;padding:10px 20px;line-height:100%;border-radius:3px;font-size:90%;font-weight:bold;text-transform:uppercase;font-family:'Roboto Condensed';transition:background-color .3s} i.askwithloud a:hover{background:#e67e22;color:#fff;} @media (min-width:768px){.popup-container{width:600px}} @media (max-width:767px){.popup-container{width:100%}}

4-)  <body>  kodunu aratın ve aşağıdaki kodu. bulduğunuz kodun altına aşağıdaki html kodunu yapıştırın.



<div class='popup-wrapper' id='popup'>
<div class='popup-container'>
<div class='boxinner'>
<div class='circle'></div>
<div class='circle'></div>
<div class='circle'></div>
<div class='contentbox'>
<kepala><span id='textlogo'><data:blog.title/></span>
<a class='popup-close' href='#closed' title='Close'>×</a>
</kepala>
<br/>
<div class='scrollbarbox'>
<div class='innerone'>
<div id='aboutus'>
<img expr:alt='data:blog.title' src='//4.bp.blogspot.com/-qASSMEXv88Y/Vj4iu_znsQI/AAAAAAAABCQ/llHWFeII5lY/s1600/Askwithloud.com.jpg' expr:title='data:blog.title'/><br/>
<script src='/feeds/posts/default?alt=json-in-script&amp;callback=getposts'></script><br/><br/>
<b>teknoox.blogspot.com </b><br/><br/>
Teknoox Hakkında<br/><br/>
Teknoox xelat kullanıcı çeşitli konularda paylaşımlar yapan birşeydir.<br/><br/>
</div></div></div>
<div id='left'>
<div class='taber1'><a href='/' rel='nofollow' target='_blank' expr:title='data:blog.title'><data:blog.title/></a></div>
<div class='taber2'><a href='#' rel='nofollow' target='_blank' title='Follow Us On Google+'><i class='fa fa-google-plus'/> Google+</a></div>
<div class='taber3'><a href='#' rel='nofollow' target='_blank' title='Follow Us On Facebook'><i class='fa fa-facebook'/> Facebook</a></div>
<div class='taber4'><a href='#' rel='nofollow' target='_blank' title='Follow Us On Twitter'><i class='fa fa-twitter'/> Twitter</a>
</div>
<div class='taber6'><a href='#' rel='nofollow' target='_blank' title='Follow Us On Codepen'><i class='fa fa-codepen'/> Codepen</a></div>
<div class='taber7'><a href='#' rel='nofollow' target='_blank' title='Join this blog'><i class='fa fa-envelope-o'/> Bu Siteyi Takip Et</a></div>
</div></div></div></div></div>



5-) Aşağıdaki javascript kodunu </body> kodunun hemen üstüne yapıştırın.


 <script type='text/javascript'>
//<![CDATA[
// Total Posts
function getposts(json){var totalposts=json.feed.openSearch$totalResults.$t;document.write('<div class="totalposts"><span class="totalnumber">'+totalposts+'</span><span class="totallabel">Publish Articles</span></div>');}
//]]>
</script> 

6-)  Ve son olarak aşağıdaki link kodunu uygun biryere yerleştirin. Gatget Html olarakta ekleyebilirsiniz.

<li class='askwithloud'><a class='popup-link' href='#popup'>Kimim Ben?</a></li>



(http://indzign.blogspot.com/2015/10/halaman-about-us-dengan-tombol-pop-up.html)

Yorum

Ad

2011-2012,1,Altyazı,5,Araçlar,1,Assassin’s Creed,1,bayram,1,beğen,2,Bilim-Kurgu,1,Blog,1,Blogger,37,Blogger İçin Arama Kutuları,1,Blogger İçin Yukarı Çık Butonu,1,Blogger Tema,14,bulut,1,cevap,1,Chat,1,ChromeGT,1,Counter-Strike,1,CS: Global Offensive,1,demo,1,DGS,1,Diz,1,Dizi,7,Duyuru,1,ehliyet,2,Eklentiler,11,etiket,1,Facebook,2,Featured,3,fikstür,1,Film,5,Flash,2,Flash Müzik Aletleri,1,Flash Twitter Takip Edin Kusu,1,Flash Twitter Takip Edin Kusu-2,1,Futured,2,Galeri,1,Genel,68,Gitar,1,Gönderi,1,Haber,1,Hareketli,1,Hata,1,Html,1,indir,1,JQuery,1,Karav1,1,Kayan,1,kazakistan,1,Kesif,2,key,1,kırma,1,Kişisel,4,Kitap,5,kod,1,komik,2,Link Takas,1,maç,1,merlua,1,mesaj,1,MTSS,1,Müzik,1,Nasıl Yapılır ?,1,Nasil,1,NTV spor,1,Os,1,Oyun,5,Pes 2012,2,Pes 2013,1,Pirelli 2012 takvimi,1,Pop up Sosyal Paylaşım Butonları,1,PoSosyal Paylaşım Butonları,1,Psd,3,resim,1,S,1,sezon,1,Sınavlar,3,Site İçinde Uçan Twitter Kuşu Kodu,1,Site Tasarım,4,sitemap,1,sonuç,1,soru,1,Sosyal Ağlar,1,sosyal paylaşım ikonları,1,Spor,2,Süper Lig,1,şifre,1,Tablo,1,Tanıtım,1,TDizi,3,teknoox,1,tema,4,tercih,1,Torrent,8,türkiye,1,Video,2,westward,1,Yabancı,2,Yazılar,2,yerleştirme,1,Yolcu Tr,1,Yurdumun İnsanı,1,
ltr
item
Teknoox: Blogger Popup Yazar Hakkında Eklentisi
Blogger Popup Yazar Hakkında Eklentisi
http://3.bp.blogspot.com/-SsmZ06Kn1Tg/VmXneStzrrI/AAAAAAAABkU/ggr9Nbc-648/s1600/yazar%2Bpopup%2Beklentisi.png
http://3.bp.blogspot.com/-SsmZ06Kn1Tg/VmXneStzrrI/AAAAAAAABkU/ggr9Nbc-648/s72-c/yazar%2Bpopup%2Beklentisi.png
Teknoox
http://www.teknoox.info/2015/12/blogger-popup-yazar-hakknda-eklentisi.html
http://www.teknoox.info/
http://www.teknoox.info/
http://www.teknoox.info/2015/12/blogger-popup-yazar-hakknda-eklentisi.html
true
5400148481297904332
UTF-8
Tüm Yazılar Yükleniyor Ama Birşey Bulamadım Tümünü Görüntüle Devamı Cevapla Gerial Sil Yazan Anasayfa Sayfalar Yazılar Tümü Bakılasıcalar Etiket Arşiv Ara Tüm Yazılar Herhangi birşey bulunamadı. Geri Işınlan Sunday Monday Tuesday Wednesday Thursday Friday Saturday Pzr Pts Sal Çar Per Cum Cts Ocak Şubat Mart Nisan Mayıs Haziran Temmuz Ağustos Eylül Ekim Kasım Aralık Oca Şub Mar Nis May Haz Tem Ağu Eyl Eki Kas Ara Şimdi 1 dakika önce $$1$$ ay önce 1 hafta önce $$1$$ gün önce Dün $$1$$ gün önce $$1$$ hafta önce 5 hafta önce Takipçiler Takip Ücretli Paylaşım Kilidi Kopyala Tümünü Seç Kopyalandı Copyalamak İçin [CTRL]+[C] (or CMD+C with Mac) to copy