Cara membuat tombol widget share social network di sidebar blog
Cara membuat tombol widget share social network di sidebar blog - Hai Sobat blogger! Masih soal Tips dan Trik nge-Blog nieh. Kali ini akan share lagi mengenai Cara membuat tombol widget share social network di sidebar blog, berbeda dengan tombol sebelumnya yang pernah kita bahas yaitu Trik dan Cara membuat social Network dengan menu CSS. Kali
ini tombol share ini bertempat di widget sidebar alias di samping
kiri/kanan dari blog sobat, dan itu tidak memberatkan beban blog karena
dimuat secara bergantian dengan badan posting,tombol ini berfungsi untuk
membagikan atau memberitahu kepada teman sobat semua yang ingin
membaginya di berbagai social network terkenal seperti twitter dan
facebook,pokoknya keren deh.
Langkah membuat Social Tombol Jejaring Sosial di sidebar
1.) Login ke akun blogger sobat
2.) Langsung menuju Dashboard > Rancangan > Edit HTML
3.)Download template lengkap,untuk berjaga-jaga jika terjadi kesalahan dan dengan mudah membackup
4.) Centang tanda expand template widget
5.) Tekan tombol Ctrl+F lalu cari kode seperti ini
<div id='sidebar-wrapper'> atau <div id='rsidebar-wrapper'>
6.) lalu copykan kode dibawah ini tepat dibawah kode yang bercetak tebal diatas
2.) Langsung menuju Dashboard > Rancangan > Edit HTML
3.)Download template lengkap,untuk berjaga-jaga jika terjadi kesalahan dan dengan mudah membackup
4.) Centang tanda expand template widget
5.) Tekan tombol Ctrl+F lalu cari kode seperti ini
<div id='sidebar-wrapper'> atau <div id='rsidebar-wrapper'>
6.) lalu copykan kode dibawah ini tepat dibawah kode yang bercetak tebal diatas
<div class='addthis_toolbox'><div class='custom_images'><a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV28i1UDaHNpbEGPyb-m9p3m3BRjyk1Xl-vjMIJw_Mnk-G2rY2zhStsaTT9jW6EdqM55YZH_4EcacF2XNAxtZUWth51Gu6fgCIAhfSaLashla3DHUwkLCKQgb_nrKtJNkvxU5V2VbDCis/s1600/twitter.png' width='32'/></a><br /> <a href='https://plus.google.com/' target='_blank'><img alt='Google Plus' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFcDZzrRBf0NqyXPXyHIGPq1Y7H6s2SAh8xdzUe4uhS2Oor4byowyW1iEAzP0QrzMLkU_Batsi-aKWnO-j8JNuI5mGNpCSnYJ7rgALP8lQBTmzaY60hsXbnGs3h7lPos5BOS3RrmxHjNI/s1600/gplus.png' width='32'/></a><br /> <a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAUnNJY1ahh6Dxx-vycbflCt9zSf0a0-P07OyYaOkhpYrls-DWbbJCoL57y7Jx8HZ60xd7J9nnsUL8biofyajZNHq5IPQ0aatE4kjppgYywalubzGhoLG6nwMPs-v4vFclbALMbfYto8E/s1600/facebook.png' width='32'/></a><br /> <a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY-Z5rZjmcIEZzwlYIWPDI1tadNawvcoZMCFRqfXZ4xk6yglWRzZEB2M4bgN8fCF0IxciV6DBLjbxG0kW8ZC62I-imTFMzD6aWsoQvDSx7tLerFEXqgf0_J-zhios-1bDvlMF19-LENqw/s1600/digg.png' width='32'/></a><br /> <a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_higIoq_xisX7UiZcj-eb-PgeZ5uQ3lwTi04zN_knNjk3SnM3g1EtZH9ICg2HUTWC5nIh7utaJ-KXaclSdVvnMPQHG5hIiV-DL130IJzssSe1w_tBuxvZRoy5oRB7yyBK19JrD1ZTCsw/s1600/stumbleupon.png' width='32'/></a><br /> <a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAzvkDoCWnJN693engi5REBKsWCPF0GxFTe2TOZ_xB_3G1giyJMEa1oxE1SCN0T9oDaH3XcTqc4kUORM3jymDTxeVZ2WELWmdlWl5em81QSRRtjd2ZqBsxfV7vXfwHdMJCCOKYIBh2M9o/s1600/favorites.png' width='32'/></a><br /> <a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhAJx0grwqNeQQDLwhUZIzccmMkDhBgPuFRcbtqySWHMQLKNBjKmTd35JDlhvrP3Ub_n_HsEqdTOLofgTW_eeRzJJsrn1tBBmwGGRMBKK8mDS1y3l4RlZZzPyRr6ze3jgf8ZvA1c1rvms/s1600/more.png' width='32'/></a><br /> </div><script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/> </div><div style='clear:both;'/>
7.) Setelah itu cari kode ]]></b:skin>, letakkan kode dibawah ini tepat diatasnya
8.) Terakhir tinggal simpan template dan lihat hasilnya.addthis_toolbox{padding:5px 0 0px 0;text-align:left}.addthis_toolbox .custom_images a{width:72px;height:32px;margin:0 0px 0 0px;padding:0}.addthis_toolbox .custom_images a:hover img{opacity:1}.addthis_toolbox .custom_images a img{opacity:0.65}
Semoga artikel Cara membuat tombol widget share social network di sidebar blog ini bisa bermanfaat ya sobat blogger.
Cara membuat tombol widget share social network di sidebar blog
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Cara membuat tombol widget share social network di sidebar blog diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
0 komentar:
Posting Komentar