Membuat Search Dan Follower Seperti brilio.net

search, share button blogger, follower

Cara Membuat Search Dan Share Button Seperti brilio.net

Membuat widget search dan follower seperti brilio.net sangat gampang, kalian tinggal simak tutorial singkat dari mas tamvan ini :3
Malam sobat tamvan di manapun kalian berada, pada kesempatan yang sangat mengantukan ini saya akan berbagi cara membuat search dan widget follower menyatu seperti pada web brilio.net :3
Ok tanpa basa basi lagi karena hari makin malam dan saya sudah ngantuk, pengen mimpi basah :3 karena sudah hampir 1 minggu saya tidak lagi mimpi basah bersama sang vacar saya yang entah lagi di mana [SAVE JONES] :v
Ok menuju tuorial.
  • 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 &gt; li {
    list-style: none;
    float: left;
    margin-left: 8px;
}

.list-social-bar &gt; 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 &gt; li .fb:hover {
    background-position: -6px -45px;
}

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

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

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

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

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

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

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

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

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

.list-social-bar &gt; 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="https://www.facebook.com/tejasukmana99" target="_blank"></a>
</li>
<li>
<a class="twitter" href="https://twitter.com/teja_7x" target="_blank"></a>
</li>
<li>
<a class="gplus" href="#"></a>
</li>
<li>
<a class="youtube" href="https://www.youtube.com/" target="_blank"></a>
</li>
<li>
<a class="instagram" href="https://instagram.com/" target="_blank"></a>
</li>
<li>
<a class="feed" href="http://www.mastamvan.blogspot.com/feed/"></a>
</li>
</ul>
</div>

Ok cukup sekian tutorial yang singkat ini, mudah mudahan bermanfaat jangan lupa tuk di share dan saya tunggu komentarnya ya :)
Jangan sungkan kalo ada yg mau di tanyakan silahkan bertanya di kolom komentar :v

2 komentar
  1. Wah kalo edit template susah nyesuaikan dgn yg sudah ada, apalagi ditambah css, mesti ribet hasilnya, mending dibuat jadi script aja gan rasanya lebih bagus deh

    ReplyDelete
    Replies
    1. Wah susah tah gan?
      Ok lah nanti d lain waktu saya akan share yang lebih simplenya.
      tinggal copas ke tataletak done :)
      Thank atas sarannya mastah -/\-

      Delete