CARA MUDAH MEMBUAT WIDGET FLOATING SHARE MEDIA SOSIAL
Cara Praktis Membuat Widget Floating Share Media sosial - Hari ini aku akan share tutorial mengenai cara menambahkan share bar media sosial floating di blogger. Dalam widget ini telah memasukkan Facebook like, tombol share, Google Plus, Tweet, linkedin dan StumbleUpon, tombol pada bar pada masing-masing media umum dilengkapi menggunakan counter atau penghitung. Saya nir menggunakan script dan widget ini bekerja murni dalam CSS serta HTML dan sepenuhnya kompatibel dengan semua browser internet.
Baca jua artikel terkait lainnnya:
- Membuat Widget FB Like
- Membuat floating FB Like
- Membuat Floating Langganan Email RSS
Anda dapat melihat widget media sosial statis di sebelah kiri posting blog aku . Saya telah memastikan buat menjaga proses instalasi semudah mungkin. Kami membuatnya sangat mudah untuk diinstal dalam blogger bahkan wordpress, sehingga Anda nir perlu mengedit kode html blogger Anda. Hanya copy dan pastekan ke pada HTML / Javascript pada kotak gadget.
Cara menciptakan share media umum widget di blogger
Cara menciptakan share media umum widget di blogger WordPress
#floating_bar
background-color:#fff;
position:fixed;
padding:0 0 3px 0;
bottom: 30%;
margin-left:-60px;
float:left;
border: 1px dotted #f7f7f7;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index:10;
#floating_bar
clear:both;
Catatan: Ganti nama yang saya tandai dengan rona hitam tebal (sharetipsdancara) menggunakan nama pengguna twitter Anda.
Untuk menyelaraskan widget lebih ke kiri atau kanan lalu edit nilai ini. Margin-left: -60px;
5. Simpan gadget
6 Tarik gadget dan reposisi pada bawah Blog Posts gadget. (Lihat Screenshot bawah untuk menerima widget seperti yg ada di blog ini)
7. Klik tombol Save
Jika tombol share facebook nir bekerja tambahkan kode Javascript ini sebelum tag body>
Kustomisasi
Vertical Alignment:
Pada bagian css mengubah nilai 30% buat yg lain yang adalah kebutuhan blog Anda misalnya.
bottom: 25%; atau bottom: 30%; atau bottom: 35%;
Untuk memperbaiki jarak bahkan ketika ventilasi diubah ukurannya, memilih nilai pada px (pixel) bukan%.
Penyelarasan Horizontal
Untuk menyelaraskan widget lebih ke kiri atau kanan lalu edit nilai ini. margin-left: -60px; Nilai negatif mendorong tombol pada sebelah kiri kolom blog utama, nilai positif mendorong ke kanan.
Silahkan apabila memiliki saran kritik atau kesulitan pada memasang widget ini silahkan berkomentar pada kotak form komentar yg telah disediakan. Dengan bahagia hati saya akan menjawab serta membantu pertanyaan anda. Semoga artikel diatas berguna da bermanfaat, terima kasih.
Baca jua artikel terkait lainnnya:
- Membuat Widget FB Like
- Membuat floating FB Like
- Membuat Floating Langganan Email RSS
Anda dapat melihat widget media sosial statis di sebelah kiri posting blog aku . Saya telah memastikan buat menjaga proses instalasi semudah mungkin. Kami membuatnya sangat mudah untuk diinstal dalam blogger bahkan wordpress, sehingga Anda nir perlu mengedit kode html blogger Anda. Hanya copy dan pastekan ke pada HTML / Javascript pada kotak gadget.
Cara menciptakan share media umum widget di blogger
- Login ke akun dashboard blogger Anda.
- Klik Layout.
- Klik Tambahkan sebuah Gadget, pilih HTML / Javascript.
- Salin kode pada bawah ini dan pastekan pada pada kotak konten.
Cara menciptakan share media umum widget di blogger WordPress
- Log in ke Dashboard> Appearance> Widgets> Widgets Tersedia.
- Tarik widget Text ke sidebar.
- Paste dalam kode.
- Simpan.
#floating_bar
background-color:#fff;
position:fixed;
padding:0 0 3px 0;
bottom: 30%;
margin-left:-60px;
float:left;
border: 1px dotted #f7f7f7;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
z-index:10;
#floating_bar
clear:both;
Catatan: Ganti nama yang saya tandai dengan rona hitam tebal (sharetipsdancara) menggunakan nama pengguna twitter Anda.
Untuk menyelaraskan widget lebih ke kiri atau kanan lalu edit nilai ini. Margin-left: -60px;
5. Simpan gadget
6 Tarik gadget dan reposisi pada bawah Blog Posts gadget. (Lihat Screenshot bawah untuk menerima widget seperti yg ada di blog ini)
7. Klik tombol Save
Jika tombol share facebook nir bekerja tambahkan kode Javascript ini sebelum tag body>
div>
js var, Fjs = d.getelementsByTagName (s) [0];
if (d.getelementById (id)) return;
js = d.createElement (s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore (js, Fjs);
(dokumen, 'skrip', 'facebook-jssdk')); script>
js var, Fjs = d.getelementsByTagName (s) [0];
if (d.getelementById (id)) return;
js = d.createElement (s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore (js, Fjs);
(dokumen, 'skrip', 'facebook-jssdk')); script>
Kustomisasi
Vertical Alignment:
Pada bagian css mengubah nilai 30% buat yg lain yang adalah kebutuhan blog Anda misalnya.
bottom: 25%; atau bottom: 30%; atau bottom: 35%;
Untuk memperbaiki jarak bahkan ketika ventilasi diubah ukurannya, memilih nilai pada px (pixel) bukan%.
Penyelarasan Horizontal
Untuk menyelaraskan widget lebih ke kiri atau kanan lalu edit nilai ini. margin-left: -60px; Nilai negatif mendorong tombol pada sebelah kiri kolom blog utama, nilai positif mendorong ke kanan.
Silahkan apabila memiliki saran kritik atau kesulitan pada memasang widget ini silahkan berkomentar pada kotak form komentar yg telah disediakan. Dengan bahagia hati saya akan menjawab serta membantu pertanyaan anda. Semoga artikel diatas berguna da bermanfaat, terima kasih.
Comments
Post a Comment