Easy Ways to Make Social Media Widget Share Without Edit HTML

23:40 0 Comments

Easy Ways to Make Social Media Widget Share Without Edit HTML -
Hi buddy blogger. Good day. By the way, it seems I have not made ​​a post. Yep, if my friend asks why not make posts dikarnakan old I busy final exam. Today I will be a time to share a couple of articles, one article about How to Make Easy Share Social Media Without Edit HTML. For bloggers who are looking for social media widget to share, I will give a tutorial how to make it without editing HTML in the template.


For new bloggers start a blog, I suggest to use this widget. Why do I say that, because I think that the widget is obliged to be owned and installed on your blog to increase the number of visitors to your blog. By using sisial networking services that are popular today it is not possible to increase the number of visitors / visitor of your blog. In addition to increasing the number of visitors to your blog, there are many uses or benefits that can mate get by installing this widget. To my friend who wants to put this widget on your blog, please follow the steps below that I created.


     Sign In / Login to your blog account.
     Choose Layout = >> Add gedget.
     Choose HTML / Javascript.
     After that pal Copy the code below and paste in column HTML / Javascript.
Copy below
<style>
 
    .touchme a {
    display:block;
    height:50px;
    width:50px;
    padding:0 4px;
    float:left;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXB4Lun4KnSkSrFw8h_FKMN2tcTB_1cm8juDXSSX7WD4RdU9SIAhHE_QMWMujGEiVtewmYSrm0PJGCHX8D-Troj_IQH4HAHRWU30KUHZeNePqmEaQpXsJrli8VU5qaDqeO-vQQLUDCVHI/s1600/Sharing+Touch+Me.png) no-repeat;
    -webkit-transition: ease-in 0.2s all;  
    -moz-transition: ease-in 0.2s all;  
    -o-transition: ease-in 0.2s all;  
    -ms-transition: ease-in 0.2s all;  
    transition: ease-in 0.2s all;
    cursor:pointer;

     }

     .touchme a.googleplus {
    background-position: 0px -58px;

     }
    .touchme a.googleplus:hover {
    background-position: 0px 0px;
    }
    .touchme a.twitter {
    background-position: 0px -290px;

     }
    .touchme a.twitter:hover {
    background-position: 0px -232px;

     }
    .touchme a.facebook {
    background-position: 0px -406px;

     }
    .touchme a.facebook:hover {
    background-position: 0px -348px;

     }
    .touchme a.rss {
    background-position: 0px -174px;

     }
    .touchme a.rss:hover {
    background-position: 0px -116px;

     }
    </style>
    <div class='touchme'>

     <!--RSS-->
    <a class='rss' href="Link RSS Sobat" target='_blank'></a>

     <!--Google Plus-->
    <a class='googleplus' href="Link Goggle Plus Sobat" target='_blank'></a>

     <!--Facebook-->
    <a class='facebook' href="Link FACEBOOK Sobat" target='_blank'></a>

     <!-- Twitter -->
    <a class='twitter' href="Link TWITTER Sobat" target='_blank' ></a>
    </div>



  • Please change the text color pal Blue with Social Media Link pal.
  • Then Save the HTML / Javascript.
Cara Mudah Membuat Widget Social Media Share Tanpa Edit HTML
example Widget

Similarly Tutor Social Media Widget Share Without Edit HTML from me. Somoga I created this article can be useful and beneficial for bloggers who need. If my friend had difficulty in making this widget, please hubungin me through the comment section below or via chatbox or can also send mail to me. Thanks and Regards Blogger.

d

Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard.

0 komentar:

➳ Peraturan Yang Harus Anda Patuhi Di Blog Ini ➳

➳ Dilarang Berkomentar Kasar
➳ Dilarang Berkomentar Berbau Porno/Sara
➳ Dilarang Saling Menghina
➳ Dilarang Spam
___________________________________________

Subscribe to: Post Comments (Atom)