Blogger kullanıcılarına seo konusunda az da olsa yardımcı olacağını düşündüğüm ilgili aramalar eklentisini yazma ilhamı sonunda geldi.
Eklentinin yararı ne diye soracak olursanız elbette seoyu etkileyeceğinden google aramalarında daha yukarıda olacaksınız bu da daha çok hit demektir. Bloglarda daha fazla hit çekmesi istenilen konularda konunun en altına normalden küçük yazılmış konu ile alakalı kelimeler sıkıştırılır bu da istenmeyen bir görüntü kirliliği yaratır. İlgili aramalar sayesinde artık o kelimeleri düzene sokabilecek ve blog tasarımınızı bozmadan temiz hit alacaksınız. Tasarımınızı bozmadan diyorum çünkü eklentiyi css kodlarından istediğiniz gibi düzenleyebilirsiniz.
Dilerseniz şimdi kurulum için gerekli kodları vereyim..
İlk olarak temanızda aşağıda verdiğim kodu bulun
]]>
Daha sonra yukarıdaki kodun hemen üzerine aşağıdaki kodları ekleyin ve kurulumu tamamlayın.
.ikaz {margin-top: 0.5em;margin-bottom: 0.5em;padding: 1em 1.5em 1em 5.5em;border-bottom: 2px solid #fff;border-top: 2px solid #fff;color:#444;background: #FFF6BF url() 2.2em center no-repeat; border-color: #EB1885;}.ikaz .kapat{ position:relative; float:right; top:-5px; right:-5px; }.ikaz .kapat img{border:none; background:none;}.ikaz a {color: #817134;}.ikaz2 {color:#444444;background:#BFE5F2 url(http://i50.tinypic.com/oqyjo3.jpg) no-repeat 25px center;border: 1px solid #0098CA;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikaz3 {color:#444444;background:#FFF8AF url(http://i50.tinypic.com/oqyjo3.jpg) no-repeat 25px center;border: 1px solid #DDDDDD;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikazyeni {color:#444444;background:#ebf1f1 url() no-repeat 25px center;border: 1px solid #DDDDDD;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}#yukari h1 {text-indent: -9999px;}#yukari h1 a {background: url(http://i37.tinypic.com/15yxcsn.png);padding:0;display: block;height:83px;width: 344px;cursor:pointer;}.ikaz3-reklam {color:#444444;background:#FFF8AF url() no-repeat 50px center;border: 1px solid #DDDDDD;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikaz27 {color:#444444;background:#E9FFDD url(http://i25.tinypic.com/5cexvl.png) no-repeat 10px center;border: 2px solid #72C868;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikaz-sinema {color:#444444;background:#e3e8d5 url() no-repeat 1px center;border: 2px solid #bedd66;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 10px;margin: 5px 30px;font-family: "Verdana";}.ikazbilgi {color:#444444;background:#FF9933 url(http://i32.tinypic.com/defpz.png) no-repeat 10px center;border: 2px solid #FF8000;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";} a.linkopacity img{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} a.linkopacity:hover img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
Kurulum bu kadardı arkadaşlar.
Eklentiyi kullanabilmeniz için blogger'in basit css ve div döngüsünden yararlanmalısınız. Ben yukarıda css'leri verdim ekleyeceğiniz yeri de gösterdim. Div'i de aşağıda verip uyumak istiyorum :)
İlgili Aramalar:
Yazı içerisinde ekleyeceğiniz kod yukarıda arkadaşlar. Tek tek tüm yazılarınıza ekleyemeyeceğinizden onunda çözümünü göstereyim.
Kumanda Paneli → Ayarlar →Biçimlendirme kısmında en aşağıda Kayıt Şablonu kısmına yukarıdaki kodu kopyalayıp yapıştırın ve kod otomatik her yazınıza eklensin.
Eklenti önizlemesi:
Hepinize iyi bloglamalar :)
Yazar: Hit Adam
Konu: Blogger
Kaynak: Blogger: İlgili Aramalar Eklentisi