Twitter Takip

Blogger İstenmeyen Sitelerden Hit Almayı Engellemek



Bu yazımda sizlere blogger'da istenmeyen sitelerden nasıl hit almayabileceğimizi göstereceğim. Bildiğiniz üzere siteye gelen hitlere manuel olarak müdahele edemiyoruz ve bu zaman sitenin sağlığını zarara uğratabiliyor.

Bu hitler bize kimi zaman adult sitelerden, kimi zaman kötü amaçlı reklam sitelerden gelebilir. Anlatacağım bu yöntem ile siteye gelen kötü amaçlı hitleri istediğimiz bir siteye yönlendirebileceğiz.

Kodlarda bulunan url1 ve url2 deki yerleri hit gelmesini istemediğimiz domain adreslerini gireceğiz. Aşağıdaki kodda gelen ziyaretçiler direk olarak google'a yönlenecek şekilde ayarlanmıştır. Dilerseniz değiştirebilirsiniz.

Aşağıdaki kodları yerleşim>html/javascript ekle bölümümden ekleyerek işlemi tamamlayabilirsiniz.

<script type='text/javascript'>
var block = ['url1', 'url2'];
for (var b = block.length; b--;) {
if (document.referrer.match(block[b]))
window.location = "http://google.com/";
}
</script>

Benzer aramalar:

Kaan Akyıldız | 22:20 | 4 yorum Devamını Oku »

Blogger Metro Tarzı Sosyal Ağ Eklentisi



Bu gece sizlere blogger için windows 8 metro tarzı sosyal ağ abonelik eklentisini anlatacağım. Bütün işlemleri yaptığınız zaman eklenti yukarıdaki gibi gözükecektir. Farklı olarak üzerine gelindiğinde her sosyal ağın orjinal rengi belirecektir.

Kuruluma geçiyorum.

Şablon > Html'yi düzenle bölümünden

</b:skin>

kodunu buluyoruz ve hemen üstüne

#jocial{width: 305px;
float: left;margin-top: 10px;}
#jocial li{position:relative; cursor:pointer; padding: 0 !important;}
#jocial .facebook, .googleplus, .rss, .twitter{
position: relative;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
z-index: 5;
display: block;
float: left;
margin: 1px;}
#jocial .icon{overflow:hidden;}
#jocial .facebook{width: 150px;
height: 150px;
background: rgba(59,89,152,1) url("http://1.bp.blogspot.com/-UKryCh_9ofg/UTZhTsKo1JI/AAAAAAAABB8/nZELvc-I_mU/s000/facebook.png") no-repeat center center;}
#jocial .twitter{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("http://3.bp.blogspot.com/-l7ZToPjmMuU/UTZhUBsetSI/AAAAAAAABCE/7mAmFM2I3Vg/s000/twitter.png") no-repeat center center;}
#jocial .googleplus{width: 150px;
height: 74px;
background: rgba(59,89,152,1) url("http://2.bp.blogspot.com/-BlNwAezZeJE/UTZhUQqnRiI/AAAAAAAABCM/R_lwCLevtBQ/s000/google%25252Bplus.png") no-repeat center center;}
#jocial .rss{ width: 302px;
height: 74px;
background: rgba(59,89,152,1) url("http://4.bp.blogspot.com/-rAtL540hTiU/UTZhUjdTDrI/AAAAAAAABCU/6msqfzMDbG8/s000/rss.png") no-repeat center center;}
#jocial li:hover .facebook{background-color:#3468B6;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .twitter{background:rgba(64,153,255,1) url("http://3.bp.blogspot.com/-l7ZToPjmMuU/UTZhUBsetSI/AAAAAAAABCE/7mAmFM2I3Vg/s000/twitter.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .googleplus{background:rgba(228,69,36,1) url("http://2.bp.blogspot.com/-BlNwAezZeJE/UTZhUQqnRiI/AAAAAAAABCM/R_lwCLevtBQ/s000/google%25252Bplus.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}
#jocial li:hover .rss{background:rgba(255,102,0,1) url("http://4.bp.blogspot.com/-rAtL540hTiU/UTZhUjdTDrI/AAAAAAAABCU/6msqfzMDbG8/s000/rss.png") no-repeat center center;-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;}

kodunu ekliyoruz. Daha sonra Yerleşim > Gadget ekle > Html/javascript ekle bölümünden

<ul id='jocial'>
<li><a class='icon facebook' href='http://www.facebook.com/YOUR_USERNAME/'></a></li>
<li><a class='icon twitter' href='http://twitter.com/username/'></a></li>
<li><a class='icon googleplus' href='https://plus.google.com/u/0/alamat profil google+/'></a></li>
<li><a class='icon rss' href='http://feeds.feedburner.com/YOUR_USERNAME'></a></li>
</ul>

kodlarını ekliyoruz ve işlem tamamdır. İkinci kod bölümündeki your username bölümlerini kendinize göre değiştirmeyi unutmayınız. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.

Benzer aramalar: Blogger windows metro tarzı sosyal ağ, blogger sosyal ağ eklentisi, blogger metro tarzı sosyal ağ, blogger kare kutu şeklinde sosyal ağ.

Kaan Akyıldız | 00:49 | 4 yorum Devamını Oku »

Blogger Dönen Sosyal Ağlar Eklentisi



IconIconFollow Me on PinterestIconIcon

Bu yazımda blogger için dönen sosyal ağ kutucuklarını paylaşacağım. Kutucuklar rss, facebook, e-mail rss, twitter, google plus ve pinterest olarak eklenmiştir. Demoya hemen üst taraftan bakabilirsiniz. Kodlarda büyük harf ile yazılan yerleri kendi bilgilerinizle değiştirmeyi unutmayınız.

Kurulum ise çok basit. Aşağıdaki kodu Yerleşim > gadget ekle > Html javascript ekle bölümüne tıklayarak ekliyoruz.

<style>
#social a:hover {
background-color: transparent;
opacity:0.7;
}
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div id="social">
<!--Start Rss Icon-->
<a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Rss Icon-->
<!--Start Email Rss Icon-->
<a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Email Rss Icon-->
<!--Start Facebook Icon-->
<a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Facebook Icon-->
<!--Start Twitter Icon-->
<a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Twitter Icon-->
<!--Start Google+ Icon-->
<a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a>
<!--End Google+ Icon-->
<!--Start Pinterest Icon-->
<a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
<!--End Pinterest Icon-->
</div>
</center>


Benzer aramalar: Blogger dönen sosyal ağ eklentisi, blogger sosyal ağlar eklentisi, blogger dönen küçük sosyal ağ kutuları.

Kaan Akyıldız | 19:59 | 2 yorum Devamını Oku »

Blogger Uçan Twitter Kuşu Ve Animasyonlar Eklentisi



Twitter uçan kuş eklentisini bayağı bir sitede görmüşsünüzdür. Bu yazımda ise bu konudan bahsedeceğim. Aşağıdaki tabloda gördüğünüz üzere bu eklenti ile sadece twitter uçan kuşunu değil, blogumuzda uçurmak için bir çok seçeneğe sahip olacağız.

Kuruluma geçiyorum. Blogumuza eklemek istediğimiz kodu Yerleşim > gadget ekle > Html javascript ekle bölümüne tıklayarak ekliyoruz.

Kodların içerisindeki twitter adresiniz ve twitter notunuz bölümlerini kendinize göre düzenlemeyi unutmayınız.



<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-tripleflap.js"></script><script type="text/javascript"> var twitterAccount = "Twitter adresiniz"; var tweetThisText = "Twitter notunuz"; tripleflapInit(); </script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different Arrow Plain.js"></script><script type="text/javascript"> var twitterAccount = "Twitter adresiniz"; var tweetThisText = "Twitter notunuz"; tripleflapInit(); </script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Black Howk.js"></script><script type="text/javascript"> var twitterAccount = "Twitter adresiniz"; var tweetThisText = "Twitter notunuz"; tripleflapInit(); </script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Crishtmas.js"></script><script type="text/javascript"> var twitterAccount = "Twitter adresiniz"; var tweetThisText = "Twitter notunuz"; tripleflapInit(); </script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-Orange-man.js"></script><script type="text/javascript"> var twitterAccount = "Twitter adresiniz"; var tweetThisText = "Twitter notunuz"; tripleflapInit(); </script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-kama humaha.js"></script><script type="text/javascript"> var twitterAccount = "Twitter adresiniz"; var tweetThisText = "Twitter notunuz"; tripleflapInit(); </script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/bloggerwidget/Making Different-red howk.js"></script><script type="text/javascript"> var twitterAccount = "Twitter adresiniz"; var tweetThisText = "Twitter notunuz"; tripleflapInit(); </script>


Benzer aramalar: Blogger twitter kuşları, blogger twitter uçan kuş, blogger twitter uçan animasyonlar.

Kaan Akyıldız | 19:47 | 0 yorum Devamını Oku »

Blogger Popüler Yazılar Bölümünü Renklendirmek



Çoğu blogger kullanıcısı blogger'ın bize sunduğu klasik imkanlardan sıkılmıştır. Bu yazımda sizlere blogger popüler yazılar bölümünü resimdeki gibi renklerdirmeyi anlatacağım. Bu tür konularda yazıları uzatarak yazmayı sevmiyorum. Çünkü yukarıda görünen belli, yapacağımız iş belli.

Kuruluma geçiyorum.

Öncelikle Şablon > HTML'yi düzenle diyoruz ve

]]></b:skin>

kodunu buluyoruz ve hemen üstüne

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after, #PopularPosts1 ul li:first-child + li:after, #PopularPosts1 ul li:first-child + li + li:after, #PopularPosts1 ul li:first-child + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after, #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"} #PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"} #PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"} #PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%} #PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"} #PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%} #PopularPosts1 ul li:first-child + li + li + li:after{content:"4"} #PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%} #PopularPosts1 ul li:first-child + li + li:after{content:"3"} #PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%} #PopularPosts1 ul li:first-child + li:after{content:"2"} #PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%} #PopularPosts1 ul li:first-child:after{content:"1"} #PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none} #PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

kodlarını ekliyoruz. İşlem bu kadar. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.

Benzer aramalar: Blogger popüler yazı bölümünü renklendirmek, blogger popüler yazı düzenlemek, blogger popüler yazı geliştirmek.

Kaan Akyıldız | 17:17 | 2 yorum Devamını Oku »

Blogger 4'lü Sosyal Ağ Abonelik Eklentisi



Resimde gördüğümüz üzere blogger için bunun gibi bir 4'lü sosyal ağ abonelik bağlantısını blogumuza ekleyebiliyoruz. Kurulum ise gayet basit.

Yerleşim > gadget ekle > html/javascript ekle bölümünden

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
#sidebar-subscribe-box{width:300px;border:1px solid #aaa;border-radius:3px;padding:3px 0}
.sidebar-subscribe-box-wrapper{background:url(http://2.bp.blogspot.com/-Y3hbgki8hXE/UXZE9IlUi4I/AAAAAAAAAgI/gIGB-L-HKHo/s1600/background.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}
.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}
.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(http://3.bp.blogspot.com/-DfHJzP9Mlh4/UXZE9ONhVnI/AAAAAAAAAgM/5xtMqb9biR4/s1600/icons.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}
.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}
.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}
.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}
#footer-section{border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
a.social-icons{margin-right: 5px;height:45px;width:45px;}
a.social-icons:hover { opacity: .7; filter:alpha(opacity=70);}
</style>

<br />



<div id="sidebar-subscribe-box">
<div class="sidebar-subscribe-box-wrapper">
<br />
<a class="social-icons" href="https://facebook.com/kullaniciismi"><img src="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a>
<a class="social-icons" href="https://twitter.com/kullaniciismi"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a>
<a class="social-icons" href="https://plus.google.com/kullaniciismi"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a>
<a class="social-icons" href="http://www.feedburner.com/kullaniciismi"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/s1600/Bloggertrix-Rss.png" /></a>
<br />
Bloguma Abone Ol Konular Mail ADRESİNİZE GELSİN<br />
<div class="sidebar-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=kullaniciismi" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=kullaniciismi', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="kullaniciismi" />
<input name="loc" type="hidden" value="tr_TR" /><input autocomplete="off" class="sidebar-subscribe-box-email-field" name="email" placeholder="E-mail adresini buraya yaz" />
<input class="sidebar-subscribe-box-email-button" title="" type="submit" value="ŞİMDİ ABONE OL!" /></form>
</div>
</div>
</div>
</div>

kodlarını ekliyoruz. Kodlardaki kullaniciismi yazan yerleri kendi kullanıcı adlarımız ile değiştiriyoruz ve işlem tamamdır. Ayrıca kodlardaki yazıları değiştirerek istediğini uyarı metnini yazabilirsiniz. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.

Benzer aramalar: Blogger sosyal ağ eklentisi, blogger abonelik kutusu, blogger abonelik entegreli sosyal ağ kutusu.

Kaan Akyıldız | 17:01 | 1 yorum Devamını Oku »

Blogger Seo İpuçu - 3 / Yorumlar



Blogger yorumlar için seo ayarı

Blogger seo için ipuçlarına kaldığım yerden devam ediyorum. Bu yapacağımız düzenleme ile blogger yorum formundaki dışarıya verilen link çıkışlarını düzenleyeceğiz. Bildiğimiz üzere bazı yorum yapan arkadaşlarımız yorumlarının sonunda sitelerine link vererek, ya da direk yorum profili üzerinden linklendirme işlemi yapmaktadırlar. Zaten normal olanı da budur fakat google bunu link çıkışı olarak görebilmektedir. Bunun için burada verilen linkleri tek bir işlem ile no follow olarak değiştireceğiz.

Temamızda

expr:href='data:post.createLinkUrl'

kodunu buluyoruz ve

rel='external nofollow' expr:href='data:post.createLinkUrl'

ile değiştiriyoruz. İşlem tamamdır. Herhangi bir sorunda yorum bölümünü kullanabilirsiniz.

Benzer aramalar: blogger yorumları no follow yapmak, blogger yorum seo, blogger seo ipuçları.

Kaan Akyıldız | 12:56 | 12 yorum Devamını Oku »

Takipçiler