Membuat Search Dan Follower Ala brilio.net


Membuat widget search dan follower seperti brilio.net sangat gampang, kalian tinggal simak tutorial singkat ini :

  • Seperti biasa, kalian harus masuk terlebih dulu ke blogger.com
  • Terus masuk ke template -> Edit HTML.
  • Cari biar cepat gunakan [CTRL+F] search kode ]]></b:skin>  atau </style>
  • Lalu masukan CSS di bawah ini.


/*Menu Search Share Tamvan*/
.tamvan-sekali-right {
float: right;
}

.tamvan-sekali-left {
float: left;
}

.teja-tamvan-right {
margin: 21px 0;
}

.list-social-bar {
margin: 0;
padding: 0;
float: left;
}

.list-social-bar > li {
list-style: none;
float: left;
margin-left: 8px;
}

.list-social-bar > li a {
background: url(data:image/png;base64,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) no-repeat;
width: 37px;
height: 37px;
display: block;
background-position: -6px -5px;
}

.list-social-bar > li .fb:hover {
background-position: -6px -45px;
}

.list-social-bar > li .twitter {
background-position: -50px -5px;
}

.list-social-bar > li .twitter:hover {
background-position: -50px -45px;
}

.list-social-bar > li .gplus {
background-position: -95px -5px;
}

.list-social-bar > li .gplus:hover {
background-position: -95px -45px
}

.list-social-bar > li .youtube {
background-position: -139px -5px;
}

.list-social-bar > li .youtube:hover {
background-position: -139px -45px
}

.list-social-bar > li .instagram {
background-position: -184px -5px;
}

.list-social-bar > li .instagram:hover {
background-position: -184px -45px
}

.list-social-bar > li .feed {
background-position: -229px -5px;
}

.list-social-bar > li .feed:hover {
background-position: -229px -45px
}

.input-group {
position: relative;
display: table;
background: #efefef;
border-radius: 37px;
width: 280px;
}

.button-group {
width: 1%;
white-space: nowrap;
vertical-align: middle;
display: table-cell;
}

.form-search .form-control {
border: 0;
font-size: 12px;
color: #888;
display: table-cell;
position: relative;
width: 100%;
height: 37px;
background: none;
padding: 5px;
padding-left: 15px;
}

.form-search .btn-search {
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
display: block;
height: 37px;
width: 37px;
background: #fff;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAMAAAC7faEHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMxQTFRFAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtAKLtA6PtBqTtCaXuDKbuEqnuGKvvG6zvHq3vIa7vJK/wJ7DwKrHwTr7zUcDzWsPzYMX0Y8b0acj0csz1pd75t+X6vef6w+n7xur7zOz74fT95PX96vf+7fj+8/v+9vz+/P7/////mphDRQAAACJ0Uk5TAAMJDBIbJCpLTlpdeHuKjZCTlpyfoqWutLq9zOHn8PP5/IhgfhcAAAF+SURBVDjLnZTpdoIwEIVxB7sggltB0cGl1rUWBW0LyLz/OxURIVHC6eH+msn5GJLcyXBcHhX5146qgaZ2Xvkik6rKA0g0kKupVFkaAq2hVH7E6jo8Sq/fYw1IV4PGWsBSi8SegS2iojDK4CDeY0XPwkCvRFybXp/cg+0rViP/urUcdKwtxY1qIScnK9MDXnWYkqAcepqYZdjomXOYmx7aBmnhxWs+yXforMJg5eAXWZAPODFJT7iLvziRnBhwvTgbo38768THMcH1Ak6Ls3d049jFD4LTAi45xtj3Z1E4833yGgcBR6RHNKPIpPcHVD34RHcdBmsXN5R11P7AsPC8X8Bif0ZvBnf76xH51Ir88PGbBN/o+7tcnI3o2ZvlLwWKtB+EaPDiR1Fngcf4GOFbVtLbc/nj3CxRrv3H6GMj7q1aaj8Do5///T44IZN7Sh7mSwYm5ZgHXEFiVSvkm1fB/Gs+zL9mOX2eKmRNXakyJ29JELtqH/pqVxRKuSb8H9CZmRQuJ/GnAAAAAElFTkSuQmCC) no-repeat;
background-position: -1px -1px;
}
  • Lanjut, Sekarang tinggal memasukan script / kode HTMLnya.
  • Cari kode / script <body>
  • Lalu masukan HTML d bawah ini, Tepat di atasnya!!
<div class="teja-tamvan-right tamvan-sekali-right clearfix">
<form action="/search" class="form-search tamvan-sekali-left" method="get">
<div class="input-group">
<input class="form-control" name="q" placeholder="Temukan Orang Tamvan Di Sini..." type="text">
<div class="button-group">
<button class="btn-search" type="submit" value="Go"></button>
</div>
</div>
</form>
<ul class="list-social-bar clearfix tamvan-sekali-left">
<li>
<a class="fb" href="LINK_FAEBOOK_ANDA" target="_blank"></a>
</li>
<li>
<a class="twitter" href="LINK_TWITTER_ANDA" target="_blank"></a>
</li>
<li>
<a class="gplus" href="LINK_GOOGLE_PLUS_ANDA"></a>
</li>
<li>
<a class="youtube" href="LINK_YOUTUBE__ANDA" target="_blank"></a>
</li>
<li>
<a class="instagram" href="LINK_INSTAGRAM_ANDA" target="_blank"></a>
</li>
<li>
<a class="feed" href="http://www.theboegisll.blogspot.com/feed/"></a>
</li>
</ul>
</div>
Yang Perlu anda ganti tulisan
LINK_FAEBOOK_ANDA
LINK_TWITTER_ANDA
LINK_GOOGLE_PLUS_ANDA
LINK_YOUTUBE__ANDA
LINK_INSTAGRAM_ANDA
http://www.theboegisll.blogspot.com  = dengan link sobat masin2
Ok cukup sekian tutorial yang singkat ini

sumber post dari : Tamvan
None

So happy to be able to change something and make it cooler than the original

Post a Comment

Previous Post Next Post