Cara memasang Flat Social Share Buttons di Blog.

<div dir="ltr" style="text-align: left;" trbidi="on">Menge-share artikel ke sosial media mungkin merupakan salah satu cara untuk meningkatkan popularitas dan terkenalnya sebuah blog/situs. Tujuan berbagi ke sosial media adalah untuk meningkatkan pengunjung jika pengunjung tersebut tertarik dan meng-klik bersama. Salah satu cara untuk berbagi postingan ke sosial media yaitu dengan cara memasang tombol share buttons di blog Anda. Mungkin tombol share ini sudah tidak asing lagi dikalangan web atau situs. Karena ini memang dibutuhkan. Hal ini sangat bermanfaat, diantaranya adalah agar pengunjung dapat membagikan sebuah postingan anda di Sosial Media.<br /><br /><div class="separator" style="clear: both; text-align: center;"></div>Pada kesempatan kali ini, saya akan membagikan <b>Flat Social Share Buttons. </b>Dengan tombol share buttons, pengunjung dapat dengan mudah berbagi artikel ke sosial milik dia dengan hanya satu klik saja.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioL5P12RwBPc0pO6kudKjQ9p0_gmEBW1XzeUmXi53MtF9Exp6JXP1ogVw7Xah64Ok-I87osu_-Mqbz7q1s6eQrOPlSDzABG1kv9R52TN_GwwCmwo9yPVOPqYhSX-QA6PzB3r6JeIf9K7s/s1600/%255BMayCyber%255D+-+Flat+Share+buttons_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[MayCyber] - Tombol Flat Social Share Buttons" border="0" height="58" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioL5P12RwBPc0pO6kudKjQ9p0_gmEBW1XzeUmXi53MtF9Exp6JXP1ogVw7Xah64Ok-I87osu_-Mqbz7q1s6eQrOPlSDzABG1kv9R52TN_GwwCmwo9yPVOPqYhSX-QA6PzB3r6JeIf9K7s/s640/%255BMayCyber%255D+-+Flat+Share+buttons_1.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioL5P12RwBPc0pO6kudKjQ9p0_gmEBW1XzeUmXi53MtF9Exp6JXP1ogVw7Xah64Ok-I87osu_-Mqbz7q1s6eQrOPlSDzABG1kv9R52TN_GwwCmwo9yPVOPqYhSX-QA6PzB3r6JeIf9K7s/s640/%255BMayCyber%255D+-+Flat+Share+buttons_1.gif" style="display: inline;" title="[MayCyber] - Tombol Flat Social Share Buttons" width="640" /></a></div><div style="text-align: left;"><b><br />Cara Pertama :</b><br /><br />1. Buka <a href="http://blogger.com/">Blogger</a> - Kemudian Login.</div><div style="text-align: left;">2. Dashboard - Kemudian Template.</div><div style="text-align: left;">3. Edit HTML.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>Proses Pembuatan : </b><br /><br />1. Temukan <CTRL+F> kode<b> <span style="color: red;">]]></b:skin> </span></b>atau <b style="color: red;"></style></b></div><div style="text-align: left;">2. Copy & Paste kode berikut ini, dan letakkan diatas kode <b><span style="color: red;">]]></b:skin></span></b> atau <b><span style="color: red;"></style></span></b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>/* CSS Share Button */<br />.sharepost li{width:19%;padding:0;list-style:none;}<br />.sharepost li a{opacity:0.8;padding:10px 0;color:#fff;display:block;border:double #fff;}<br />.sharepost{overflow:hidden;text-align:center;margin-bottom:20px;margin-top:20px;}<br />.sharepost li a:hover{opacity:1;color:#444;border:double #fff;}<br />.sharepost li .twitter{background-color:#55acee;}<br />.sharepost li .facebook{background-color:#3b5998;}<br />.sharepost li .gplus{background-color:#dd4b39;}<br />.sharepost li .pinterest{background-color:#cc2127;}<br />.sharepost li .linkedin{background-color:#0976b4;}<br />.sharepost li .twitter:hover,.sharepost li .facebook:hover,.sharepost li .gplus:hover,<br />.sharepost li .pinterest:hover,.sharepost li .linkedin:hover{background-color:#444;color:#fff;}<br />.sharepost li{float:left;margin-right:1.2%}<br />.sharepost li:last-child{margin-right:0}<br />.sharepost li .fa:before{margin-right:5px}</b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /></div>3. Jika sudah dipasang? Temukan lagi kode<b> <span style="color: red;"><data:post.body/></span></b><br />4. Copy & Paste kode berikut ini, dan letakkan dibawah kode <b><span style="color: red;"><data:post.body/></span></b><br /><b><span style="color: red;"><br /></span></b><b>Catatan :</b><br /><div style="text-align: center;"><span style="color: blue;">" Bisanya kode ini lebih dari satu, silakan anda pilih yang kedua. Atau anda bisa mencobanya satu/satu."</span><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><div style="text-align: justify;"><br /><b style="background-color: initial; color: #fafafa; font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;"><b:if cond='data:blog.pageType == &quot;item&quot;'></b></div><br /><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b> <div class='sharepost'><br /> <ul><br /><div style="text-align: justify;"><br /><b style="background-color: initial;"> <li><a class='twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/>Tweet</a></li></b></div><br /><li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/>Share</a></li><br /><br /><div style="text-align: justify;"><br /><b style="background-color: initial;"> <li><a class='linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li></b></div><br /><li><a class='gplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank' title='Google Plus Share'><i class='fa fa-google-plus'/>Share</a></li><br /><br /><br /><div style="text-align: justify;"><br /><b style="background-color: initial;"> </div> </b:if></b></div><br /><li><a class='pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Share</a></li><br /><br /><div style="text-align: justify;"><br /><b style="background-color: initial;"> </ul></b></div><br /></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><div style="text-align: justify;"><br /><span style="color: #fafafa; font-family: "consolas" , "monaco" , " andale mono" , "courier new" , "courier" , monospace; font-size: 12px; font-weight: bold; line-height: 16px;"><br /></span></div><br /><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em; word-spacing: normal;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /></div>5. Supaya Responsive? Sekarang kita pasang script <span style="color: blue;">Bootstrapcdn</span><b> </b>atau <span style="color: blue;">Font Awesome</span><b>. </b>Karena Icon pada tombol share ini, menggunakan font awesome icons<b> </b>"Contoh :<b> fa fa-facebook"</b><br />6. Selanjutnya Temukan kode <b><span style="color: red;"></head></span></b><br />7. Copy & Paste kode berikut ini, dan letakkan diatas kode <b><span style="color: red;"></head></span></b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />8. Terakhir, Simpan Template.<br /><br />Sekian Tutorial Blogger kali ini, bila ada kesalahan? Silakan jangan sungkan untuk berkomentar. Terakhir silakan anda lihat postingan blog anda. Sekian dari saya <b>Semoga Bermanfaat!</b><br /><b><br /></b><b><br /></b></div>

Cara memasang Flat Social Share Buttons di Blog.

Menge-share artikel ke sosial media mungkin merupakan salah satu cara untuk meningkatkan popularitas dan terkenalnya sebuah blog/situs. Tuju...

Baca selengkapnya »

Cara Memasang Tombol Share Sosial Button Seperti EvoMagz.

<div dir="ltr" style="text-align: left;" trbidi="on">Kali ini saya akan membagikan bagaimana cara membuat Tombol Share Sosial Media Buttons Seperti EvoMagz. Tombol Share ini, merupakan Tombol Share karya Mas Sugeng yang sudah ada di Template EvoMagz. Tombol Share ini keren serta unik sekali, karena Tombol Share Button ini disertai dengan gambar dan Box-Count. Untuk lebih jelasnya perhatikan gambar berikut :<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhAD0V6uJ0VAdAaYdAEB-OdOguS1YSIwE8B1ESEDxUueafW9ozUr-tFIa-gF5BJe5HOD2iS1bCTvErA9iVJjbGc6VauYJ0vHCx7dr96-kree6Q_1odWoHpbbjhOPub80QHMUx2659vHXU/s1600/sosial-media-button-share-maycyber-download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="62" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhAD0V6uJ0VAdAaYdAEB-OdOguS1YSIwE8B1ESEDxUueafW9ozUr-tFIa-gF5BJe5HOD2iS1bCTvErA9iVJjbGc6VauYJ0vHCx7dr96-kree6Q_1odWoHpbbjhOPub80QHMUx2659vHXU/s400/sosial-media-button-share-maycyber-download.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhAD0V6uJ0VAdAaYdAEB-OdOguS1YSIwE8B1ESEDxUueafW9ozUr-tFIa-gF5BJe5HOD2iS1bCTvErA9iVJjbGc6VauYJ0vHCx7dr96-kree6Q_1odWoHpbbjhOPub80QHMUx2659vHXU/s400/sosial-media-button-share-maycyber-download.jpg" width="400" /></a></div><div style="text-align: center;"><span style="font-size: x-large;">&</span><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggvx1kK3geZmFM7fH7yUzTBjszjqEAOSg61KGdLeZwmaXmlwscqK2fHWpbhJcpajlgGSKQkQzOMCkHCDNgR_bK239CSucVCG6O5zCtTi4VcleZXn0JXpWyrN-OIomOQh1zomIZtIEDHg/s1600/share-button1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="55" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggvx1kK3geZmFM7fH7yUzTBjszjqEAOSg61KGdLeZwmaXmlwscqK2fHWpbhJcpajlgGSKQkQzOMCkHCDNgR_bK239CSucVCG6O5zCtTi4VcleZXn0JXpWyrN-OIomOQh1zomIZtIEDHg/s400/share-button1.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggvx1kK3geZmFM7fH7yUzTBjszjqEAOSg61KGdLeZwmaXmlwscqK2fHWpbhJcpajlgGSKQkQzOMCkHCDNgR_bK239CSucVCG6O5zCtTi4VcleZXn0JXpWyrN-OIomOQh1zomIZtIEDHg/s400/share-button1.jpg" width="400" /></a></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><br /><b>Cara Pertama :</b><br /><br />1. Buka Blogger Kemudian Login.</div><div style="text-align: left;">2. Dashboard - Template.</div><div style="text-align: left;">3. Edit HTML.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>Cara Pembuatan :</b><br /><b><br /></b></div><div style="text-align: left;">1. Temukan Kode (CTRL+F) <b style="color: red;">]]</b:skin> </b>atau<b style="color: red;"> </style></b></div><div style="text-align: left;">2. Copy & Paste kode CSS berikut, dan Letakkan diatas kode<b> </b><span style="color: red; font-weight: bold;">]]</b:skin> </span>atau <span style="color: red; font-weight: bold;"></style></span><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>.share-buttons-box {height: 67px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHD-gqwvWYF4B-QNz_v7efMI7orIcszEcUeC2HjfsftGwgf16kf9_o9XCWHTkzpSddIK0zmb3-1iZHutJDpl90oTVcZjBQwlJ7O4Z3MFsqFsj-0wEn3FHXj1phZRe4Od2o7Z8aocL2ip_S/s1600/share.png) no-repeat 330px 10px;margin:20px 0 15px;overflow:hidden;}<br />.share-buttons{margin:0 0;height:67px;float:left}<br />.share-buttons .share{float:left;margin-right:10px;display:inline-block}</b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div></div><pre class="line-numbers language-css" data-codetype="CSS" title="CSS"><code class=" language-css"><span class="token punctuation"><br /></span></code></pre>3. Jika sudah? Temukan kode <span style="color: red; font-weight: bold;"><data:post.body/></span> . Biasanya kode ini lebih dari satu, silakan pilih yang kedua atau yang ketiga. Atau bisa diatas Related Post.<br />4. Copy&paste kode berikut ini, dan letakkan dibawah kode <span style="color: red; font-weight: bold;"><data:post.body/></span><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><div class='share-buttons-box'><br /> <div class='share-buttons'><br /> <div class='share gplus'><div class='g-plusone' data-size='tall' expr:data-href='data:post.url'/></div><br /> <div class='share like'><div class='fb-like' data-action='like' data-layout='box_count' data-share='false' data-show-faces='false' expr:data-href='data:post.url'/></div><br /> <div class='share fbshare'><div class='fb-share-button' data-type='box_count' expr:data-href='data:post.url'/></div><br /> <div class='share tweet'><a class='twitter-share-button' data-count='vertical' data-lang='en' data-size='normal' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a></div><br /> <div class='share linkedin'><script src='//platform.linkedin.com/in.js' type='text/javascript'><br /> lang: en_US </script><script data-counter='top' expr:data-url='data:post.url' type='IN/Share'/></div><br /> </div><br /> </div><br /> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?&#39;http&#39;:&#39;https&#39;;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+&#39;://platform.twitter.com/widgets.js&#39;;fjs.parentNode.insertBefore(js,fjs);}}(document, &#39;script&#39;, &#39;twitter-wjs&#39;);</script></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />5. Simpan Template!<br /><br />Demikianlah Tutorial Blogger kali ini, jika terjadi kesalahan, atau anda kurang mengerti?! Silakan jangan sungkan untuk berkomentar dibawah ini.<br /><br /></div>

Cara Memasang Tombol Share Sosial Button Seperti EvoMagz.

Kali ini saya akan membagikan bagaimana cara membuat Tombol Share Sosial Media Buttons Seperti EvoMagz. Tombol Share ini, merupakan Tombol S...

Baca selengkapnya »

Cara Memasang Tombol Shere Melayang Di Kiri.

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAHTOtVJyy4LE36lzBvaS0evTUsjlV5vmVINOKWhiidYcg93fB1oFXpOT2o5ZZPCv6ImVIkbb1gabXurlqdB5Phj48KTGPa_1s1e1t7oPoNPHFHH0lzhEAUvc6S5xunIWBbiETN9YkY7QW/s1600/Love+Karawang.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAHTOtVJyy4LE36lzBvaS0evTUsjlV5vmVINOKWhiidYcg93fB1oFXpOT2o5ZZPCv6ImVIkbb1gabXurlqdB5Phj48KTGPa_1s1e1t7oPoNPHFHH0lzhEAUvc6S5xunIWBbiETN9YkY7QW/s320/Love+Karawang.gif" width="320" /></a></div><br />Sesuai gambar diatas, yang dipanah kebawah. Merupakan Tombol Share Sosial Media Buttons. Merupakan Tombol Share kedua yang saya gunakan. Yang pertama adalah dibagian bawah postingan. Dan yang kedua adalah Tombol Share Sosial Button Melayang di Kiri Blog. Jika anda tertarik dan ingin memperganteng blog anda sebaiknya pasang.<br /><br />Mungkin tombol share ini sudah tidak asing lagi dikalangan web atau situs, karena ini memang dibutuhkan. Hal ini sangat bermanfaat, diantaranya adalah agar pengunjung dapat membagikan sebuah postingan anda di Facebook atau Twitter bahkan juga Google Plus dan Sosial Media yang lainnya. Oke langsung saja kita praktekan..<br />Cara Pertama :<br /><br />1. Buka Blogger - Login Blogger!<br />2. Dashboard - Tata Letak<br />3. Tambahkan Gadget Seterah dimana saja.<br />4. Pilih HTML Java Script.<br />5. Copy & Paste Kode berikut ini.<br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><!-- Floating social media buttons by MayCyber-Download --><style>#floatingbuttons{background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#fff;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}</style><br /><div id='floatingbuttons' title="Share this post!"><br /><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><!-- Medium Button --><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><br /><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><br /><div class='floatbutton' id='google+1'><br /><g:plusone size="tall"></g:plusone></div><br /><div class='floatbutton' id='twitter'><br /><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div><br /><div class='floatbutton' id='linkedin'><br /><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div><br /><div class="addbuttons"><br /></div><br /><br /><!-- End Floating social media buttons by Maycyber-Download --></div></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div></div><br />6. Simpan !<br /><br />Dan Taraaaa, Jadilah Tombol Share Buttons Melayang di Kiri Blog.<br />Bagaimana? Mudah bukan! Sekian dari saya, Semoga Bermanfaat!</div>

Cara Memasang Tombol Shere Melayang Di Kiri.

Sesuai gambar diatas, yang dipanah kebawah. Merupakan Tombol Share Sosial Media Buttons. Merupakan Tombol Share kedua yang saya gunakan. Yan...

Baca selengkapnya »

Cara Membuat Tombol Share Facebook , Buzz , Digg , Twitter Dll

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="background-color: white; line-height: 18px; margin: 0px; padding: 0px; text-align: center;"><span style="font-family: inherit;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht04rCetTA88lwvlXyAJZN5aEDu1OJIvWWYGP_r4MBN83FmVtJB2Uaotb3Ou_mvpovCHkZodsakheGeSa4UgVlBmWG4_fdfF9sdEFyCJ15PRTM38hGZflMIUVxhlWuCxY0C8rwUtqATnA/s640/Membuat+Tombol+Share+di+Blog.png" style="border: 0px; margin: 0px; padding: 0px;" width="640" /></span></div><span style="font-family: inherit;"><span style="background-color: white; line-height: 18px; text-align: justify;"><br /></span></span><span style="font-family: inherit;"><span style="background-color: white; line-height: 18px; text-align: justify;">Seperti yang kita ketahui tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. percaya ga ? pokok nya harus percaya :) Berikut adalah </span><a href="http://www.lovekarawang.com/2018/03/cara-membuat-tombol-share-facebook-buzz.html"><b style="background-color: white; line-height: 18px; margin: 0px; padding: 0px; text-align: justify;">Cara membuat tombol share facebook , buzz , digg , twitter</b><span style="background-color: white; line-height: 18px; text-align: justify;">:</span></a></span><br /><span style="font-family: inherit;"><br style="background-color: white; line-height: 12px; margin: 0px; padding: 0px; text-align: justify;" /></span><span style="background-color: white; font-family: inherit; line-height: 18px; text-align: justify;">Langsung saja copykan script di bawah ini ke dalam html di blog anda :</span><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="line-height: 16px;"><b><span style="color: #fafafa;"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div style="border-top: 1px dashed rgb(204, 204, 204); border-bottom: 1px dashed rgb(204, 204, 204); padding: 10px 0px; margin: 10px 0px; width: 100%; float: left; height: 20px;"><br /><div style="float: left; padding-top: 3px; font: italic 12px Verdana;">Share this article on: </div><br /><br /><div style='float:left;padding-left:10px;'><br /><a name='fb_share' type='button_count'/><br /><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div><br /><div style='float:left;padding-left:10px;'><br /><a class='google-buzz-button' data-button-style='small-count' href='http://www.google.com/buzz/post' title='Post to Google Buzz'/><br /><script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></div><br /><div style='float:left;padding-left:10px;'><br /><a class='DiggThisButton DiggCompact'/><br /><script type='text/javascript'>(function() {var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];s.type = &#39;text/javascript&#39;;s.async = true;s.src = &#39;http://widgets.digg.com/buttons.js&#39;;s1.parentNode.insertBefore(s, s1);})();</script></div><br /><div style='float:left;padding-left:10px;'><br /><a class='twitter-share-button' data-count='horizontal' data-via='</span><span style="color: lime;">User Name Anda</span><span style="color: #fafafa;">' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div><br /><br /></div><br /></b:if></span></b></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><br /></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><br /></span></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; counter-increment: linenumber 1; display: block; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; pointer-events: none; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><div style="background-color: white; color: red; line-height: 18px; margin: 0px; padding: 0px; text-align: justify;"><b style="margin: 0px; padding: 0px;"><span style="font-family: inherit;">Cara Pemasangan :</span></b><br /><b style="margin: 0px; padding: 0px;"><span style="font-family: inherit;"><br /></span></b></div><span style="background-color: white; font-family: inherit; line-height: 18px; text-align: justify;">Apabila anda ingin memasang di bawah judul postingan , maka letakan scritpt di atas  tepat di bawah kode:</span><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; text-align: center; vertical-align: baseline;"><span style="color: #fafafa;"><span style="line-height: 16px;"><b> <div class='post-header-line-1'</b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; counter-increment: linenumber 1; display: block; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; pointer-events: none; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><span style="background-color: white; font-family: inherit; line-height: 18px; text-align: justify;"><b style="border: 0px; font-stretch: inherit; line-height: 20.7999992370605px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;">Wajib Baca :</b><span style="border: 0px; color: blue; font-stretch: inherit; line-height: 20.7999992370605px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"> </span></span><br /><span style="background-color: white; font-family: inherit; line-height: 18px; text-align: justify;"><span style="border: 0px; color: blue; font-stretch: inherit; line-height: 20.7999992370605px; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><br /></span></span><br /><blockquote style="-webkit-box-shadow: rgb(0, 0, 0) 0px 1px 5px; background-image: url(http://ketir.net/pdoorac/wp-content/themes/obscorp/library/images/blockquote.png); background-position: 0% 0%; background-repeat: no-repeat; border: 1px dashed rgb(0, 0, 0); font-style: italic; line-height: 18px; margin: 0px; padding: 10px 20px 10px 45px; text-align: justify;"><div style="margin: 0px; padding: 0px; text-align: center;"><b style="background-color: white; font-style: normal; margin: 0px; padding: 0px; text-align: justify;">*</b><span style="background-color: white; font-style: normal; text-align: justify;">biasanya kode di atas ada dua , pilih saja yang pertama . </span><b style="background-color: white; font-style: normal; margin: 0px; padding: 0px; text-align: justify;">(gunakan Ctrl + F)</b></div></blockquote><br /><span style="font-family: inherit;"><b style="background-color: white; line-height: 18px; margin: 0px; padding: 0px; text-align: justify;">Semoga Bermanfaat.</b></span></div>

Cara Membuat Tombol Share Facebook , Buzz , Digg , Twitter Dll

Seperti yang kita ketahui tombol share ini merupakan elemen yang sangat penting, sebab dapat mendatangkan pengunjung yang banyak dari luar. ...

Baca selengkapnya »