Sunday, February 2, 2014

Membuat Widget Sosial Media Dengan Kotak RSS Subscribe

langsung saja saya sudah ngantukk. hehe
  • Login Ke Blogger, Dengan Akun Anda
  • Klik ''Tata Letak'' Pada Dasbor Blogger
  • Klik ''Tambah Gadget''
  • Pilih Gadget ''HTML/JavaScript'' Dan Masukan Kode Di bawah ini, Di dalamnya Gadget Tersebut
<style>
#socialnbtrix{
width:244px;
padding:10px 10px 0px 9px;
background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFI4XMmrwjBnOqbIaH8F2L9XHLg6vlJo4R9cC8ZqBxLiQKZAyykgJq_1KR28Fw6yxtMJ7yqPkRz84jfqzeZ2YRudxhhZNGxJjivEvldQKZebrHwSe7OlcF2YwIVbYYIMmH2k7Rd0TZRQ0/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=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
<br />
<div id="socialnbtrix">
<center><p id="socialnbtrixp">
<a href="feeds.feedburner.com/TesBlogs">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXGGkdZASEy4voB8i1EZWIXIzy9NruPszzzqbIdjFTzWm81eIBN5v_cU7vxiDrch37MrXxu8wK25CuiYMZwiJl1efUDrGDzNmcrfTwFaS3fPUQmRVudKo8uoWMW72ChSiyfGa2DoNvRCvY/s1600/RSS-48x48.png " /></a>
<a href="https://plus.google.com/108021608037797119476">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizuDCs7wg7_89wnqvmtX5mpcbvpuA7o1VIu9-BTtuYXFu2z3t7rJ77mG9Y14Vxppvk9NCqMwTZQNu-QUNDAUmXIsnuGW7JwlftmRnIeKVGor9fJmQpdeLCx2huI-G3SlMFG2tRHBD1Zw4/s1600/TNT.png " /></a>
<a href="www.twitter.com/GhiyatsBlogs">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioCHcThMUooR_6y2qRLow7V3R7ohd6jriT_tiE4mcGC8wk_w8h3zxIkT5dLbdqt7CDXnLxE_Yc8HEmFNBYZsDMo76HBfBLpCRHXs9bTB9Uj9QLa_Z1KUdY1KFdjlrQhRNwu-Re4Vp8dRA/s1600/TNT.png " /></a>
<a href="www.facebook.com/username">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO4upn30pSVqC2lUnk7V-bAXwtsrQCnaqGY_sM0TZ1_FtXNp5KiJPUENAuwLEcTCf3c-MCNrnhcEwAOqsR5rKpPK0_JJyX4CZon31FwIicX-KoyplZCpB_pzmAffd_uUVxc6p3YdmWY0k/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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=feeds.feedburner.com/TesBlogs&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=550&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='feeds.feedburner.com/TesBlogs'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='bloggertrixtxt' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your Email&quot;;}' onfocus='if (this.value == &quot;Enter your Email&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your Email'/>
<input alt='' class='bloggertrixbtn' title='' type='submit' value='Submit'/>
</form><center>
</div>
  • Ganti TesBlogs Dengan Id Feedburner anda
  • Ganti TesBlogs Dengan username twitter anda
  • Ganti username Dengan username Facebook anda
  • Ganti 108021608037797119476 Dengan ID google+ anda
  • Setelah Semua Di Ganti, Sekarang Klik Simpan
Demikianlah Artikel ini yang berhubungan dengan Sosial Media dan RSS Subscribe, Semoga Artikel yang Saya Bagikan ini Bermanfaat dan Mudah Untuk Di Pratekkan
Comments
0 Comment