Widget Social Media Dengan Rss Subscribe Box

Written By M. Alex Joenaedi 2 Comments

Selamat pagi sobat Kolom Tutorial™, Setelah kita membahas tentang bagaimana Membuat Daftar isi Tabulasi Dalam posting ini, ane akan menjelaskan bagaimana membuat Widget Social Media Dengan Rss Subscribe Box. Jadi, sobat Blogger menghubungkan URL Notwork sosial Sobat dengan widget. dan ini akan membantu sobat blogger untuk mendapatkan folllower lebih banyak lagi. Widget ini freviewnya kurang lebih seperti ini :

Nah itulah kurang lebih freviewnya, untuk cara penerapannya sebagai berikut :

1. Sobat Login Ke akun blogger sobatdan klik dropdown seperti gambar dibawah :

2. Kemudian Klik "Layout"

3. Kemudian Klik Add Gadget dan Klik 'HTML/Javascript
4. Kopi Paste Kode dibawah ini :

<style>
#socialnbtrix{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEmL7AUbAzq2lhS_ozd00-nqt9u13SELve4RkL8b5qvsgKif9hXbcO1sr9i6PQUvZBIsEZt6f53EFHE4-DxEL7eKtS9EBDOn63b5Fdfhq1HxD3PWxJ934iwBJyA6tL3xIv68EFtJ_GKSs/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;}
p#socialnbtrixp 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;
padding-right:10px;}
p#socialnbtrixp img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);}
bloggertrixform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.bloggertrixtxt{
font-size:16px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:240px;
height:30px;
}
.bloggertrixbtn{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<br />
<div id="socialnbtrix">
<center><p id="socialnbtrixp">
<a href="RSS FEED URL SOBAT DISINI">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiASnGhmh7z9wBQVrynNKekH6r8GbRoMMlR6tlPoahPW3UJAPG07rrtj7thRpRC_tWPg063dwFwiLd6fEqF9727wPL5L6shM7uvaJb7T5s0SF91U-y9DSGfZXabecBAXYIMJANvxUH2taTe/s1600/RSS-48x48.png " /></a>
<a href="GOOGLE PLUS URL SOBAT DISINI">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitHf2o5eNLjBVb_akAnzlcaKajB6GgmYSUaNlB49esq8qS6mIdTVfgAKHVT6OKYrKKXUknqYVab9EypE1r4U07bpvNVdyXfGviYr07tM_Ug5fKFJG1sbwRIbAZYKhOFFB0pIqWpsQw-j0/s1600/TNT.png " /></a>
<a href="TWITTER URL SOBAT DISINI">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitfqQaU9MiPpER3lxl7pllZOvC-glrIYyw23IJrnhu34iT9KJrSqdba6m_B7mY3oV1aYA0zM0aseHwIt4doMtmH120Xycu-uDkkFzX6ml37zQs4P2gDqMcvXKZ9F1_bZBt3EbmoOyAVzU/s1600/TNT.png " /></a>
<a href="FACEBOOK URL SOBAT DISINI">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgykVrTqFzvAkUTdZir3TTYi4UEFCUaJedhujQbmhYI6QB7YNk2dfpyvTPD_IBlyQbjtIos4m11foqUHl50dZpJeVYVCznjO1yDCTlbUI0ipoYW5M9M_BQHf8F1y0JraxBielHb8F2Rlks/s1600/TNT.png " /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Get Quality Updates Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER ID SOBAT DISINI', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='FEEDBURNER URL SOBAT'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='bloggertrixtxt' name='email' onblur='if (this.value == "") {this.value = "Enter your Email";}' onfocus='if (this.value == "Enter your Email") {this.value = ""}' type='text' value='Enter your Email'/>
<input alt='' class='bloggertrixbtn' title='' type='submit' value='Submit'/>
</form><center>
</div>

5. Ganti Tulisan Berwarna MERAH dengan link milik sobat.
6. Klik "Save"

Enjoyyyyyyyyy........ and Happy Blogging sob,,,,,

M. Alex Joenaedi

Saya hanyalah seorang Newbie di dunia Blogger, Aktivitas Ngeblog dilakukan hanya pada waktu senggang saja atau tidak teratur.

2 Responses to "Widget Social Media Dengan Rss Subscribe Box "

Unknown23 Feb 2013, 11:25:00
miztia pengen coba biar widgetnya di samping kayak punya kamu yang di atas itu gmn .
ReplyDelete
Replies

Terimakasih banyak atas kunjungannya, salam silatuhami M. Alex Joenaedi

Subscribe to: Post Comments (Atom)