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
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
17 komentar
kang kalo mau merapikan author boxnya pada .titlebox h3:before dan .titlebox h3:after yang tadinya top: 47px; coba di ubah jadi 57px (sesuaikan)
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
wah keren nih mas cara bikin tombol share komplit serta udah valid HTML 5, sip deh makasih mas buat tutorialnya, sukses selalu :)
Ok Mas terima kasih atas pendapatnya
semoga bisa bermanfaat salam sukses.
Wuihhh lengkap banget nih bang terima kasih ya bang.
aku coba dulu dech tutornya sepertinya menarik nich...salam :-)
Ok siip Mas @Amang Berangas ,te rima kasih atas
Pendapat dan kunjunganya, semoga bermanfaat sob?
Silahkan Bang @BlogsOf Hariyanto dengan senang hati.
Terima kasih atas motivasi dan kunjunganya Bang, salam balik.
Sangat menarik artikelnya, tombol share valid html5 sangat baik karena sangat ringan dan tidak memberatkan loading blog. Sukses selalu.
wah kumplit bnget gan..
http://kinoytemplate.blogspot.com/
Terima kasih Mas @Kinoy Templates,
atas partisipasi,dan juga pendapatnya
Salam sejahtera dan sukses buat
Blog kinoytemplate.blogspot nya yah Sob?
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
Sepertinya HTML5 akan menjadi trend baru di dunia blogger, wah saya harus lebih cepatt mengayuh nih biar tidak ketinggalan, hehehe
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
akhirnya ketemu juga tombol share yang kompilt dan valid html5, makasih mas :D
Mantap nih Mas Saud. Tombol share ini bermanfaat sekali buat blog. Agar pengunjung yang suka dengan artikel kita dapat dengan mudah membagikannya.. :)
Jangan Komentar Promosi, Link Hidup, Spam Karena akan terhapus
Silahkan untuk "Follower blog, atau Berlangganan Lainya" di blog ini
Untuk Mengkonversi kode dan icon Smiley silahkan Klik dibawah ini
Show Konversi KodeHide Konversi Kode Show SmileyHide Smiley Follower