Blogger icin Yandan Açılan Facebook Kutusu Eklentisi

Blogger icin Yandan Açılan Facebook Kutusu Eklentisi

Blogger icin yandan acılan facebook eklentisi 

blogger lar tarafından encok kullanılan eklentilerden biridir Fare uzerine geldiğinde acilan ve  begeni yapılıp  fareyi uzerinden kekince ise kendiliğinden kapanan bir eklenti

Kurulus: </head>  kodunu buluyoruz hemen alt tarafına aşağıdaki kodu ekliyoruz

<<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">script</span> src='https://<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">ajax</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">googleapis</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">com</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">ajax</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">libs</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">jquery</span>/1.6.1/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">jquery</span>.min.js' <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">type</span>='text/javascript'/>

 Daha sonra Asagidaki kodu  Yerleşim - gadget ekle - HTML/JavaScript olarak herhangi bir yere ekliyoruz Kodda 

<<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">script</span> <<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">script</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">type</span>="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">text</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">javascript</span>"> //<!-- $(document).<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">ready</span>(function() {$(".w2bslikebox").<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">hover</span>(function() {$(<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">this</span>).stop().<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">animate</span>({<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">right</span>: "0"}, "<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">medium</span>");}, function() {$(<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">this</span>).stop().<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">animate</span>({<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">right</span>: "-250"}, "<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">medium</span>");}, 500);}); //--> </<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">script</span>> <<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">style</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">type</span>="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">text</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">css</span>"> .w2bslikebox{<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">background</span>: url("<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">http</span>://1.bp.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">blogspot</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">com</span>/--<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">tscpVzcBjo</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">TdUarKtcAlI</span>/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">facebookbadge</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">pn</span>") no-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">repeat</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">scroll</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">left</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">center</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">transparent</span> !<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">important</span>;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">display</span>: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">block</span>;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">float</span>: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">right</span>;height: 270px;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">padding</span>: 0 5px 0 46px;width: 245px;z-index: 99999;position:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">fixed</span>;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">right</span>:-250px;top:20%;} .w2bslikebox <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">div</span>{<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">border</span>:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">none</span>;position:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">relative</span>;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">display</span>:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">block</span>;} .w2bslikebox <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">span</span>{<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">bottom</span>: 12px;font: 8px "<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">lucida</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">grande</span>",<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">tahoma</span>,verdana,<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">arial</span>,<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">sans</span>-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">serif</span>;position: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">absolute</span>;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">right</span>: 6px;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">text</span>-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">align</span>: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">right</span>;z-index: 99999;} .w2bslikebox <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">span</span> a{<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">color</span>: #808080;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">text</span>-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">decoration</span>:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">none</span>;} .w2bslikebox <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">span</span> a:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">hover</span>{<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">text</span>-<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">decoration</span>:<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">underline</span>;} </<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">style</span>><<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">div</span> class="w2bslikebox" <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">style</span>=""> <<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">div</span>> <<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">iframe</span> src="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">http</span>://www.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">facebook</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">com</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">plugins</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">likebox</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">php</span>?href=<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">https</span>://www.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">facebook</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">com</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">pages</span>/<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">XXXXXXXXXXXXXXXXXXXXXXXXXXXX</span>&width=245&<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">colorscheme</span>=<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">light</span>&show_<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">faces</span>=<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">true</span>& <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">connections</span>=9&<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">stream</span>=false&<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">header</span>=false&height=260" <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">scrolling</span>="no" <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">frameborder</span>="0" <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">scrolling</span>="no" <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">style</span>="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">border</span>: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">medium</span> <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">none</span>; <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">overflow</span>: <span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">hidden</span>; height: 270px; width: 245px;<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">background</span>:#<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">fff</span>;"></<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">iframe</span>><<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">span</span>>.<a href="<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">http</span>://eklentileri.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">blogspot</span>.<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">com</span>/">eklentileri</a></<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">span</span>></<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">div</span>> </<span class="goog-spellcheck-word" style="background-color: yellow; background-position: initial initial; background-repeat: initial initial;">div</span>>

Kodun icindedki XXXXXXX olan yere kendi  facebook adresinizle degistirmeyi unutmayin