Membuat Widget Sosial Media Dengan Kotak RSS Subscribe | Hai, Sob... Akan Saya Bagikan Sebuah Artikel yg Berhubungan dengan Widget Sosial Media dan Kotak Berlanganan, Sudah Banyak
Widget Yang Berhubungan Sosial Media + Email Berlanganan, Widget Bisa Menghemat Tempat Karena Widget Ini Berguna Untuk Sosial Media Dan Email berlanganan Dalam Satu Widget, Begitu lah, Widget ini juga Bisa Menambah
Menarik dan Membuat Blog kita Menjadi Lebih ELegan, Tentunya, Langsung Saja Kalau Sobat Tertarik Untuk Membuat, Kita Akan Coba Membuat Widget ini Seperti ini Tutorialnya dan Cara Pembuatannya Seperti ini.
Membuat Widget Sosial Media Dengan Kotak RSS Subscribe
- 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/AVvXsEhj0mvsa42XQiv-zZ5hooW5Hby71PW8-Wy9Y7dQ8GtgAqQsEPkfHxT98k1SPOG76Yzj6PFuxJeGd0djEGSEhmIec5w0Gl5HPSw-W02zHhP4x6JPNSlkRU914bV7UOduz02vaS5_Vxw4GIE/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="feeds.feedburner.com/GhiyatsBlogs">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvw5Vc-RtxNO9gxhlKZNqXqIUAFX5eDiZdiHD9naqk5PtkkVkRh64GJwmrMHl7pAWlb0OeH5WeWMEwt_zd0-BiMd_7UJA-_fxR7KSjvG-DXHfROSwKXo0N_OYpPczge11lQWYkgcpee-uF/s1600/RSS-48x48.png " /></a>
<a href="https://plus.google.com/108021608037797119476">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitEXf7vdmKcgcpyAbnP-5o_Gl1Oy0d7z_do1V9FqKFsYIK2Ym1k8awIkjnA5-kRS07FIDSMs8WyQHLeJairVxJ-mc0s8iuNVpwbxeHzKaar1fJWXAZ3nYHFd9ENxEe2pWQhON7Tlc0fVM/s1600/TNT.png " /></a>
<a href="www.twitter.com/GhiyatsBlogs">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilrcOy5cAWxvDPz6HEH2LFXTGNTXFEQVNIdEXeGiEqtBNXb8Oh9eSeUegeMoEHmPpcDUtjkmz_zMr5GaDMocqHcraFTAXGLVtPpROvaay8p2cogvFdYAolHVx_XoPju14x3_FrSviCSM8/s1600/TNT.png " /></a>
<a href="www.facebook.com/username">
<img border="0" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoDvaO7KshRsL7spcQ1I8IyuA9TKDBdaZ6m30vRAo4xD3M33PLVA4z3A0uM4l4PLXxQJSeX1wuGQBneNG6FqCW3t1yinIuPntwdmx8QcKhNBE0JmUEIg1nrAp79T6InyWZuziYu_bA6co/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=feeds.feedburner.com/GhiyatsBlogs', 'popupwindow', 'scrollbars=yes,width=550,height=550');return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='feeds.feedburner.com/GhiyatsBlogs'/>
<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>
- Ganti GhiyatsBlogs Dengan Id Feedburner anda
- Ganti GhiyatsBlogs 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, Silakn Ber Pendapat Tentang Artikel ini dan Kalau sobat Butuh Bantuan Tentang Artikel ini, Silakn berkomentar Di Kolom Komentar Di bawah ini, Pasti Saya Bantu, Terima Kasih...
