Home » Blogger Widget » Cara Buat Profiles Social Bergaya Cup di Blogger

Cara Buat Profiles Social Bergaya Cup di Blogger

Kali ini Blog Gado Gado akan menampilkan artikel berjudul Cara Buat Profiles Social Bergaya Cup di Blogger. Dengan artikel Cara Buat Profiles Social Bergaya Cup di Blogger ini kami berharap dapat menjadi sebuah rujukan dan bahan penambah wawasan kita terkait dengan judul tersebut. Artikel ini adalah hasil pencarian di google dengan kata kunci Cara Buat Profiles Social Bergaya Cup di Blogger kemudian saya kumpulkan dan saya sajikan buat anda di Blog Gado Gado ini. Semoga kehadiran artikel ini bermanfaat bagi kita semua.anda juga dapat melihat artikel sebelumnya atau artikel berikutnya. Ok, langsung saja berikut adalah artikel Cara Buat Profiles Social Bergaya Cup di Blogger selengkapnya:

D-Copy Blog | Dalam posting ini, saya membagikan kepada Anda widget ini dengan menambah jejaring sosial gadget yang menarik. Anda dapat me-link ke RSS Feedburner, Facebook, Twitter, Pinterest dan Google+.
Langkah :
  1. Buka akun Blogger Anda
  2. Masuk ke Menu Layout > Add Gadget
  3. Pastekan kode dibawah ini & save.
padding:0!important;margin:0 6px}
.social li a{
display:block;width:46px;height:58px;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd6hhsrbABZoW82W43xJY5rL4nTHpcKFk0Rz3FYTN0vGWfSU_PZvWrMOCDeIMbZOmGNht46xDUBuQQ7ihxmekLIGdtjFyQ3dGM3y2HZfCGqi5Sg6MQMYXUel4YLsxzdvEaPL3Vg6vlPr4/s1600/social-icon.png") no-repeat transparent;text-indent:-99999em!important;-webkit-transition:ease-out 700ms;-moz-transition:ease-out 700ms;-o-transition:ease-out 700ms;-ms-transition:ease-out 700ms;transition:ease-out 700ms}
.social li a:hover{padding:0!important;transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-moz-transition-duration:700ms;-webkit-transition-duration:700ms;-o-transition-duration:700ms}
.social li.twicon a{background-position:0 -1px;border-right:1px solid #e6e6e6}.social li.pinicon a{background-position:-47px -1px;border-right:1px solid #e6e6e6}
.social li.rssicon a{background-position:-100px -1px;border-right:1px solid #e6e6e6}
.social li.fbicon a{background-position:-150px -1px;;border-right: 1px solid #e6e6e6;}
.social li.twicon a:hover{background-position:0 -60px;border-right:1px solid #e6e6e6}
.social li.gicon a{background-position:-200px -1px}
.social li.gicon a:hover{background-position:-200px -60px}
.social li.pinicon a:hover{background-position:-48px -60px;border-right:1px solid #e6e6e6}
.social li.rssicon a:hover{background-position:-100px -60px;border-right:1px solid #e6e6e6}
.social li.fbicon a:hover{background-position:-150px -60px;border-right: 1px solid #e6e6e6;}
.bloggertrix{width:300px;float:left}
.bloggertrix .count{color:#f17c18;font-size:14px;font-weight:bold;font-family:Helvetica,Arial;height:40px;line-height:40px;vertical-align:middle;width:310px;padding:0 0 0 4px;margin:0}
.bloggertrix .count span.bigcount{color:#f17c18;font-size:24px;font-family:Helvetica,Arial;line-height:39px;vertical-align:middle;margin:0;padding:10px 0 0 0}
.bloggertrix .subicons{border-bottom:1px solid #e6e6e6;margin:0;float:left;width:100%;font-family:Helvetica,Arial;font-size:12px}
</style><br /><div style="display: none;">Email Subscription box by<a href="URL Blog Ada Disini">Nama Blog Anda</a></div>
<div class="bloggertrix">
<h1 class="title">
Connect With Us!</h1>
<div class="subicons">
<ul class="social">
<li class="rssicon"><a href="http://feeds.feedburner.com/ID Feedburner Anda" rel="nofollow" target="_blank">Rss</a></li>
<li class="twicon"><a href="http://twitter.com/ID Twitter Anda" rel="nofollow" target="_blank">Twitter</a></li>
<li class="fbicon"><a href="http://facebook.com/ID Facebook Page Anda" rel="nofollow" target="_blank">FaceBook</a></li>
<li class="pinicon"><a href="https://pinterest.com/ID Pinterest Anda" rel="nofollow" target="_blank">Pinterest</a></li>
<li class="gicon"><a href="https://plus.google.com/ID Google+ Anda" rel="nofollow" target="_blank">Google +</a></li>
</ul>
</div>
</div>
Keterangan :

  • Lakukan perubahan pada ID Profiles Social Anda. 

Nah, sobat Blog Gado Gado.. Anda telah membaca seluruh artikel berjudul Cara Buat Profiles Social Bergaya Cup di Blogger dengan keword yang masuk Blogger Widget . Anda dapat memberikan komentar ditempat yang telah tersedia. Terima kasih kunjungan Anda.

0 komentar:

Posting Komentar