Cara Membuat Tombol Share Artikel yang Menarik

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="text-align: justify;"> Halo semuanya, kali ini saya mau posting tentang tutorial menambahkan tombol share ke sosmed yang posisinya terletak di bawah artikel. Karena beberapa waktu yang lalu saya mengubah tombol share menjadi lebih menarik. Dan tentu saja tombol share ini akan menambah nilai kita di seo.</div> <div style="text-align: justify;"> <br /></div> <div class="MsoNormal" style="text-align: justify;"> Dari berbagai jenis form tombol share akhirnya saya memilih tombol share yang simple dan terdapat icon di sampingnya. Simpel dan menarik, saya nggak mau ribet dengan tampilan yang nantinya mengakibatkan waktu loading blog saya menjadi lambat.</div> <div class="MsoNormal"> Oke, langsung aja ya simak tutorial berikut ini.</div> <div class="MsoNormal"> 1. Bagi yang belum login silahkan login terlebih dahulu, kita login dulu ke dashboard blog kita.</div> <div class="MsoNormal"> 2. Pilih menu template dan kemudian edit HTML</div> <div class="MsoNormal"> 3. Copy dan tempel script berikut ini di atas kode <code><span style="font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: "Malgun Gothic"; mso-fareast-theme-font: minor-fareast;">]]></b:skin></span></code><br /> <pre><code class="css"><span class="comment">/* social share buttons */</span> <span class="class">.social-buttons-box</span> <span class="rules">{ <span class="rule"><span class="attribute">height</span>:<span class="value"> <span class="number">67</span>px;</span></span> <span class="rule"><span class="attribute">background</span>:<span class="value"> <span class="function">url(http://<span class="number">1</span>.bp.blogspot.com/-OYT-JDviP2k/VHrWc3ofkiI/AAAAAAAAEJs/yyNAhuCUELA/s1600/rect3799.png)</span> no-repeat <span class="number">200</span>px <span class="number">0</span>px;</span></span> <span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">20</span>px <span class="number">0</span> <span class="number">15</span>px;</span></span> <span class="rule"><span class="attribute">overflow</span>:<span class="value">hidden;</span></span> <span class="rule">}</span></span> <span class="class">.social-buttons</span> <span class="rules">{ <span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">0</span> <span class="number">0</span>;</span></span> <span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">67</span>px;</span></span> <span class="rule"><span class="attribute">float</span>:<span class="value">left;</span></span> <span class="rule">}</span></span> <span class="class">.social-buttons</span> <span class="class">.share</span> <span class="rules">{ <span class="rule"><span class="attribute">float</span>:<span class="value">left;</span></span> <span class="rule"><span class="attribute">margin-right</span>:<span class="value"><span class="number">10</span>px;</span></span> <span class="rule"><span class="attribute">display</span>:<span class="value">inline-block;</span></span> <span class="rule">}</span></span> <span class="class">.share-btn</span> <span class="rules">{ <span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">15</span>px <span class="number">0</span> <span class="number">25</span>px;</span></span> <span class="rule"><span class="attribute">height</span>:<span class="value"><span class="number">20</span>px;</span></span> <span class="rule"><span class="attribute">overflow</span>:<span class="value">hidden;</span></span> <span class="rule">}</span></span></code></pre> </div> <div class="MsoNormal"> 4. Selanjutnya copy script berikut dan tempelkan di bawah kode <code><span style="font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: "Malgun Gothic"; mso-fareast-theme-font: minor-fareast;"><data:post.body/></span></code><br /> <pre><code class="xml"><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'social-buttons-box'</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'social-buttons'</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'share gplus'</span>></span><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'g-plusone'</span> <span class="attribute">data-size</span>=<span class="value">'tall'</span> <span class="attribute">expr:data-href</span>=<span class="value">'data:post.url'</span>/></span><span class="tag"></<span class="title">div</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'share like'</span>></span><span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'fb-like'</span> <span class="attribute">data-action</span>=<span class="value">'like'</span> <span class="attribute">data-layout</span>=<span class="value">'box_count'</span> <span class="attribute">data-share</span>=<span class="value">'false'</span> <span class="attribute">data-show-faces</span>=<span class="value">'false'</span> <span class="attribute">expr:data-href</span>=<span class="value">'data:post.url'</span>/></span><span class="tag"></<span class="title">div</span>></span> <span class="tag"><<span class="title">div</span> <span class="attribute">class</span>=<span class="value">'share tweet'</span>></span><span class="tag"><<span class="title">a</span> <span class="attribute">class</span>=<span class="value">'twitter-share-button'</span> <span class="attribute">data-count</span>=<span class="value">'vertical'</span> <span class="attribute">data-lang</span>=<span class="value">'en'</span> <span class="attribute">data-size</span>=<span class="value">'normal'</span> <span class="attribute">expr:data-url</span>=<span class="value">'data:post.url'</span> <span class="attribute">href</span>=<span class="value">'https://twitter.com/share'</span>></span>Tweet<span class="tag"></<span class="title">a</span>></span><span class="tag"></<span class="title">div</span>></span> <span class="tag"></<span class="title">div</span>></span> <span class="tag"></<span class="title">div</span>></span> <span class="comment"><!-- <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>--></span> <span class="tag"><<span class="title">div</span> <span class="attribute">style</span>=<span class="value">'clear: both;'</span>/></span></code></pre> </div> <div class="MsoNormal"> <span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">5. Tahap selanjutnya kita pasangkan kode JS berikut ini unutk memanggil tombol share yang kita pasangkan tadi, kode JS ini kita tempatkan di atas kode </span><code><span style="font-size: 10.0pt; line-height: 115%; mso-fareast-font-family: "Malgun Gothic"; mso-fareast-theme-font: minor-fareast;"></body></span></code><br /> <pre><code class="xml"><span class="tag"><<span class="title">script</span>></span><span class="javascript"> window.___gcfg = {lang: &#<span class="number">39</span>;id&#<span class="number">39</span>;}; (<span class="keyword">function</span>() { <span class="keyword">var</span> po = document.createElement(&#<span class="number">39</span>;script&#<span class="number">39</span>;); po.type = &#<span class="number">39</span>;text/javascript&#<span class="number">39</span>;; po.async = <span class="literal">true</span>; po.src = &#<span class="number">39</span>;https:<span class="comment">//apis.google.com/js/plusone.js&#39;;</span> <span class="keyword">var</span> s = document.getElementsByTagName(&#<span class="number">39</span>;script&#<span class="number">39</span>;)[<span class="number">0</span>]; s.parentNode.insertBefore(po, s); })(); </span><span class="tag"></<span class="title">script</span>></span> <span class="tag"><<span class="title">script</span>></span><span class="javascript"> !<span class="keyword">function</span>(d,s,id){<span class="keyword">var</span> js,fjs=d.getElementsByTagName(s)[<span class="number">0</span>];<span class="keyword">if</span>(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;<span class="comment">//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</span> </span><span class="tag"></<span class="title">script</span>></span><span class="tag"><<span class="title">div</span> <span class="attribute">id</span>=<span class="value">'fb-root'</span>/></span> <span class="tag"><<span class="title">script</span> <span class="attribute">type</span>=<span class="value">'text/javascript'</span>></span><span class="javascript"> <span class="comment">//<![CDATA[</span> (<span class="keyword">function</span>(d, s, id) { <span class="keyword">var</span> js, fjs = d.getElementsByTagName(s)[<span class="number">0</span>]; <span class="keyword">if</span> (d.getElementById(id)) <span class="keyword">return</span>; js = d.createElement(s); js.id = id; js.src = <span class="string">"//connect.facebook.net/id_ID/all.js#xfbml=1&version=v2.0"</span>; fjs.parentNode.insertBefore(js, fjs); }(document, <span class="string">'script'</span>, <span class="string">'facebook-jssdk'</span>)); <span class="comment">//]]></span> </span><span class="tag"></<span class="title">script</span>></span></code></pre> </div> <div class="MsoNormal"> <span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">6. Simpan template dan kita lihat hasilnya.</span></div> <div class="MsoNormal" style="text-align: justify;"> Demikian sedikit tutorial cara menambahkan tombol share pada artikel blog. Dan ini juga sama seperti yang terpasang di blog ini. Semoga membantu dan terus semangap blogging teman - teman.</div> </div>

Halo semuanya, kali ini saya mau posting tentang tutorial menambahkan tombol share ke sosmed yang posisinya terletak di bawah artikel. Kar...

Read more »

Tips Membuat Web Terindeks Google Halaman Pertama – SEO

<div dir="ltr" style="text-align: left;" trbidi="on"> <div dir="ltr" style="text-align: left;" trbidi="on"> <a href="http://click.accesstrade.co.id/adv.php?rk=00005a0004zn" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" src="http://imp.accesstrade.co.id/img.php?rk=00005a0004zn" /></a><br /> <div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> </div> <div style="text-align: justify;"> <!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves/> <w:TrackFormatting/> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>EN-US</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--></div> <div class="MsoNormal" style="text-align: justify;"> Bagi yang menyukai duni blog atau web pasti sangat menginginkan webnya atau blognya terindeks di halaman pertama google. Karena google merupakan mesin pencari yang paling efektif yang sering digunakan seluruh pengguna internet untuk mencari informasi.</div> <div class="MsoNormal" style="text-align: justify;"> <br /></div> <div class="MsoNormal" style="text-align: justify;"> Untuk kontes SEO pun syarat pemenangnya adalah terindeks google di halaman pertama, nah <b>bagaimanakah cara agar blog terindeks di halaman pertama google? </b></div> <div class="MsoNormal" style="text-align: justify;"> <br /></div> <div class="MsoNormal" style="text-align: justify;"> Banyak sekali tips atau trik yang dapat dilakukan untuk mengoptimalkan blog atau web kita. Pengaturan SEO baik secara on page atau off page. Yang paling efektif adalah dengan mendaftarkan ke jasa penyedia SEO. </div> <div class="MsoNormal" style="text-align: justify;"> <br /></div> <div class="MsoNormal" style="text-align: justify;"> Nah untuk itu saya merekomendasikan penyedia jasa SEO partner iklan, partner iklan merupakan penyedia jasa yang terpercaya. Dengan pengalaman yang sudah banyak dan pelanggan yang sudah merasakan hasilnya maka partner iklan patut di pertimbangkan untuk membantu mengoptimasi blog kita.</div> <div class="MsoNormal" style="text-align: justify;"> <br /></div> <div class="MsoNormal" style="text-align: justify;"> Apalagi yang berkecimpung di dalam dunia bisnis internet berupa penjualan barang atau jasa, pasti menginginkan blognya memiliki peringkat yang tinggi agar barang atau jasanya dapat terlihat oleh pengguna internet.</div> <div class="MsoNormal" style="text-align: justify;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> </div> <div class="MsoNormal" style="text-align: justify;"> <a href="http://click.accesstrade.co.id/adv.php?rk=0000fy0004zn" target="_blank"><img border="0" src="http://imp.accesstrade.co.id/img.php?rk=0000fy0004zn" /></a> Jangan siakan kesempatan emas ini segera daftarkan ke partner iklan dengan alamat<a href="http://click.accesstrade.co.id/adv.php?rk=0000550004zn" target="_blank"> partneriklan.com</a></div> <div class="MsoNormal" style="text-align: justify;"> Hanya dengan menuliskan nama, email, dan nomor telp maka anda akan segera di hubungi oleh pihak partner iklan, sangat mudah kan. Coba saja dul<span id="goog_45622265"></span><span id="goog_45622266"></span>u register<a href="http://click.accesstrade.co.id/adv.php?rk=0000550004zn" target="_blank"> dulu disini</a></div> <div class="MsoNormal" style="text-align: justify;"> <br /></div> <div class="MsoNormal" style="text-align: justify;"> Buruan daftar dan jadikan blog anda berada di peringkat teratas sehingga bisnis internet anda akan semakin berkembang dan pundi – pundi rupiah akan mengalir ke kantong. Silahkan klik link berikut ini <a href="http://click.accesstrade.co.id/adv.php?rk=0000550004zn">partneriklan.com</a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="MsoNormal" style="text-align: justify;"> <br /></div> </div> </div> <a href="http://click.accesstrade.co.id/adv.php?rk=00016n0004zn" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" target="_blank"><img border="0" src="http://imp.accesstrade.co.id/img.php?rk=00016n0004zn" /></a></div>

Bagi yang menyukai duni blog atau web pasti sangat menginginkan webnya atau blognya terindeks di halaman pertama google. Karena goo...

Read more »