Cara Memasang Widget follow Wordpress di Blog

Cara Memasang Widget follow Wordpress di Blog. Beberapa hari kemaren ada sahabat blogger yang menanyakan cara ini karena yang di dapat dari hasil search google adalah kebalikan dari judul ini. Sambil mencari trik-2 baru akhirnya kutemukan jawabannya.

Tentu sobat sudah tidak asing lagi dengan widget yang satu ini. itu..tuu.. yang dipojok kanan bawah Memasang.. udah tau kan.. klo masi belum tau juga, nih takasih screenshotnya..:

Nah udah tau kan...??? Gak usah panjang lebar lagi deh,,, kita langsung aja ke cara memasangnya :

1. Login ke Blog
2. Masuk kehalam dashbor, pilih tata letak lalu pilih tambah widget
3. Pilih HTML/Javascrypt
4. Copy kede berikut kedalamnya

<br /> <br /> <br /> <br /> <style type="text/css"><br /> /*<![CDATA[*/<br /> <br /> #w2bfollowSubscribe {background-color: #464646;width: 220px;color: #FFF;position: fixed;z-index: 999999;right: 10px;bottom: 0;}<br /> <br /> .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}<br /> .w2bfollowButton {background: #464646;color: #CCC !important;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}<br /> <br /> .w2bfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Ik2MyklABkshT9JxeUAAOUPFgE_eU0edQcjNqpRTh90t36Vn9UwwOitzncVtllGeXN6ePrcVOLiigERap2U8j2mEjetR0zUDGmBbGSO55O5RpBVqIY4dTiQBG_rW6JsAeTzVFKK5NsiQ/s1600/follow-w2b.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}<br /> .w2bfollowButton:hover,.followActive {color: #fff !important;}<br /> .w2bfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}<br /> <br /> .followactive {background-color: #333;}<br /> <br /> .w2bfollowForm {padding: 15px;}<br /> <br /> .w2bfollowForm h3 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}<br /> .w2bfollowForm p {margin: 0 0 10px;}<br /> <br /> .w2bfollowForm .emailInput {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}<br /> .w2bfollowForm form {text-align: center;}<br /> <br /> .w2bfollowForm .emailInput:focus {color: #000;border-color: #000;}<br /> .w2bfollowForm .emailSubmit {cursor:pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}<br /> <br /> .emailSubmit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}<br /> .emailSubmit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}<br /> .w2bFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}<br /> <br /> .w2bFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}<br /> .w2bFollowFooter a:hover {color: #fff;background: none;}<br /> /*]]>*/<br /> </style><br /> <script type="text/javascript"><br /> /*<![CDATA[*/<br /> ;(function(w2b){w2b(document).ready(function(){w2b.extend(w2b.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=w2b("#w2bfollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);w2b(".w2bfollowButton").click(function(e){if(followBox.hasClass("followOpened")){w2b(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{w2b(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);<br /> /*]]>*/<br /> </script><br /> <div id="w2bfollowSubscribe" style="display:none;"><br /> <br /> <div class="w2bfollowForm"><br /> <a class="w2bfollowButton" href="#" title="Follow"><span>Follow</span></a><br /> <h3>Follow "Technology is Informatica"</h3><br /> <p><span style="color: green;">Isikan Email anda untuk mendapatkan updetan terbaru dari blog ini. jangan lupa buka email untuk konfirmasi email.</span></p><br /> <br /> <br /> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=edynlaskar09', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br /><br /> <br /> <input type="text" class="emailInput" name="email" placeholder="isi Email anda"/><br /> <br /> <br /> <input type="hidden" value="edynlaskar09" name="uri"/><br /> <input type="hidden" name="loc" value="en_US"/><br /> <input type="submit" value="Kirim Email" class="emailSubmit"/><br /> </form><br /> <br /> <br /> <br /> <p class="w2bFollowFooter"><br /> <br /> <a href="http://edynlaskar09.blogspot.com/2012/07/cara-membuat-widget-follow-wordpress-di.html" target="_blank">Get This Widget</a><br /> <br /> <br /> <br /> </p><br /> <br /> <br /> </div><br /> </div><br /> <br /> <br />

Nb:
- Ganti tulisan edynlaskar09 dengan ID feedburner milik sobat.
- Ganti Technology is informatica dengan judul blog sobat.

* Terakhir jangan lupa disave.


Sekian tutorial Cara Memasang Widget follow Wordpress di Blog semoga bisa bermanfaat.

Sumber : Disini