Cara Membuat Tombol Social Media Open Hide Popup Diblog

Cara Membuat Tombol Social Media Open Hide Popup - Hari Ini Gue Akan Membagikan Tips Cara Membuat Tombol Social Media Open Hide Popup social media sebenarnya memiliki pangsa pasar atau cakupan yang cukup luas untuk menguasai sumber trafik blog, disamping search engine tentunya, karena dengan social media ini kita bukan hanya bisa sekedar ber-interaksi saja, namun kita juga bisa digunakan sebagai sarana mempromosikan blog kepada jangkauan yang lebih luas, agar blog semakin ramai akan pengunjung dan komentar tentunya.

Cara Memasang Tombol Social Media Open Hide Popup

1.  Login Ke Blogger
2.  Masuk Ke Tata Letak/Lay Out
3. Klik New Widget -> -> HTML/SCRIPT
4. Masukan Script Kode Ini

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script><style type="text/css">#tuliskancom-circle-mod{bottom: 0 !important;left: 5px;position: fixed;}#tuliskancom-container-circle{position:relative;height:100px;width:100px}#tuliskancom-base-button{background:-moz-linear-gradient(center top,#A90329 0,#8F0222 44%,#6D0019 100%) repeat scroll 0 0 #6D0019;background:-webkit-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-o-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:-ms-linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);background:linear-gradient(top,#a90329 0,#8f0222 44%,#6d0019 100%);border:4px solid #fff;text-decoration: none;z-index:9999;cursor:pointer;border-radius:50px 50px 50px 50px;box-shadow:0 1px 3px rgba(0,0,0,0.5);color:#fff;font:68px Arial;height:80px;left:0;padding:0;position:absolute;text-align:center;top:0;width:80px}.tuliskancom-btn{position:absolute;height:50px;width:50px;border-radius:25px;top:15px;left:15px;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;box-shadow:0 1px 3px rgba(0,0,0,.5)}#tuliskancom-fb.open{top:-125px;left:25px}#tuliskancom-fb.open.clicked{top:-135px;left:15px}#tuliskancom-tw.open{top:-105px;left:80px}#tuliskancom-gplus.open{top:-75px;left:125px}#tuliskancom-rss.open{top:-30px;left:160px}#tuliskancom-mail.open{left:175px;top:25px}.plus{-moz-user-select: none;-moz-transition:all 200ms ease-in 0s;-webkit-transition:all 200ms ease-in;-o-transition:all 200ms ease-in}.rot{-moz-transform:rotate(137deg);-o-transform:rotate(137deg);-webkit-transform:rotate(137deg);transform:rotate(137deg)}</style><script type="text/javascript">var delay=40,delayTime;$(function(){btns=$(".tuliskancom-btn");$("#tuliskancom-base-button").toggle(function(){$("span.plus").addClass("rot");btns.each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.addClass("open")},delayTime)})},function(){$("span.plus").removeClass("rot");$($(btns).get().reverse()).each(function(a){var b=$(this);delayTime=a*delay;window.setTimeout(function(){b.removeClass("open")},delayTime)})})});</script><a href="http://gj37765.blogspot.com" style="position:absolute;z-index:-11"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQwwieVsAUJaS-KKnRxNAqpq4oPwagUImy0OY-hzDQbBWaOs3xCA7e-dbD0CSBIZIX-cTJfe0ohMjKaY1yx1mSeZH1NhWwWuTZeJ80iIrQlMIUZrQEPnaZrAJln0mwRbVwkcjQr1BYVIw/s1600/1x1juice.png" /></a><div id="tuliskancom-circle-mod"><div id="tuliskancom-container-circle"><a id="tuliskancom-fb" class="tuliskancom-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheCUVbA85X8HubnVEWR_fNlD16gUk8jdj2JBPh7rXexao5FF5dUEQXE6-a2H62l5ahtqsme1Yo70vJzTOZr-9ojDNchU35Ao5LC7XqbMRM3535Gig_OK_wFoDsej6mDkd-kQ-Z6jkXUGrw/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -1px 0" href="https://www.facebook.com/MgFantastico" rel="nofollow" target="_blank"></a><a id="tuliskancom-tw" class="tuliskancom-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheCUVbA85X8HubnVEWR_fNlD16gUk8jdj2JBPh7rXexao5FF5dUEQXE6-a2H62l5ahtqsme1Yo70vJzTOZr-9ojDNchU35Ao5LC7XqbMRM3535Gig_OK_wFoDsej6mDkd-kQ-Z6jkXUGrw/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -52px 0" href="http://twitter.com/Gerardo_Mosses" rel="nofollow" target="_blank"></a><a id="tuliskancom-gplus" class="tuliskancom-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheCUVbA85X8HubnVEWR_fNlD16gUk8jdj2JBPh7rXexao5FF5dUEQXE6-a2H62l5ahtqsme1Yo70vJzTOZr-9ojDNchU35Ao5LC7XqbMRM3535Gig_OK_wFoDsej6mDkd-kQ-Z6jkXUGrw/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -157px 0" href="https://plus.google.com/1082849384938323232" rel="nofollow" target="_blank"></a><a id="tuliskancom-rss" class="tuliskancom-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheCUVbA85X8HubnVEWR_fNlD16gUk8jdj2JBPh7rXexao5FF5dUEQXE6-a2H62l5ahtqsme1Yo70vJzTOZr-9ojDNchU35Ao5LC7XqbMRM3535Gig_OK_wFoDsej6mDkd-kQ-Z6jkXUGrw/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -105px 0" href="http://feeds.feedburner.com/MgFantastico" rel="nofollow" target="_blank"></a><a id="tuliskancom-mail" class="tuliskancom-btn" style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheCUVbA85X8HubnVEWR_fNlD16gUk8jdj2JBPh7rXexao5FF5dUEQXE6-a2H62l5ahtqsme1Yo70vJzTOZr-9ojDNchU35Ao5LC7XqbMRM3535Gig_OK_wFoDsej6mDkd-kQ-Z6jkXUGrw/s1600/%5Bwww.gj37765.blogspot.com_share+buttons2.png) repeat -210px 0" href="http://feedburner.google.com/fb/a/mailverify?uri=MgFantastico&loc=en_US" rel="nofollow" target="_blank"></a><a id="tuliskancom-base-button"><span class="plus">+</span></a></div></div><a href="http://www.tuliskan.com"></a>


Keterangan :

• Jika Pada Template Anda Sudah Ada Kode jQuery Seperti Kode Yang Berwarna Ungu Diatas ( Versi Berapapun ) , Maka Kode Berwarna Ungu Diatas Dihapus Saja
• Ganti Kode Yang Berwarna Orange Dengan ID Feedburner Blog Anda
• Ganti Kode Yang Berwarna Merah Dengan ID Google+ Anda
• Ganti Kode Yang Berwarna Biru Tua Dengan ID/Nama Fan Page Facebook Anda
• Ganti Kode Yang Berwarna Biru Muda Dengan Username Twitter Anda

6. Dan Klik Save/Simpan

Gampangkan ?? Demikian Artikel Saya Selesai Terima Kasih Telah Membaca Artikel Saya Yaitu Cara Membuat Artikel Social Media Open Hide Popup Diblog

Sumber

Jangan Lupa Follow Dan Komennya Yaa , Nanti Saya Balas ^o^

• Tweet
• Share
• Share
• Share
• Share

About Gerardo Mosses

Ini Adalah Blog Iseng Buatan Saya , Dibuat Karena Iseng Hanya Untuk Sekedar Membagikan Informasi Seputar Internet Dan Disekitar Kalian

Related Post