Share button sederhana

Share button sederhana

  06:12:00    Seoke.com

---

      Selamat datang di sini,semoga kalian di beri kesehatan oleh yang maha kuasa,share button kalian mungkin sudah tak asing lagi di telinga para blogger,dan mungkin kali ini juga untuk para blogging sudah bosan melihat postingan tentang sahre button yang telah di postingan oleh beberapa blogger tersebut,Namun apa salahnya seoke.com pengen berbagi pengalamannya kepada para blogging pemula.

Share button mungkin cukup di butuhkan oleh para blogging di karenakan sahre button tersebut bisa membuat blog kita sedikit mudah jika kalian pengen baerbagi dengan yang lain.

kita cari tau youk code nya sperti apa.

• kalian silahkan masuk dulu pada blog kalian
• setelah masuk kalian silahkan pilih di mana saat penempatan code tersebut yang di inginkan,
• semilalkan di bawah postingan atau pun di mana aja yang terlihat menarik saat di lihat oleh pengunjung 
• kalian tinggal masuk pada TATA LETAK > pilih TAMBAHKAN WIDGET > HTML/JAVASCRIPT
• Dan copy paste code di bawah ini :

<div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e8062ca66617053"></script>

dan hasilnya akan seperti ini

mungkin bila kalian pengen tampilan share button seperti di bawah ini.

silahkan tinggal copy paste code di bahwah ini,Caranya sama seprti cara yang di atas tadi 

<b:if cond='data:blog.pageType == "item"'> <div style='float:right;padding:5px;'> <table border='0'><tbody> <tr><td><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=110&action=like&font=arial&colorscheme=light&height=21"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:110px; height:21px;'/></td><td><g:plusone expr:href='data:post.url' size='medium'/></td><td><a class='twitter-share-button' href='https://twitter.com/share'>Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></td><td><su:badge layout='1'/><script type='text/javascript'> (function() { var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; li.src = 'https://platform.stumbleupon.com/1/widgets.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); })(); </script></td></tr> </tbody></table> </div> </b:if>

Bila kalian butuh sahre button yang lain silahkan tulis di komentar pesannya .

seoke.com mengucapkan banyak berterima kasih kalian menyempatkan waktunya di postinga Share button sederhana.dan terima kasih untuk www.seocips.yang membantu saya membuat postingan seperti ini

Terima kasih

Read More

Demo button effek slide

Demo button effek slide

  06:32:00    Seoke.com

---

   Butuh tombol DENGAN Yang unik, seoke.com akan postingkan mebuat demo tombol effek slide. Kalian langsung aja kecaranya oke

foto Dengan www.kellydennisvoice.com/

•  Cari Kode </ style> tau cari Kode ]]> </ b: skin>
• Masukan Kode Di Bawah ini Tepat di atas Kode di ANTARA dua yang kalian pilih 

#wrap {margin: 20px auto; text-align: center; }
#wrap br {display: none; }
.bie-slide, .bie-slide2 {position: relative; display: inline-block; height: 50px; width: 200px; line-height: 50px; padding: 0; border-radius: 50px; background: #fdfdfd; border: 2px solid # F9690E; margin: 10px; transisi: .5s; }
.bie-slide2 {border: 2px solid # 36D7B7; }
.bie-slide: hover {background-color: # F9690E; }
.bie-slide2: hover {background-color: # 36D7B7; }
.bie-slide: hover span.circle, .bie-slide2: hover span.circle2 {kiri: 100%; margin-left: -45px; background-color: #fdfdfd; color: # F9690E; }
.bie-slide2: hover span.circle2 {color: # 36D7B7; }
.bie-slide: hover span.title, .bie-slide2: hover span.title2 {left: 40px; opacity: 0; }
.bie-slide: hover span.title-hover, .bie-slide2: hover span.title-hover2 {opacity: 1; left: 40px; }
.bie-slide span.circle, .bie-slide2 span.circle2 {display: block; background-color: # F9690E; Warna: # fff; position: absolute; float: kiri; margin: 5px; line-height: 42px; height: 40px; width: 40px; top: 0; kiri: 0; transisi: .5s; border-radius: 50%; }
.bie-slide2 span.circle2 {background-color: # 36D7B7; }
.bie-slide span.title, .bie-slide span.title-hover, .bie-slide2 span.title2, .bie-slide2 span.title-hover2 {position: absolute; kiri: 90px; text-align: center; margin: 0 auto; font-size: 16px; font-weight: bold; color: # F9690E; transisi: .5s; }
.bie-slide2 span.title2, .bie-slide2 span.title-hover2 {color: # 36D7B7; kiri: 80px; }
.bie-slide span.title-hover, .bie-slide2 span.title-hover2 {kiri: 80px; opacity: 0; }
.bie-slide span.title-hover, .bie-slide2 span.title-hover2 {color: # fff; }

• Kemudian cari Kode </ head> Dan letakan Kode di Bawah ini Tepat di atasnya 

<Link href = 'http: //netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel = 'stylesheet' />

• Simpan Template tersebut, untuk review memanggilnya kita cukupdengan  mode HTML di postingan Dan silahkan Simpan Kode Di Bawah ini dengan yang kalian inginkan

<Div id = "membungkus">
<a class="bie-slide" href="http://seokecom.blogspot.com" target="_blank">
  <Span class = "lingkaran"> <i class = "fa fa-roket"> </ i> </ span>
  <Span class = "title"> Demo </ span>
  <Span class = "title-melayang"> Klik di sini </ span>
</a>
<a class="bie-slide2" href="http://seokecom.blogspot.com" target="_blank">
  <Span class = "CIRCLE2"> <i class = "fa fa Download"> </ i> </ span>
  <Span class = "title2"> Unduh </ span>
  <Span class = "title-hover2"> Klik di sini </ span>
</a>
</ Div>

Mudah Bukan tombol MEMBUAT Demo effek slide pada blog .
seoke.com mengucapkan Banyak terima kasih atas berkunjung di seoke.com JIKA Kalian Punya keritik dan Saran silahkan Tinggalkan pesanya di komentar Yang  telah di siapkan..

Read More