구글 블로그에 SNS 공유 버튼 추가하기

코드 하이라이트 및 소셜 공유 버튼
    <!-- 페이스북 공유 버튼 -->
<a class='sns' href='https://www.facebook.com/sharer/sharer.php?u=' + data:blog.canonicalUrl target='_blank' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;'>
    <img alt='페이스북 공유' height='30px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCCdij8xD6lwhaIwMySYJP_D_sW4Nehr6_3VzDSLbrQ9JBtEhuytjov5fsa9bJB9z38k9rcjwuWLd53KYOjLtVS8lzRgG5QkWbMUP8T1xrZi1qXXBSRZpnJsbdoYVq9v6UdCFIsu8OoSA51OMXZwsFdamnXeFvC3Jzy7hoUq6l2JbZ_kFbmuZynSIi6vs/s225/%ED%8E%98%EC%9D%B4%EC%8A%A4%EB%B6%81.png' style='border-radius: 8px;' width='30px'/>
</a>

<!-- 트위터 공유 버튼 -->
<a class='sns' href='https://twitter.com/intent/tweet?url=' + data:blog.canonicalUrl target='_blank'>
    <img alt='트위터 공유' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicCWVb_SXWWb4Be1_PKAjlOSv17Tnf1MnmveYiQx3C-f6NkFpxEnztAq1vgCYwD1gIyV1zbUiYlvH_4MrcL4ptFMeBtIyew-dosK7eInxHguEuy9jMuT4EvN3wcfH3i4VenCyFycVL-5oTbTbHr3wVsTpti8JnAjOfCcu0551drGzjwUCbbRTqEKrMZ2k/s1600/%ED%8A%B8%EC%9C%84%ED%84%B0.jpg' width='30px'/>
</a>

<!-- 네이버 밴드 공유 버튼 -->
<a class='sns' href='http://band.us/plugin/share?body=' + data:blog.title + '%0A' + data:blog.canonicalUrl target='_blank'>
    <img alt='네이버 밴드 공유' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKJ2eXsAvFOrO2w3pHuJFfkFtnA5IbSwJsaagP_pks3LRhrlfWY8rcOMWj41nVHUrIMpXQ4qOQFhCaxkMWps_KGoJMzRRkDLudbKHWicLgXXwIsxS1MqzdPjh9WcgRz3p8Kn0fb4egB2a5goGC0RJbe5q4k30ZUq06v6l2bYkM5nGOcZeOds3BRRQOizs/s1600/q%EB%B0%B4%EB%93%9C2.jpg' style='border-radius: 8px;' width='30px'/>
</a>

<!-- 카카오톡 공유 버튼 -->
<a href='#' onclick='shareKatalk()' rel='nofollow' title='kakaotalk'>
    <img alt='카카오톡 공유' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0GnI69vB2RyzojJs7DOJ--39FxJC3qdRCi0o-a_lJBjw9LR2XtdwjJn6kszKzFN0sidI1MjdlBzbtJ4LsvaIH5j5Zc39kLumqkXMTkqe0PfMYzwQtWNHyWgRPN0sJ4dGWl3c9Qh6jlR8nJS4GVMMxvccqiWt-dE1cuVPyYJO2PrVvjkwMgbHdxxgA378/s1600/kakaotalk.png' style='border-radius:8px' width='30px'/>
</a>

<!-- 인스타그램 공유 버튼 -->
<a class='sns' href='https://www.instagram.com/?url=' + data:blog.canonicalUrl target='_blank'>
    <img alt='인스타그램 공유' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_cgfJCSCTtR1tpNwcXn4nizqRs_ijHdztiUIRf_DRzs22sZcwm4jaFotYsDHY7LNJsXKc0ZZ3lngh_yvY-YE48jbhsCPZ2laO0PF2BPiM0XABq5DDLKx93k2dFuzps5EsAgHvnuuybDPMNQ5SRCH5cNU6j4j52yH_PW66pnNpiIjBHg3829cgKIWhGbQ/s320/instargramshare.png' style='border-radius: 8px;' width='30px' height='30px'/>
</a>

<!-- 핀터레스트 공유 버튼 -->
<a class='sns' href='https://www.pinterest.com/pin/create/button/?url=' + data:blog.canonicalUrl target='_blank'>
    <img alt='핀터레스트 공유' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIo4NkqiUf9_tQwlqv4-1aSQ_oyJ5ITseU-F91l6Acch2r2qUKPsBh6OO7O0wceGOSltxNa0DiJZtya4QAFcWPOSg-65_FW97JkCP3FXg2dt60xxwLjqLTrjcYPh4_V0DbO2sDUhjcbXi9HkdT64q2txDLSpZ4hl_kq_SQPuvBY2RRAkiFr9q1KAuK5kc/s320/pinteresrshare.png' style='border-radius: 8px;' width='30px' height='30px'/>
</a>

<!-- 텀블러 공유 버튼 -->
<a class='sns' href='https://www.tumblr.com/widgets/share/tool?canonicalUrl=' + data:blog.canonicalUrl target='_blank'>
    <img alt='텀블러 공유' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjReul4d2HGvx-LK4HLUDISk5dDOMhqB_j_iHhfq0eoNSe2dST9uX7YaT1k_jurMnyDN1qHk7oWTpeVbbWDvDL1cJnOPdUa_AiPtl78QfJkfw5gTV3NeGAFSDJesKKjTz6yO0cNdd5cORYrDJFwKJhmoJB07cL3TpXj6K_j1-NoeOEG4s2Gwz5dFq8ef8/s320/tumblrshare.png' style='border-radius: 8px;' width='30px' height='30px'/>
</a>

<!-- 레딧 공유 버튼 -->
<a class='sns' href='https://www.reddit.com/submit?url=' + data:blog.canonicalUrl target='_blank'>
    <img alt='레딧 공유' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheWlZzpEpvvJ93oSeiwP3z6GwWOL-UTs-ouFtG9G_jxObYs37aCkOF2ZvbSviJt0N7Mux3eghYWR1d7sG8bO8Y2u27sMkVLXLj_6wHMATz2h86Aw0khv9CMxkH2Nu3sj2HBcfaUzVPGmmtsWa4kobK_Px6Poh4PXSuJuQce7AmUbEHwo0FG1q9pa8TmKw/s320/redditshare.png' style='border-radius: 8px;' width='30px' height='30px'/>
</a>

    

댓글 없음:

댓글 쓰기

관련 글