Blogger Farklı Butonlu Sosyal Eklentiler

Blogger Farklı Butonlu Sosyal Eklentiler

 

Blogger yeni eklentisi ile her zaman olduğu gibi farklı ve güzel bir eklenti ile yola devam diyoruz ve eklenti için kısa bir açıklama getireyim.Resimde ve demodada sizin görmüş olacağınız gibi butonlu bir stili var ve çok değişik bir eklenti içersinde sosyal medya eklentilerinden ziyade e-posta kayıtta var kısacası bir eklentide isteyeceğinizin hepsi var.

Blogger Paneli >> Yerleşim >> Gatget Ekle >> HTML/JavaScript seçin aşağıdaki kodlarıda içerisine yerleştirin.

<style> #sub_widget { margin-bottom: 30px; max-width: 480px; background: #ddd; max-height: 400px; border: 4px ridge green; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px; margin-top: 20px;} #sbsr {height:70px;} #bts {margin: 9px 0 0 15px;;float:center;} #bts img {border-style: none;} .gap {margin: auto 2px;} #pra {float:left; margin:-6px 0 0px 20px;color:#000;font-size:14px;font-family:arial;font-weight:bold;} .newsletter {height:35px;float:left;margin: 10px 0 60px 0;} .button { margin-top: 5px; color: #fff; width:100px; font-family:arial; font-weight:bold; font-size:16px; text-margin-left:-10px; background: green; } .email {width:250px; height:25px; font-size:12px; text-margin:0 auto; pading:10px auto; background:white} </style> <div id="sub_widget"> <center> <img id="sbsr" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ATegXWRRkizs19SC7_Ag4PoylYJDRPlRuR5CXthV7N3heMRL5uEpTaNfRNQ0pH1hRuaC9QXGHjRoF3ZaCcMOUZTrWS5dHIAFHcnKlmJHxgMr-TZalYZg07FWtI6yEeLIWSt8YGOWXV8/s1600/rss-subscribe.png"/></center> <center> <div class="newsletter"> <form action="http://feedburner.google.com/fb/a/mailverify" class="subscribe-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=bloggerturkey', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="email" name="email" onblur="if (this.value == '') {this.value = 'E-mail';}" onfocus="if (this.value == 'E-mail') {this.value = '';}" type="text" value="E-Posta Adresinizi Yazın.." /> <input name="uri" type="hidden" value="bloggerturkey" /> <input name="title" type="hidden" value="bloggerturkey" /> <input name="loc" type="hidden" value="en_IN" /> <input class="button" name="submit" type="submit" value="Yolla" /> </form> </div> </center> <center> <div id="bts"> <a rel="nofollow" class="gap" href="http://feeds.feedburner.com/bloggerturkey" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2pM3NI0XbxBREthaGj7wuQG9Ic-tWBbZirloWI6IyrUH0nl8lxMhyO5CwuaER0mtjwZzdK5hNHlniJksTZkrSDlims6W4wTmY_Kr_jTXS0EuHOAco_eCKIBXv1WS2lhHSE7Qx-xU6_XTN/s1600/Rss.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4ElvZNo5OEnJ7-biC140iATdPI2QNOs762JM7KUjV-A4hY1K_Y03QYsjBdojOupQwgDr_VLl0UQHIb1vPuPZ_CDil1_XbWyWq5BN6dt5r9EweTqb0q-dr8fVbRK8mbEImHqaAoijStJR4/s1600/Rss_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2pM3NI0XbxBREthaGj7wuQG9Ic-tWBbZirloWI6IyrUH0nl8lxMhyO5CwuaER0mtjwZzdK5hNHlniJksTZkrSDlims6W4wTmY_Kr_jTXS0EuHOAco_eCKIBXv1WS2lhHSE7Qx-xU6_XTN/s1600/Rss.png" title="RSS" alt="RSS" /></a> <a rel="nofollow" class="gap" href="https://plus.google.com/UserID/" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxRNfO01gR6BJWeIV5Ie0j2v8bu5xMR78AlkLDPu139PagvrhSDVD7vAUmHAPi9I755bk5CZALBrJq8ZqSeCyCEj6dx_rjwJIuh1xfC6flUJbH6kLse_6bGf_pQSLj4enyeTo4pn_H_6zd/s1600/Google.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhabUFa6MuYJ3w1KxB4TMQZ24s41i2tywRH6vv70-FGTA49xHFsVYLQuKx1DJy9seoTFnzJmLNAvGu665FmE0ZUXUx2zb0IkG9CWA1liZ1rhhL63AjyEwdiIXxo3INMOeZTKFdoNMsgHQ3U/s1600/Google_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxRNfO01gR6BJWeIV5Ie0j2v8bu5xMR78AlkLDPu139PagvrhSDVD7vAUmHAPi9I755bk5CZALBrJq8ZqSeCyCEj6dx_rjwJIuh1xfC6flUJbH6kLse_6bGf_pQSLj4enyeTo4pn_H_6zd/s1600/Google.png" title="Follow Us On Google plus" alt="Google" /></a><br/> <a rel="nofollow" class="gap" href="http://pinterest.com/jaa09/" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilCKQm2Z_B16pP2Me-q-uddGEEChRK_yANSBsAcrd7Ht3kbiuPc_iU327LUd8MU9Z8GYOL5SHlSFzQDhDObEzPJHX_PDdLTsFA8gsD9zjUgrgXxaKf_cRjGmLm2PkyxszzXJpwMzsHUWCn/s1600/pinterst.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv9C9ff92FourC3qCHz8TDBQo2A6IwKg6O5ig-Zd6c6PAHzbR6cWN4PFMYQhewoBJXMgClNUCGxtcFAeP33OT58QA7WMR3jLWJvdMeYcMliJgC4skc36wludtyAaB0l19ffRS5TzrqxJWp/s1600/pintrest_pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilCKQm2Z_B16pP2Me-q-uddGEEChRK_yANSBsAcrd7Ht3kbiuPc_iU327LUd8MU9Z8GYOL5SHlSFzQDhDObEzPJHX_PDdLTsFA8gsD9zjUgrgXxaKf_cRjGmLm2PkyxszzXJpwMzsHUWCn/s1600/pinterst.png" title="Pinterest" alt="pinterest" /></a> <a rel="nofollow" class="gap" href="http://www.facebook.com/bloggerturkey" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzfba7aZQSfVNF52CyFlqQ5nm5BEkcNoXG3BuDGxR1XMc-peHe7fWiRSkGb5RLDJEBOZxvpd85-07j2vUvjU-yyCmVDnJBmTAsL7XPg5xNHr7UJmmCwpKkT3iWNBlE3WIhpDv5hhQeM-3b/s1600/Facebook.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2TZwFWbk39XQPfUaZwGcHESw8FJEWFo8B3eiweOSCYhVGNDds3Wpk9QZ4H-zhMOtfmrRhBoLpSiRQMlYabIC5Yiwr3BpyfBAAYiHUOi967gJ-Zb-dwHUFX1sYWMwBmq8mMvPLS4eqPM7r/s1600/Facebook_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzfba7aZQSfVNF52CyFlqQ5nm5BEkcNoXG3BuDGxR1XMc-peHe7fWiRSkGb5RLDJEBOZxvpd85-07j2vUvjU-yyCmVDnJBmTAsL7XPg5xNHr7UJmmCwpKkT3iWNBlE3WIhpDv5hhQeM-3b/s1600/Facebook.png" title="Facebook" alt="Facebook" /></a> <a rel="nofollow" class="gap" href="http://www.twitter.com/bloggerturkey" target="_blank"><img onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkqT1-8U6BYHckvgInUy_N0FZ6wMn1b18SRCRExNE8KkpulyQhRV_6-Le3QPiSXCB4aviM_PuBbQSqMIzAAiO_dIO-QEUmfzCRPOBqDzBE85OQ6F8oGt_GVeMjG4v8ecDGTYigclpWXUSv/s1600/Twitter.png'" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbii3XcZOH6_CP9RHsw36chz3D7MqUkHF_-uKMR1yW9-V3n-az8dfYEt4xhMgjSnmIBXQCp5pyvk383qVJHskmNwh_JG30mLLtqWb8uSYPTy0qM_nIi9P8swtXzZdr5XsKJV-zLRswuIMM/s1600/Twitter_Pressed.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkqT1-8U6BYHckvgInUy_N0FZ6wMn1b18SRCRExNE8KkpulyQhRV_6-Le3QPiSXCB4aviM_PuBbQSqMIzAAiO_dIO-QEUmfzCRPOBqDzBE85OQ6F8oGt_GVeMjG4v8ecDGTYigclpWXUSv/s1600/Twitter.png" title="Twitter" alt="Twitter" /></a></div> </center> </div>


Yukarıdaki kodlar içersinde değiştirmeniz gereken yerleri değiştirin.
Kendinizin sosyal sitelerinizin adreslerini ekleyiniz.