Banner 468 x 60

Loading...

Membuat tombol share komplit valid html 5

Membuat tombol share komplit valid html 5


Semakin marak  nya  tutorial, juga tips trik, tentang blogging,  yang  mengatas namakan
Validasi html 5, juga css 3 dan pada  pertemuan kali ini juga, saya akan membahas trik
Membuat tombol  share valid html 5,  jadi  buat sobat semua yang  peduli templatenya
Dengan html 5 dan juga css 3, tidak usah  khawatir script ini tidak akan mempengaruhi
Pada html dan css, jika sobat akan mencoba silahkan simak, Tutorial nya di  bawah ini

Share Sosial
Tombol Share

Sengaja saya share Tips trik  ini, guna untuk mempermudah sobat bloging,  yang masih pemula  dan
Newbie sekalipun   (seperti  saya).  Artikel   seperti   ini,  sebenarnya   banyak  sekali,   bertebaran  di
Pencarian google dan Sekarang lagi marak nya, tentang offtimasi html 5-css3,dan disitu tidak sedikit
Judul artikel yang mengaitkan dengan era baru baru dalam blogging, yaitu,  Validasi html 5 - css3,  di
Sini saya sedikit bercerita tentang apa yang pernah saya alami, berhati-hatilah bila anda, memasang
Sebuah widget ataupun atribut lainya dari blog cek kaji lebih dalam dulu  tentang artikel yang  hendak
Kita terapkan di blog kita, jangan terbuai dengan judul artikel yang sangat, menggoda. maaf sebelum
Nya ini hanya tips kecil dan saling mengingatkan saja dari saya.

Kembali ke laptop.!!  hhhh baik sobat, kembali ke topik pembahasan,  Membuat  tombol share valid html 5
Tombol share adalah media pembantu untuk artikel postingan kita dimana peranya  sangat  penting  juga
Untuk Mengsahare postingan ke berbagai web site-blog ataupun  ke jejaringan sosial memang tutorial ini
Tidak ada Kaitanya dengan SEO, namun widget share ini, penunjang  agar artikel  blog kita cepat di  kenal
Di berbagai web site bentuk widget ini kecil dan ringan namun, besar gunanya dan komplit  isinya  sesuai
Dengan content judul artikel,  pada  postingan, di blog ini yang sekarang,  akan  saya publish  untuk  anda

Cara memasang nya : 


Masuk ke web - blog lalu, sign in  di blog anda,  untuk blogger
Pilih dasboard kemudian pilih template dan pilih edit template
Cari kode  <data:post.body/>  gunakan  CTRL+F   untuk   memudah  kan  pencarian
Biasanya kode  <data:post.body/>  ada 1-2-3  atau  lebih, pilih  saja salah  satu  nya
Menerut tempat yang anda inginkan, karena widget ini bisa dimana saja tempatnya
Copy kode script di bawah ini dan pastekan tepat di bawah code <data:post.body/> 

<div style='float:left;width:100%;padding:0px 0;margin:20px 0 10px'><div class='addthis_toolbox addthis_default_style '><a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_button_tweet'/><a class='addthis_button_google_plusone' g:plusone:size='medium'/><a class='addthis_counter addthis_pill_style'/></div><script src='http://karrysta.googlecode.com/files/sharekomplit-karrysta.js#pubid=karrysta' type='text/javascript'/></div>

Setelah kodenya terpasang menurut prosedur silahkan anda klik  save-simpan template
Dan cobalah buka, artikel-postingan blog anda, jika penempatan  kode nya kurang pass
Silahkan edit kembali, dengan memindahkan kode script  share komplit ini pada bagian
Atau simpan kembali di bawah kode, <data:post.body/>  namun jika di  rasa sudah pass
Menurut yang anda  inginkan,  cukup jangan di edit lagi.  semoga  anda  memahami nya

Download lainya buka halaman di bawah ini :


Buka halaman :  Daftar Isi


Atau download yang lain di blog ini klik juga di bawah ini :

Download : Skype 6.5.0.107 Beta Terbaru Full
Download : Membuat Teks Pesan Permalink Klasik
Download : Camfrog v-6.4.253 Beta Full version
Download : Obyek Wisata Yang Ada Di Subang
Download : Belajar Bahasa Jawa + Bikin Translate Jawa
Download : Panduan Sholat Lengkap Dan Do'a nya
Download : Opera Browser Untuk Semua os Windows

Sekian semoga artikel ini  bisa  bermanfaat,   buat  anda yang  membutuhkanya sobat
Jika kode atau teks artikel saya ada yang  salah,,?  Anggap  saja itu  pertanyaan  untuk
Anda, dan jika anda bersedia melengkapinya silahkan  tuangkan saja teks  pelengkap
Untuk artikel ini, sebelum dan sesudah nya saya ucapkan terima kasih atas pendapat
Anda dan juga kunjungan, sobat yang sangat berharga ini.  buat saya  salam blogging
@Karrysta

15 Response to "Membuat tombol share komplit valid html 5"

kang kalo mau merapikan author boxnya pada .titlebox h3:before dan .titlebox h3:after yang tadinya top: 47px; coba di ubah jadi 57px (sesuaikan)

Balas

Kaya ada benar nya kelihatan kurang pas yah Mas?
Pada title author box punya saya, terima kasih atas
Masukan nya Mas,. coba di obrak-abrik lagi scriptnya..hhh

Balas

wah keren nih mas cara bikin tombol share komplit serta udah valid HTML 5, sip deh makasih mas buat tutorialnya, sukses selalu :)

Balas

Ok Mas terima kasih atas pendapatnya
semoga bisa bermanfaat salam sukses.

Balas

Wuihhh lengkap banget nih bang terima kasih ya bang.

Balas

aku coba dulu dech tutornya sepertinya menarik nich...salam :-)

Balas

Ok siip Mas @Amang Berangas ,te rima kasih atas
Pendapat dan kunjunganya, semoga bermanfaat sob?

Balas

Silahkan Bang @BlogsOf Hariyanto dengan senang hati.
Terima kasih atas motivasi dan kunjunganya Bang, salam balik.

Balas

Sangat menarik artikelnya, tombol share valid html5 sangat baik karena sangat ringan dan tidak memberatkan loading blog. Sukses selalu.

Balas

wah kumplit bnget gan..

http://kinoytemplate.blogspot.com/

Balas

Terima kasih Mas @Kinoy Templates,
atas partisipasi,dan juga pendapatnya
Salam sejahtera dan sukses buat
Blog kinoytemplate.blogspot nya yah Sob?

Balas

Yupps...tepat sekali Mas @ajatshare,,widget
Share komplit ini, memang script nya sedikit
Namun tidak mengurang kelengakapan untuk
Mengshare artikel kita ke berbagai site dan media
Terima kasih atas pandangan Anda Mas, salam sukses

Balas

Sepertinya HTML5 akan menjadi trend baru di dunia blogger, wah saya harus lebih cepatt mengayuh nih biar tidak ketinggalan, hehehe

Balas

Selamat sore mas karis. Saya izin ikut belajar disini yah. Wah bagus banget widget nya. Komplit banget tombol share nya. Kalau blog saya hanya dipasang widget tombol share jejaring sosial Twitter, Facebook, dan Google+ saja hehe :D

Balas

akhirnya ketemu juga tombol share yang kompilt dan valid html5, makasih mas :D

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Membuat tombol share komplit valid html 5" ini bermanfaat, share ke jejaring sosial.
Konversi Kode