Cara Membuat Sosial Media Share Buttons Responsive for 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">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/AVvXsEgQmCK6kiROMOHzUJ3aWiA92UhaIi4gduN-k3mAl9Ut2hOZ1oFCFtUFjYYB_4NlwvCDC70F2lbNMhpcSX5EReFsu7PGLMHbaR2gF2PIn_4R-emowJ8y7hCTZ4L8cMa26eUF812PF4HIEP8/s1600/sosial_media_share.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQmCK6kiROMOHzUJ3aWiA92UhaIi4gduN-k3mAl9Ut2hOZ1oFCFtUFjYYB_4NlwvCDC70F2lbNMhpcSX5EReFsu7PGLMHbaR2gF2PIn_4R-emowJ8y7hCTZ4L8cMa26eUF812PF4HIEP8/s640/sosial_media_share.jpg" width="640" /></a></div>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 Sosial Media Share Buttons Responsive for Blogger</b><br /><br /><b>Screenshoot :</b><br /><b></b><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRnANunkItPlEC9DnKQxJoMKpuoFeWESmHfDMhyphenhyphenFp821bx_nr-aQel3xOJcUl7E6ECyHG697-LUqYz5loO61cGhlL1Rmp9nSPMuTSfN_-a9aGJNGxfpxUZKDbvILXY8gXS1bvjWEMYRo/s1600/tombol_berbagi.gif" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="80" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjRnANunkItPlEC9DnKQxJoMKpuoFeWESmHfDMhyphenhyphenFp821bx_nr-aQel3xOJcUl7E6ECyHG697-LUqYz5loO61cGhlL1Rmp9nSPMuTSfN_-a9aGJNGxfpxUZKDbvILXY8gXS1bvjWEMYRo/s640/tombol_berbagi.gif" width="640" /></a></div><div style="text-align: left;"><br /></div><div style="text-align: center;"><span style="font-size: large;"><b>Cara Membuat Sosial Media Share Buttons Responsive for Blogger</b></span></div><div style="text-align: center;"><br /></div><div style="text-align: left;"><b>Cara Pertama : <br /> </b></div><div style="text-align: left;">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.<b></b></div><div style="text-align: left;"><b><br /></b></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 <span style="color: red;"><b style="color: red;">]]></b:skin> </b>atau<b style="color: red;"> </style></b></span></div><div style="text-align: left;">2. Copy&paste kode berikut ini, dan letakkan diatas kode <span style="color: red; font-weight: bold;">]]></b:skin> </span><span style="color: red;">atau</span><span style="color: red; font-weight: bold;"> </style></span></div><pre data-codetype="CSS" title="CSS"><code class="language-css">/* Share on Media Sosial Start */<br />.share-post{font-family:'Arimo';text-align:center;margin-bottom:20px;margin-top:20px;margin-bottom:10px;padding:10px 0;}<br />.widget .post-body > .share-post ul {padding:0;}<br />.share-post li{float:left;margin:0 1%;width:18%;padding:5;list-style:none;position:relative;}<br />.share-post li:hover{}<br />.share-post li a{padding:6px 7px 6px 38px;color:#fff;display:block;border-radius:2px;font-size:13px;transition:all 0.6s ease-out;}<br />.share-post li a:hover{color:#fff;}<br />.share-post li .twitter{background-color:#19bfe5;}<br />.share-post li .facebook{background-color:#3b5998;}<br />.share-post li .gplus{background-color:#d64136;}<br />.share-post li .pinterest{background-color:#cb2027;}<br />.share-post li .tumblr{background-color:#304e6c;}<br />.share-post li .twitter:hover,.share-post li .facebook:hover,.share-post li .gplus:hover,<br />.share-post li .pinterest:hover,.share-post li .tumblr:hover{color:#fff;}<br />.share-post li:last-child{margin-right:0}<br />.share-post li .fa:before{position:absolute;top:0;left:0;display:inline-block;padding:5.5px 12px;font-family:fontawesome;text-align:center;color:#fff;line-height:20px;text-shadow:2px 2px rgba(0,0,0,0.1);font-size:14px;transition:all 0.6s ease-out;}<br />.share-post li:hover .fa:before{text-shadow:-2px 2px rgba(0,0,0,0.1);}<br />.share-post li .fa {display:initial;}<br />.share-post li:hover{}<br />.share-post li a{padding:6px 0 6px 0;}<br />.share-post li .fa:before{display:none;}<br />.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}<br />@media screen and (max-width:480px) {<br />.share-post li{width:100%}}<br />.bpas-tooltip {position:relative;display:inline-block;}<br />.bpas-tooltip:before, .bpas-tooltip:after {position:absolute;opacity:0;z-index:1000;pointer-events:none;} <br />.bpas-tooltip:hover:before, .bpas-tooltip:hover:after {opacity:1;}<br />.bpas-tooltip:before {content:'';position:absolute;background:transparent;border:4px solid transparent;position:absolute;} <br />.bpas-tooltip:after {content:attr(data-bpas-tooltip);background:#FF9934;color:#fff;padding:6px 8px;font-family:'Arimo';font-size:12px;white-space:nowrap;border-radius:2px;-webkit-backface-visibility:hidden;}<br />.bpas-tooltip-top:before {bottom:140%;left:10%;margin:0 0 -9px 0;border-top-color:#FF9934;}<br />.bpas-tooltip-top:after {bottom:125%;left:10%;margin:0 0 3px -10px;}<br />.bpas-tooltip-bottom:before {top:100%;left:50%;margin:-6px 0 0 0;border-bottom-color:#FF9934;}<br />.bpas-tooltip-bottom:after {top:100%;left:50%;margin:6px 0 0 -10px;}<br />.bpas-tooltip-right:before {left:100%;bottom:50%;margin:0 0 -4px 0;border-right-color:#FF9934;} <br />.bpas-tooltip-right:after {left:100%;bottom:50%;margin:0 0 -13px 12px;}<br />.bpas-tooltip-left:before {right:100%;bottom:50%;margin:0 0 -4px 0;border-left-color:#FF9934;} <br />.bpas-tooltip-left:after {right:100%;bottom:50%;margin:0 8px -13px 0;}<br />/* Share on Media Sosial End */</code></pre>3. Jika sudah? Temukan lagi kode <b><span style="color: red;"><data:post.body/></span> </b>Kode ini biasanya lebih dari satu, silakan Anda pilih yang kedua/ketiga.<br />4. Copy&paste kode berikut ini, dan letakkan dibawah kode <b><span style="color: red;"><data:post.body/></span></b><br /><br /><b>Wajib Baca : </b><br /> Anda bisa meletakkan kode dibawah ini diatas related post, next-previous, subscribe dll.<br />(jika memasangnya)<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div class='share-post'><br /> <ul><br /> <li><a class='twitter bpas-tooltip bpas-tooltip-top' data-bpas-tooltip='Share on Twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-twitter'/>Twitter</a></li><br /> <li><a class='facebook bpas-tooltip bpas-tooltip-top' data-bpas-tooltip='Share on Facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank'><i class='fa fa-facebook'/>Facebook</a></li><br /> <li><a class='gplus bpas-tooltip bpas-tooltip-top' data-bpas-tooltip='Share on Google Plus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/>Google</a></li><br /> <li><a class='tumblr bpas-tooltip bpas-tooltip-top' data-bpas-tooltip='Share on Tumblr' href='http://www.tumblr.com/share' rel='nofollow' target='_blank'><i class='fa fa-tumblr'/>Tumblr</a></li><br /> <li><a class='pinterest bpas-tooltip bpas-tooltip-top' data-bpas-tooltip='Share on 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'/>Pinterest</a></li><br /> </ul><br /> </div><br /></b:if></code></pre>5. Jangan lupa untuk memasang Font Awesome Icons. Karena pada tombol share ini, menggunakan Font Awesome . Contoh<b> : fa fa-facebook</b><br />6. Temukan kode <b><span style="color: red;"></head></span></b> <br />7. Copy&paste Font Awesome Icons, 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=Arimo:400italic,400,700");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");<br />//]]></code></pre>8. Simpan Template.<br /><br />Demikian Tutorial Blogger kali ini, bila ada kesalahan? Jangan sungkan untuk berkomentar dibawah ini. Terakhir silakan lihat postingan anda. Sekian dari saya, <b>Semoga Bermanfaat!</b> Thanks for Reading, Sharing & Visited and Search : <b>Cara Membuat Sosial Media Share Buttons Responsive for Blogger</b></div></div></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Kategori/Label Default Blogger jadi Keren

<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">Label adalah menandakan dan menempatkan suatu postingan jadi ber-kategori. Perlu diketahui juga, bahwa <a href="http://blogger.com/">Blogger</a> hanya menyediakan gadget label masih tampilan sederhana. Untung saja <a href="http://blogger.com/">Blogger</a> bersifat <b><i>open source</i></b> yaitu bebas mengedit kapan saja. Sekarang bagaimana kita ubah saja Widget default label pada blogger menjadi keren dengan menggunakan kode CSS. Label berfungsi untuk pengkategorian suatu artikel dengan judul tertentu yang berguna memudahkan pengunjung dalam memilih artikel dalam satu kategori sesuai dengan keinginan pembaca, karena bisa menampilkan berupa link yang mengarah suatu artikel dengan kategori tertentu.<br /><br /><div style="text-align: left;">Baca Juga :</div><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/12/cara-membuat-related-post.html">Cara Membuat Related Post Thumbnail&Snippet Responsive</a></li><li><a href="http://maycyber-download.blogspot.com/2016/07/cara-membuat-labels-keren-responsive.html">Cara Membuat Labels Keren, Responsive!</a> </li></ul><br /><b>Screenshoot : </b><br /><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6IfAQAphM4L14OySP5D5_KhYjAqqXEr_ogFFKZZ8CRxiukDjLlgmbAUA1zC08x_vVbGKpfYMxv4PBjsrYBmP7suI4YR7XeCFgk7kjrBLseNGhMVhu3erHOTcfbkyIP24vVpA00WSdJmg/s1600/label-cloud-keren.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6IfAQAphM4L14OySP5D5_KhYjAqqXEr_ogFFKZZ8CRxiukDjLlgmbAUA1zC08x_vVbGKpfYMxv4PBjsrYBmP7suI4YR7XeCFgk7kjrBLseNGhMVhu3erHOTcfbkyIP24vVpA00WSdJmg/s640/label-cloud-keren.jpg" width="640" /></a></div></div><br /><div style="text-align: left;"><span style="font-size: small;"><b>Preview Label Cloud :</b></span></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt1-QXTTbeqAgjKIumzHe4u9DV6kxlnVHXQgAoyeYj6ciou3xDX0sakxzcOPGE95DC2WIyzupf5ye1qKC9k2Bg3fb0Oamjd_UXp-DTbQfQOHU55lIvm_B5wBD3RQE_KDnAJOErDFVdkQs/s1600/CSS+Label+Awesome.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt1-QXTTbeqAgjKIumzHe4u9DV6kxlnVHXQgAoyeYj6ciou3xDX0sakxzcOPGE95DC2WIyzupf5ye1qKC9k2Bg3fb0Oamjd_UXp-DTbQfQOHU55lIvm_B5wBD3RQE_KDnAJOErDFVdkQs/s1600/CSS+Label+Awesome.gif" /></a></div><div style="text-align: center;"><br /><span style="font-size: large;"><b>Cara Membuat Label/Kategori Cloud Pada Blogger jadi Keren</b></span></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><br /><br />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> </b><b style="font-weight: bold;"><span style="color: red;">]]></b:skin></span> </b>atau<b style="font-weight: bold;"> <span style="color: red;"></style></span></b></div><pre data-codetype="CSS" title="CSS"><code class="language-css">/* CSS Label */<br />.widget-content.list-label-widget-content {padding:0;}<br />.widget-content.cloud-label-widget-content {display:inline-block;}<br />.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}<br />.cloud-label-widget-content{text-align:left;padding:10px;}<br />.label-count {background:#fff;white-space:nowrap;display:inline-block;padding:5px 7px;margin-right:3px;border:1px solid #FF9934;border-radius:4px;}<br />.label-count:hover {background:#fafafa;color:#222;border-radius:4px}<br />.Label li {background:#fff;color:#666;padding:5px;text-align:left;width:100%;border-bottom:1px solid #eee;transition:all .3s ease-out;}<br />.Label li:hover {background:#fff;color:#FF9934;}<br />.Label li:before {content:"\f105";font-family:FontAwesome;<br />font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;<br />color:#666;transition:all .3s ease-out;}<br />.Label li:hover:before {margin:0 0 0 5px;padding-right:4px;color:#29abe2;}<br />.Label li a {color:#666;transition:all .3s ease-out;}<br />.Label li a:hover {color:#FF9934;}<br />.Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0 5px 0 0;padding:4px 6px;text-align:center;font-family:'Arimo',sans-serif;font-size:12px;transition:initial;border-radius:2px;}<br />.Label li span:hover{background-color:#FF9934;color:#fff}<br />.label-size{background:#fdfdfd;display:block;float:left;margin:0 4px 4px 0;font-family:'Arimo',sans-serif;font-size:13px;border:1px solid #FF9934;transition:all 0.3s;border-radius:5px;}<br />.label-size:hover{background:#FF9934;border-color:#FF9934;}<br />.label-size a {display:inline-block;color:#444;padding:8px 10px;<br />font-weight:400;}<br />.label-size a:hover {color:#fff;}<br />.label-size a:before {content:"\f02b";font-family:FontAwesome;<br />font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;<br />color:#444;transition:initial;}<br />.label-size a:hover:before {content:"\f02b";font-family:FontAwesome;<br />font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}<br />.Label li {background:transparent;float:left;padding:5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}<br />.Label li:hover {color:#29abe2;}<br />.Label li a {color:#aaa;transition:all .3s ease-out;}<br />.Label li a:hover {color:#29abe2;}<br />.Label li span{float:right;color:#aaa;margin:0;padding:4px 6px;text-align:center;font-family:'Arimo',sans-serif;font-size:13px;font-weight:400;border-radius:2px;}<br />.Label li span:hover{color:#29abe2}<br />.label-size{background:#fff;color:#fff;display:block;float:left;margin:0 4px 4px 0;font-family:'Arimo',sans-serif;font-size:13px;transition:all 0.4s;}<br />.label-size a {display:inline-block;color:#fff;padding:8px 10px;<br />font-weight:400;transition:initial;}<br />.label-size a:hover {background:#29abe2;color:#fff;transition:all 0.2s;}<br />label-size a:before {content:"\f02b";font-family:FontAwesome;<br />font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;<br />color:#fff;transition:initial;}<br />.label-size a:hover:before {content:"\f02b";font-family:FontAwesome;<br />font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}<br />.label-size:hover, #footer-wrapper-inner .label-size:hover{background:#29abe2;color:#fff;transition:initial;}<br />.label-count {background:#333;}</code></pre>3. Simpan Template.<br />4. Buka Tata letak/Layout.<br />5. Tambahkan :  <b><Add a gadget > Choose Label></b><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANzWIElQK6NoCgQO0OfXancFjnb2Av5SMxxd4mUqnseWVptrOfb-74_RbH-ADev9a1lRZfcX6aKFbR7wbROZiPp8CrUBaNAuwVkuarrQbLzk2CgE28lGfAP8NTB0BRzlw5pvjBa3l9go/s1600/gadget-label.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANzWIElQK6NoCgQO0OfXancFjnb2Av5SMxxd4mUqnseWVptrOfb-74_RbH-ADev9a1lRZfcX6aKFbR7wbROZiPp8CrUBaNAuwVkuarrQbLzk2CgE28lGfAP8NTB0BRzlw5pvjBa3l9go/s1600/gadget-label.jpg" /></a></div><br />6. Jangan lupa pilih dari <b>Daftar</b> menjadi <b>Cloud</b> pada Elemen gadget Label.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf5OtMMfcSpHNL8ohrpxB4hel6dwapzKahFn04FyUJpjeVPgUNIJLPZYMj0u5TQGUO-2adDf6Kamn2Ebs8xryDTSH15bh2hJyP8ivXMGOBDhiEhOfQPt4Id7S7PXS809buAOrs7IdGwW4/s1600/gadget-label_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf5OtMMfcSpHNL8ohrpxB4hel6dwapzKahFn04FyUJpjeVPgUNIJLPZYMj0u5TQGUO-2adDf6Kamn2Ebs8xryDTSH15bh2hJyP8ivXMGOBDhiEhOfQPt4Id7S7PXS809buAOrs7IdGwW4/s1600/gadget-label_2.png" /></a></div>7. Simpan gadget.<br /><br />Demikian Tutorial Blogger kali ini, <b>Semoga Bermanfaat! </b>Thanks for Reading & Sharing and Visited :<b> Cara Membuat Related Post Thumbnail& Snippet Responsive.</b></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Author Box dibawah Postingan Plus Subscribe Newsletter

<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"><div dir="ltr" style="text-align: left;" trbidi="on">Terkadang jika anda ingin dikenal banyak para pengunjung blog anda, sebaiknya memasang Author dibawah postingan. Tujuan dari pemasangan Author dibawah postingan adalah agar pengujung lebih mengenal anda, dan mengetahui nama anda, Tentang anda, dll. Author Box ini biasanya digunakan para Blogger pada halaman postingan dan menampilkan sedikit ringkasan atau penjelasan tentang penulis artikel tersebut.<br /><br />Mengapa Harus Memasang Author Box?<br />  Terkadang, pembaca atau pengunjung ingin tahu siapa dibalik yang menulis artikel atau konten-konten yang berkualitas yang sedang mereka baca itu. Kemungkinan mereka mengetahui lebih lanjut tentang diri anda. Author box banyak digunakan pada website yang memiliki banyak penulis. Hal ini sangat dibutuhkan karena sangat membantu pembaca untuk mengetahui siapa penulis yang sedang mereka baca. Pada kesempatan kali ini, saya akan membagikan <b>Author box Plus Subscribe Newsletter dibawah postingan.</b><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/AVvXsEgpffii1nzaBfREyLUkvbFCyAnohyxY1JdszNFZXNBAKQJThlSV7tUOqeyCjwc7u2CtSjX3H1APufH4WQHSYZmChybbE_1tJnzWopmbEjlIfYZ9fQFi668ONgykssVNljXu5hK9Ams6q2g/s1600/Author.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpffii1nzaBfREyLUkvbFCyAnohyxY1JdszNFZXNBAKQJThlSV7tUOqeyCjwc7u2CtSjX3H1APufH4WQHSYZmChybbE_1tJnzWopmbEjlIfYZ9fQFi668ONgykssVNljXu5hK9Ams6q2g/s640/Author.gif" width="640" /></a></div></div><br /><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Author Box dibawah Postingan Plus Subscribe Newsletter</span></b></div><div style="text-align: left;"><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 - Kemudian Template.</div><div style="text-align: left;">3. Edit HTML.</div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;"><b>Proses Pembuatan : </b><br /><br />1. Temukan kode <span style="color: red;"><</span><b style="color: red;">/syle> </b>atau<span style="color: red;"> <b>]]></b:skin></b></span></div><div style="text-align: left;">2. Copy&paste kode berikut ini, dan letakkan <span style="color: red;">diatas</span> kode <span style="color: red;"><</span><b style="color: red;">/syle> </b>atau<span style="color: red;"> <b>]]></b:skin></b></span></div><pre data-codetype="CSS" title="CSS"><code class="language-css">.author-maycyberdownload{<br />float:left;<br />width:96%;<br />padding:15px;<br />border:1px solid #ccc;<br />margin-bottom:15px;<br />margin-top:15px;<br />background:#eee;<br />color:#000;<br />}<br />.author-maycyberdownload:hover{<br />background:#eee;<br />border:1px solid #ccc;<br />-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />}<br />.author-maycyberdownload h3{<br />color:#000;<br />margin-bottom:10px;<br />}<br />.author-maycyberdownload h3:hover{<br />border : 1px solid #EEEEEE;<br />-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />}<br />.author-photo{<br />float:right;<br />margin:0 0 0 10px;<br />}<br />.author-photo img{<br />border:1px solid #666;<br />-webkit-transition:-webkit-transform .15s linear;<br />-moz-transition:-moz-transform .15s linear;<br />-o-transition:-o-transform .15s linear;transition:transform .15s linear;<br />-webkit-box-shadow:0 3px 6px rgba(0,0,0,.25);<br />-moz-box-shadow:0 3px 6px rgba(0,0,0,.25);<br />box-shadow:0 3px 6px rgba(0,0,0,.25);<br />padding:5px 5px 5px 5px;-webkit-transform:rotate(+2deg);<br />-moz-transform:rotate(+2deg);-ms-transform:rotate(+2deg);<br />-o-transform:rotate(+2deg);transform:rotate(+2deg);float:left;<br />}<br />.author-photo img:hover{<br />background:#FFFFFF;<br />border : 1px solid #EEEEEE;<br />-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />box-shadow:0px 0px 10px rgba(0, 0, 0, .3);<br />-webkit-transform:rotate(0deg);<br />-moz-transform:rotate(0deg);<br />-ms-transform:rotate(0deg);<br />-o-transform:rotate(0deg);<br />transform:rotate(0deg);<br />}<br />ul.mdsocial{<br />list-style:none;<br />margin:10px;<br />overflow:hidden;<br />}<br />.mdsocial li{<br />float:right;<br />background:none !important;<br />padding:0 !important;<br />margin:0 8px;<br />}<br />.mdsocial li a{<br />display:block;<br />width:40px;<br />height:40px;<br />background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTXNu2KminPEd9OuPWe4CUTOSnaePaQMRiUjZXAaSq3N3bub7GcJjId9rHPpN7Rm2rikvQJVE38zOj6YSnJeOZAVV4BLhDWKEUc5sewfo4jCZXV615GGCoOpwVmddAAlikqV4TBwWuXYQA/s1600/social.png") no-repeat transparent;<br />text-indent:-99999em !important;<br />}<br />.mdsocial li a:hover{<br />padding:0 !important;<br />}<br />.mdsocial li.rssicon a{<br />background-position:0 0;<br />}<br />.mdsocial li.twicon a{<br />background-position:-50px 0;<br />}<br />.mdsocial li.fbicon a{<br />background-position:-100px 0;<br />}<br />.mdsocial li.gicon a{<br />background-position:-150px 0;<br />}<br />.mdsocial li.rssicon a:hover{<br />background-position:0 -50px;<br />}<br />.mdsocial li.twicon a:hover{<br />background-position:-50px -50px;<br />}<br />.mdsocial li.fbicon a:hover{<br />background-position:-100px -50px;<br />}<br />.mdsocial li.gicon a:hover{<br />background-position:-150px -50px;<br />}<br />.mdlinediv{<br />margin-top:25px;<br />height:0px;<br />clear:both;<br />display:block;<br />border-top:1px solid #fefefe;<br />border-bottom:1px solid #CCCCCC;<br />}<br />.mdemailbutton{<br />background:#f7f8f9;<br />background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1));<br />background:-webkit-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />background:-moz-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />background:-o-linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />background:linear-gradient(top, #f7f8f9 0%, #e9e9e9 100%);<br />filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f8f9', endColorstr='#e9e9e9',GradientType=0 );<br />border:1px solid #ddd;<br />-webkit-border-radius:4px;<br />-moz-border-radius:4px;<br />border-radius:4px;<br />padding:6px 12px;<br />margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);<br />-moz-box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset, 1px 1px 1px rgba(223,223,223,0.4);<br />color:#888;<br />text-shadow:0 1px 0 #fff;<br />line-height:1.2;<br />cursor:pointer;<br />font-size:13px;<br />}<br />.mdemailbutton:hover{<br />background:#f1f1f1;<br />background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1));<br />background:-webkit-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);<br />background:-moz-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);<br />background:-o-linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);<br />background:linear-gradient(top, #f1f1f1 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e0e0e0',GradientType=0 );<br />text-decoration:none !important;<br />}<br />.mdemail{<br />clear:both;<br />width:250px;<br />margin:10px 0;<br />float:left;<br />}<br />.mdemailform{<br />position:relative;<br />width:250px;<br />margin:0 auto;<br />}<br />.mdemailinput{<br />width:200px;<br />height:18px;<br />margin:0 auto;<br />padding:8px 40px 8px 10px;border:1px solid #ddd;<br />-webkit-border-radius:4px;-moz-border-radius:4px;<br />border-radius:4px;font-family:georgia;<br />font-style:italic;<br />-webkit-box-shadow:1px 1px 2px #dfdfdf;<br />-moz-box-shadow:1px 1px 2px #dfdfdf;<br />box-shadow:1px 1px 2px #dfdfdf;<br />font-size:14px;color:#666;<br />}<br />.mdemailbutton{<br />-webkit-border-top-right-radius:4px;<br />-webkit-border-bottom-right-radius:4px;<br />-moz-border-radius-topright:4px;<br />-moz-border-radius-bottomright:4px;<br />border-top-right-radius:4px;<br />border-bottom-right-radius:4px;<br />-webkit-border-top-left-radius:0px;<br />-webkit-border-bottom-left-radius:0px;<br />-moz-border-radius-topleft:0px;<br />-moz-border-radius-bottomleft:0px;<br />border-top-left-radius:0px;border-bottom-left-radius:0px;<br />padding:9px;<br />position:absolute;<br />right:-2px;<br />top:0;<br />display:block;<br />line-height:16px;<br />}<br />.mdemailbutton{<br />padding:8px !important;<br />}<br />.mdemailform, .mdemailinput{<br />width:98% !important;<br />-webkit-box-sizing:border-box;<br />-moz-box-sizing:border-box;<br />box-sizing:border-box;<br />height:auto;<br />}</code></pre>3. Jika sudah? Temukan kode <b><span style="color: red;"><data:post.body/></span></b><br />4. Copy&paste kode berikut ini, dan letakkan <span style="color: red;">dibawah</span> kode <b><span style="color: red;"><data:post.body/></span></b><br /><br /><b>Wajib Baca :</b><br /><br />Anda bisa menaruh kode berikut ini, dibawah</div></div></div></div>Tombol Share Buttons (Jika sudah dipasang), dan juga Anda bisa meletakan kode berikut ini diatas Related Post (Jika anda memasangnya)<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div class='author-maycyberdownload'><br /><div class='author_photo'><br /><!-- Author BIO Section --><br /><img alt='author' height='150' src='<span style="color: red;">http://seconddance.ca/wp-content/plugins/penci-portfolio//images/no-thumbnail.jpg</span>' width='150'/><br /></div><!-- Change Author Info --><br /><h2><span style="color: red;">Nama Anda?</span></h2><!--EDIT THIS--><br /><p><span style="color: red;">Silakan isikan Ringkasan Tentang Diri Anda</span></p><!--EDIT THIS--><br /><div class='mdlinediv'/><br /><div class='mdemail'><br /><small style='text-align:center;'>Get Free Email Updates to your Inbox!</small><br /><form action='http://feedburner.google.com/fb/a/mailverify' class='mdemailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red;">your_name</span>, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><br /><input name='uri' type='hidden' value='awesomev3'/><br /><input name='loc' type='hidden' value='en_US'/><br /><input class='mdemailinput' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...'/><br /> <input class='mdemailbutton' title='' type='submit' value='SignUp'/><br /></form><br /></div><br /><ul class='mdsocial'><br /><li class='rssicon'><br /><a href='http://feeds.feedburner.com/mailverify?uri=<span style="color: red;">your_name</span>'>Rss</a><br /></li><li class='twicon'><br /><a href='http://twitter.com/<span style="color: red;">your_name</span>>Twitter</a><br /></li><li class='fbicon'><br /><a href='https://www.facebook.com/<span style="color: red;">your_name</span>'>FaceBook</a><br /></li><li class='gicon'><br /><a href='https://plus.google.com/<span style="color: red;">your_name</span>'>Google +</a><br /></li><br /></ul><br /></div><br /><div style='clear: both;'/> <!-- clear for photos floats --></code></pre>Note : Silakan isi semua tulisan yang berwarna <span style="color: red;">merah</span> sesuai kepunyaan anda.<br /><br />5. Terakhir, Simpan Template.<br /><br />Demikian Tutorial Blogger kali ini, Jangan lupa berlangganan Artikel Via Email blog ini yah.<b> Silakan anda lihat postingan anda, lihat bagian bawah maka muncul Author Box tersebut. </b>Sekian dari saya, <b>Semoga Bermanfaat! Thanks for Reading, Sharing & Search and Visited : Cara Membuat Author Box dibawah Postingan Plus Subscribe Newsletter</b> </div>

Diposting oleh Mr Xiulung

Cara Membuat Sosial Media Share Buttons for 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"><b>Sebelumnya</b> saya pernah posting cara membuat berbagai <i><b>"Tombol Sosial Media Share" </b></i>Tujuan<i><b> </b></i>nya sama yaitu untuk meningkatkan pengunjung. Dengan tombol share buttons yang anda terapkan di Blogger, pengunjung dapat dengan mudah berbagi artikel ke sosial media milik pengunjung.  <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dzAp-q78wPrZS6Yt8gVZVK3odB9t6SRkUvg2_EPDjRAhzqQS_ZQ07TNVjiWmEDP79L2OT01LerkeOiFhMKnpVnZJCf4Hx2j815XVHbOuQvkH0q9jDbQa-sxyMmVZwar8Y8lX15HctMQ/s1600/Sosial-Share-Buttons.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="344" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0dzAp-q78wPrZS6Yt8gVZVK3odB9t6SRkUvg2_EPDjRAhzqQS_ZQ07TNVjiWmEDP79L2OT01LerkeOiFhMKnpVnZJCf4Hx2j815XVHbOuQvkH0q9jDbQa-sxyMmVZwar8Y8lX15HctMQ/s640/Sosial-Share-Buttons.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><b>Baca Juga : </b><br /><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/12/cara-membuat-tombol-share-buttons.html"><i><b>C</b></i>ara Membuat Tombol Share Buttons Responsive pada Blogger</a></li><li><a href="http://maycyber-download.blogspot.com/2016/11/cara-membuat-flat-social-share-buttons.html"><i><b>C</b></i>ara Membuat Flat Social Share Buttons di Blogger</a></li><li><a href="http://maycyber-download.blogspot.com/2016/11/cara-membuat-tombol-share-buttons.html"><i><b>C</b></i>ara Membuat Tombol Share Buttons Keren, Responsive di Blogger</a></li><li><a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-tombol-share-sosial-media.html"><i><b>C</b></i>ara Membuat Tombol Share Sosial Media Buttons Melayang di Kiri Blog</a></li><li><a href="http://maycyber-download.blogspot.com/2016/08/cara-memasang-tombol-share-di-blogger.html"><i><b>C</b></i>ara memasang Tombol Share di Blogger, Responsive!</a><i><b></b></i></li></ul><b>Screenshoot : </b><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwDpGkuSvqQn9_3adRsZRXaW6ivWrz-r8FUOQYOdS41ki9pVbIVh0XRaqrnIH7rCLN_IDQdsaOZYLmDK1bOmeX7dHvQ-7ExHsnUf6YgZclOA0GRl05L5GSDfZJyJyZIut63gAijs96jI/s1600/Share-postingan.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="44" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrwDpGkuSvqQn9_3adRsZRXaW6ivWrz-r8FUOQYOdS41ki9pVbIVh0XRaqrnIH7rCLN_IDQdsaOZYLmDK1bOmeX7dHvQ-7ExHsnUf6YgZclOA0GRl05L5GSDfZJyJyZIut63gAijs96jI/s640/Share-postingan.gif" width="640" /></a></div><br /><br /><div style="text-align: center;"><span style="font-size: large;"><b>Cara Membuat Sosial Media Share Buttons for Blogger</b></span></div><b><br />Cara Pertama :</b><br /><br />1. Buka <a href="http://blogger.com/">Blogger</a> - Kemudian login<br />2. Dashboard - Template<br />3. Edit HTML.<br /><br /><b>Proses Pembuatan :</b><br /><br />1. Temukan kode <CTRL+F> <b style="color: red;">]></b:skin> </b>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 style="color: red;"></style>  </b><br /><pre data-codetype="CSS" title="CSS"><code class="language-css">/* Share postingan Start*/<br />.share-postingan{height:33px;position:relative;line-height:0;margin:0 0 20px;padding:0}<br />.share-artikel{display:block;margin:0;padding:0}<br />.share-artikel a{float:left;width:20%;height:45px;line-height:45px;color:#fff;font-weight:400;font-size:28px;text-align:center;display:inline-block;box-sizing:border-box;opacity:.75;margin:0;padding:0;transition:all .25s ease}<br />.share-artikel a:hover{opacity:1}<br />.share-artikel .fac-art{background:#3b5998}<br />.share-artikel .twi-art{background:#00acee}<br />.share-artikel .goo-art{background:#db4a39}<br />.share-artikel .pin-art{background:#CA2127}<br />.share-artikel .lin-art{background:#0077B5}<br />/* Share postingan End*</code></pre>3. Jika sudah? langkah selanjutnya adalah memasang Font Awesome Icons. Karena pada tombol share sosial media ini menggunakan font awesome icon. Contoh<b> </b>:<b> fa fa-facebook</b><br />4. Temukan kode <b><span style="color: red;"></head></span></b><br />5. 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>6. Terakhir, Temukan kode <b><span style="color: red;"><data:post.body/></span></b><br />7. Copy&paste kode berikut ini, dan letakkan dibawah kode<b> <span style="color: red;"><data:post.body/></span> </b><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><!---Share-postingan start--><br /><div class='share-postingan'><br /><div class='share-artikel'><br /><a class='fac-art' 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=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a><br /><a class='twi-art' 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=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a><br /><a class='goo-art' 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=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a><br /><a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/></a><br /><a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/></a><br /></div><br /></div><br /><!--Share-Artikel End --></code></pre>8. Simpan Template.<br /><br />Demikian Tutorial Blogger kali ini, bila anda mengalami kesalahan? Silakan jangan sungkan untuk berkomentar. Sekian dari saya, <b>Semoga Bermanfaat! Thanks for Reading, </b><b>Sharing </b><b>& Search and Visited : Cara Membuat Sosial Media Share Buttons for Blogger</b></div></div></div></div>

Diposting oleh Mr Xiulung

Cara Membuat Top Menu Navigasi Plus Media Sosial Responsive

<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"><div dir="ltr" style="text-align: left;" trbidi="on"><div><div><div><b>Menu Navigasi</b> ini sering digunakan para blogger untuk bagian : <b>About, Contact us, Privacy Policy dan Disclaimer.</b> Menu ini sangat penting diterapkan di blogger Anda, karena ini memang penting, kenapa penting? Jika anda meminta permohonan<b> Iklan Adsense </b>maka menu navigasi ini harus ada dibagian blog anda. Top menu navigation menu ini merupakan sebuah tab menu yang berisi penunjuk arah pada bagian kategori/label dari Blog atau Situs, dan berisi sebuah link tujuan sesuai dengan nama menu yang tercantum. Menu navigasi ini sendiri berada pada bagian atas atau Header. Banyak para blogger menggunakan menu navigasi agar blog mereka terlihat lebih teratur dan memudahkan pengunjung untuk mencari apa yang mereka inginkan.<br /><br /><div style="text-align: left;">Baca Juga : </div><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/09/cara-membuat-top-menu-navigasi-diatas.html">Cara Membuat Top Menu Navigasi diatas Header Untuk Privacy Policy</a></li></ul><b>Screenshoot : </b></div></div></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJApLJt8LmZ7Jnw1YyWIUEAiXhyphenhyphenoD8qnbaLLGmISGr7nQ5Qo4GBJYD8oJ-ZWeKZs0VHp-KdO6g2be9lSgYKBxrpV1OmHzoLXzWBuSni9aU9E2jpJRu9gBGKTphF0g8fgmRtTS59jiNcpU/s1600/Top+Menu+Navigasi_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Menu Navigasi" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJApLJt8LmZ7Jnw1YyWIUEAiXhyphenhyphenoD8qnbaLLGmISGr7nQ5Qo4GBJYD8oJ-ZWeKZs0VHp-KdO6g2be9lSgYKBxrpV1OmHzoLXzWBuSni9aU9E2jpJRu9gBGKTphF0g8fgmRtTS59jiNcpU/s640/Top+Menu+Navigasi_1.jpg" title="Top Menu Navigasi" width="640" /></a></div></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrAOXYllQ8tU5sHlRRrpYPu-28czMC_Uh4txd4PFgVjfQy-dxDLLk5b7vbVlqKsHSIdGH1IgBFpZo3bDp4HOG15qCKmXtVI0Q8VZTWG6pRj_7d5oT3YhsM2Lcyi8VI60GK1s-u36Vo9Dg/s1600/%255BMayCyber%255D+-+Navigasi+Menu+Top_1.gif" style="margin-left: 1em; margin-right: 1em;"><img alt="Menu Top Navigasion Responsive" border="0" height="82" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrAOXYllQ8tU5sHlRRrpYPu-28czMC_Uh4txd4PFgVjfQy-dxDLLk5b7vbVlqKsHSIdGH1IgBFpZo3bDp4HOG15qCKmXtVI0Q8VZTWG6pRj_7d5oT3YhsM2Lcyi8VI60GK1s-u36Vo9Dg/s640/%255BMayCyber%255D+-+Navigasi+Menu+Top_1.gif" title="Navigasi Top Menu" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrAOXYllQ8tU5sHlRRrpYPu-28czMC_Uh4txd4PFgVjfQy-dxDLLk5b7vbVlqKsHSIdGH1IgBFpZo3bDp4HOG15qCKmXtVI0Q8VZTWG6pRj_7d5oT3YhsM2Lcyi8VI60GK1s-u36Vo9Dg/s1600/%255BMayCyber%255D+-+Navigasi+Menu+Top_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="text-align: center;"><b><span style="font-size: large;">Cara Membuat Top Menu Navigasi Plus Media Sosial Responsive</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><br /><br />1. Temukan kode<b> <span style="color: red;"></head></span></b></div><div style="text-align: left;">2. Copy&paste kode berikut ini, dan letakkan diatas kode <b><span style="color: red;"></head></span></b></div><pre data-codetype="Javascript" title="Javascript"><code class="language-javascript"><script type='text/javascript'><br />//<![CDATA[<br />// Menu Top<br />$(document).ready(function(){var str=location.href.toLowerCase();$('.top-menu ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})<br />$(function(){var pull=$('#pull');menu=$('.top-menu ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style')}})});<br />//]]><br /></script><br /><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/><br /><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script></code></pre><b><br /></b><b>Wajib Baca : </b><br /><br />1. Jika Font Awesome Icon sudah dipasang di blog Anda sebaiknya kode  <b></b><b> </b><br /><span style="color: blue;"><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/></span> Silakan anda hapus. Jika belum dipasang? Sebaiknya pasang. Karena Icon Sosial Media pada menu ini menggunakan Font Awesome.<br />2. Jika blog anda sudah memasang JQuery pada blog anda, sebaiknya kode <br /><span style="color: blue;"><script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script<b>></b></span> silakan anda hapus jika sudah ada didalam template anda. Jika belum? Sebaiknya dipasang.<br /><br />3. Jika sudah? Temukan kode <b><span style="color: red;">]]></b:skin></span></b><br />4. Copy&paste kode berikut ini, dan letakkan diatas kode <span style="color: red;">]<b>]></b:skin> </b></span><br /><pre data-codetype="CSS" title="CSS"><code class="language-css">/*Top Menu Navigasi */<br />.menu-wrapper {background:#333;position:relative;z-index:96;overflow:hidden;margin:0 auto;padding:5px;}<br />.top-menu {display:block;margin:0 auto;float:left;padding:0;width:100%;background:transparent;border:none;}<br />.top-menu ul {width:100%;padding:0;margin:0;text-align:left;}<br />.top-menu li {list-style-type:none;float:left;padding:0;margin:0;}<br />.top-menu li a {position:relative;font-family:'Open Sans';font-size:14px;font-weight:400;background-color:transparent;color:#fff;display:block;margin:0;padding:8px 12px;line-height:100%;transition:color 0.3s;}<br />.top-menu ul li a:active, .top-menu ul li.highlight a {line-height:100%;text-decoration:none;}<br />.top-menu ul li a:hover {background:#FF9934;color:#fff;text-decoration:none;}<br />.top-menu li.socialwrap {float:right;}<br />.top-menu li.socialwrap a i{text-align:center;color:#fff;transition:initial;}<br />.top-menu li.socialwrap a:hover{background:#FF9934;color:#fff;}<br />.top-menu li.socialwrap.pinterest {border-right:0;}<br />.top-menu a#pull {display:none;}<br /><br />@media only screen and (max-width:768px) {<br />.menu-top li ul { background:#222222; border:none; box-shadow:none; }<br />.menu-wrapper {margin:0;border:1px solid #e6e6e6;}<br />.top-menu {display:block;width:100%;padding:0}<br />.top-menu ul {text-align:center;}<br />.top-menu ul {display:none;height:auto;}<br />.top-menu a#pull{color:#fff;display:inline-block;font-family:"Open Sans";font-size:12px;font-weight:700;padding:10px;position:relative;text-align:left;width:100%}<br />.top-menu a#pull:before{content:"\f03a";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:20px;color:#eee;display:inline-block;position:absolute;right:15px;top:5%;margin-right:10px;line-height:30px;}<br />.top-menu a#pull:hover{background:transparent}<br />.top-menu li {display:block;width:50%;text-align:left;border-right:none;}<br />.top-menu li a {padding:15px 20px;display:block;}<br />.top-menu li a:hover, nav a:active {background:#ef4824;border:none;color:#fff;}<br />.top-menu ul li a:hover {background:#ef4824;color:#fff;}<br />.top-menu li.socialwrap {float:left;}<br />.top-menu li.socialwrap.twitter {border-left:0;}<br />.active {display:block;}<br />}<br />@media only screen and (max-width:640px) {<br />.menu-wrapper {margin:0 auto 20px auto;}<br />}<br />@media only screen and (max-width:480px) {<br />.top-menu li {display:block;width:100%;text-align:left;border-right:none;}<br />}</code></pre>5. Terakhir, Temukan kode <b><span style="color: red;"><div class='content-wrapper'></span> </b>. <b><span style="color: red;"><div class='header-wrapper'></span></b> .<b> </b><br /><b><span style="color: red;"><div class='header-outer'></span> </b>.<b> </b> Letakan kode berikut ini, dan letakkan diatas</div></div></div></div><span style="color: red;"> </span>kode yang sudah disebutkan diatas.<br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div class='menu-wrapper'><br /><nav class='top-menu'><br /><ul><br /><li><a href='###' title='Contact us'><i class='fa fa-envelope'/> Contact</a></li><br /><li><a href='###' title='Sitemap'><i class='fa fa-list'/> Sitemap</a></li> <br /><li><a href='###' title='Disclaimer'><i class='fa fa-check-circle'/> Disclaimer</a></li><br /><li><a href='###' title='Privacy Policy'><i class='fa fa-unlock-alt'/> Privacy Policy</a></li><br /><li class='socialwrap pinterest'><a class='socialwrap pinterest' data-bpas-tooltip='Follow us on Pinterest' href='#' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/><span class='inv'/></a></li><br /><li class='socialwrap youtube'><a href='###' rel='nofollow' target='_blank'><i class='fa fa-youtube fa-fw'/></a></li><br /><li class='socialwrap rss'><a href='###' rel='nofollow' target='_blank'><i class='fa fa-rss fa-fw'/></a></li><br /><li class='socialwrap google'><a class='socialwrap google' data-bpas-tooltip='Follow us on Google+' href='###' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='inv'/></a></li><br /><li class='socialwrap twitter'><a class='socialwrap twitter' data-bpas-tooltip='Follow us on Twitter' href='###' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='inv'/></a></li><br /><li class='socialwrap facebook'><a class='socialwrap facebook' data-bpas-tooltip='Follow us on Facebook' href='###' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='inv'/></a></li><br /> </ul><br /> <a href='#' id='pull'>MENU</a><br /> </nav></div></code></pre>6. Simpan Template.<br /><br />Demikian Tutorial Blogger kali ini, Jika terjadi kesalahan silakan jangan sungkan untuk berkomentar.<b></b> Silakan anda lihat blog anda, apakah widget tersebut sudah muncul atau belum. Sekian dari saya,<b> Semoga Bermanfaat!</b> Thanks for Reading &Sharing and visited :<b> Cara Membuat Top Menu Navigasi Plus Media Sosial Responsive</b></div>

Diposting oleh Mr Xiulung

Cara Membuat Related Post Thumbnail&Snippet Responsive

<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"><div dir="ltr" style="text-align: left;" trbidi="on">Related post adalah sebagai artikel atau postingan yang masih dalam satu kategori atau istilahnya artikel terkait. Related post tidak hanya menambah keren blog anda, tetapi juga membantu pageview bertambah. Related bisa disebut juga user freandly karena memudahkan pengunjung menemukan artikel yang terkait, ataupun artikel yang menarik lainnya di blogger anda. Related Post banyak dan berbagai macam bentuk, ada yang beserta dengan gambar, sejajar ke kana, hanya menampilkan judul saja dll. Related Post yang saya berikan ini berbentuk vertikal mengarah kebawah serta bergambar dan snippet dibawahnya.<br /><br />Baca Juga :<br /><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/07/cara-membuat-related-post-yang-paling.html">Cara Membuat Related Post Yang Paling Simple, dan Aman!</a></li></ul><b>Screenshoot :</b><br /><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYMdfsnDzpvWhHBGnKGlsq4LkLDLNRrXlAlpdaIghE_O1R58_FQQNi3T9W_fWlEDuP9qgAASl1gUCimcsSI8dXeByWM5krKEq-iikcliukjEwQq-shNhlTu-Hvd9qBRCU-AQ-k1ZjK8k/s1600/Related+Post.jpg" style="margin-left: 1em; margin-right: 1em;"><img alt="Related Post Responsive" border="0" height="363" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYYMdfsnDzpvWhHBGnKGlsq4LkLDLNRrXlAlpdaIghE_O1R58_FQQNi3T9W_fWlEDuP9qgAASl1gUCimcsSI8dXeByWM5krKEq-iikcliukjEwQq-shNhlTu-Hvd9qBRCU-AQ-k1ZjK8k/s400/Related+Post.jpg" title="Related Post Vertikal" width="400" /></a></div></div><br /><div style="text-align: center;"><span style="font-size: large;"><b>Cara Membuat Related Post Thumbnail& Snippet Responsive</b></span></div><br /><b>Cara Pertama :</b><br /><br />1. Buka <a href="http://blogger.com/">Blogger</a> - Kemudian login<br />2. Dashboard - Template<br />3. Edit HTML<b> </b><br /><br /><b>Proses Pembuatan :</b><br /><br />1. Temukan kode <span style="color: red; font-weight: bold;">]]></b:skin> </span>atau <span style="color: red; font-weight: bold;"></style></span><br />2. Copy & Paste kode berikut ini, dan letakkan diatas kode<b> <span style="color: red;">]]></b:skin> </span></b>atau <span style="color: red; font-weight: bold;"></style></span><br /><pre data-codetype="CSS" title="CSS"><code class="language-css">/* CSS Related Posts */<br />#maycyberrelated { background-color:#FFF; margin:10px 0 0 0; padding:10px;border:1px solid #ddd}<br />#maycyberrelated h4 { color:#fff;font-family:'Arimo';font-size:18px; margin:-10px -10px 10px; padding:10px 3px; text-align:center; font-weight:bold;position:relative; background-color:#374760;}<br />#maycyberrelated ul,#related_posts li { overflow:hidden; padding:0; margin:0; list-style:none }<br />#maycyberrelated ul { margin-top:10px }<br />#maycyberrelated li { float:left; width:100%; margin:0 0 5px}<br />#maycyberrelated .gmbrrltd { background-color:#f7f7f7; float:left; margin:0 5px 0 0; padding:3px; border:1px solid #ddd; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px }<br />#maycyberrelated strong { font-weight:bold;font-family:'Arimo';font-size:15px; line-height:1.1em;color:#222 }<br />#maycyberrelated p { margin:2px 0 0;font-family:'Arimo';font-size:15px;text-align:justify; }<br />.loadingxx { width:100%; min-height:150px; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtqeXJgB2kiY0prBOgylw6jHhJi5hw552Zi36_QTd3lZJbpc9Old6gsdmwSC1mVFiigGztGJUy8Cwo0C4qEU7U55PYGKunjIX075s6LO2h0uaaxIMUYoUM1nHFoz_pOEUsOcGUVTwOdgI0/s1600/bs+loading+dot.gif) no-repeat center; display:block; text-indent:-9999px }<br />#virelated-posts {margin:20px 20px 20px 0;padding:0;}<br />ul#virelated-summary li {float:left;list-style:none;overflow:hidden;width:100%;border-bottom:1px solid #e6e6e6;padding:10px 0;}<br />ul#virelated-summary li:last-child{border-bottom:none;}<br />ul#virelated-summary li img{display:none;}<br />ul#virelated-summary li a.relinkjdulx {display:block;font-size:14px;font-weight:700;line-height:normal;overflow:hidden;padding:10px 10px 10px 0;}<br />#virelated-summary .news-text {display:block;padding:0;font-size:12px;margin-bottom:0;}</code></pre>3. Jika sudah? Temukan lagi kode <b><span style="color: red;"><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'></span></b><br />4. Copy&Paste kode berikut ini, dan letakkan dibawah kode <b><span style="color: red;"><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'></span></b><br /><br /><b>Wajib Baca : </b>kode<b> </b><span style="color: blue;"><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'></span><b style="font-weight: bold;"> </b>biasanya lebih dari satu, silakan anda pilih yang pertama.<b></b><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><div id='virelated-posts-mobile'><br /> <h3>Related Posts :</h3><br /> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;amp;max-results=5&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script><br /> </div></code></pre>5. Terakhir, Temukan 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></div></div></div></div><br /><b>Wajib Baca :</b><br /><br />Biasanya kode <span style="color: blue;"><data:post.body/></span> lebih dari satu, silakan anda pilih yang kedua/ketiga.<br />Jika bagian <span style="color: blue;"><data:post.body/></span> tidak bisa, atau tidak muncul widget related post. Anda bisa meletakkan kode diatas, <span style="color: blue;">tepat dibawah tombol share</span>, atau <span style="color: blue;">dibawah about arthor</span>, atau <span style="color: blue;">diatas next-previous.</span><br /><pre data-codetype="HTML" title="HTML"><code class="language-markup"><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div id='maycyberrelated'/><br /><script type='text/javascript'><br />//<![CDATA[<br />function relatedPostsWidget(a){(function(e){var f={blogURL:"",maxPosts:5,maxTags:5,maxPostsPerTag:5,containerSelector:"",tags:null,loadingText:"",loadingClass:"",relevantTip:"",rlt_summary:150,relatedTitle:"Related Posts",readMoretext:"Read More",rlpBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwwp3inanN0o4BhL2VGYykeqjC2sgsrnsmajBCK8tM8e8SIbBrExWn4BZacU4SecmOEBhNNRqhNm5SvhwBKpUHc3agcwVev6CgTEp4AMJ4V_E644pulSkNulM6W6FU_iO-e3-pw3MiygdF/s1600/BS+No+Image+White.png",rlt_thumb:70,recentTitle:"Related Post",postScoreClass:"",onLoad:false};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="maycyberrelated"></div>');f.containerSelector="#maycyberrelated"}var c=function(t,n){k++;if(t.feed.entry){for(var o=0;o<t.feed.entry.length;o++){var r=t.feed.entry[o];var p="";for(var m=0;m<r.link.length;m++){if(r.link[m].rel=="alternate"){p=r.link[m].href;break}}if("content" in r){var l=r.content.$t}else{if("summary" in r){var l=r.summary.$t}else{var l=""}}var l=l.replace(/<\S[^>]*>/g,"");if(l.length>f.rlt_summary){var l=l.substring(0,f.rlt_summary)+"..."}var q=r.title.$t;if("media$thumbnail" in r){var s=r.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.rlt_thumb+"-c")}else{var s=f.rlpBlank}if(location.href.toLowerCase()!=p.toLowerCase()){i(p,q,s,l)}}}if(k>=f.tags.length){g.attr("class","");e("#maycyberrelated-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(p,s,u,l){var q=e("li",g);for(var o=0;o<q.length;o++){var t=e("a",q.eq(o));var r=j(t);if(t.attr("href")==p){h(t,++r);for(var n=o-1;n>=0;n--){var m=e("a",q.eq(n));if(j(m)>r){if(o-n>1){q.eq(n).after(q.eq(o))}return}}if(o>0){q.eq(0).before(q.eq(o))}return}}g.append('<li><a class="jdlunya" href="'+p+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'"><span class="gmbrrltd"><img style="width:'+f.rlt_thumb+"px;height:"+f.rlt_thumb+'px;display: block" alt="'+s+'" src="'+u+'"/></span><strong>'+s+"</strong></a><p>"+l+'<a target="_blank" title="'+s+'" href="'+p+'">'+f.readMoretext+"</a></p></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#maycyberrelated"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="maycyberrelated"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var n=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(n,f.tags)==-1){f.tags[f.tags.length]=n}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h4>"+f.recentTitle+"</h4>").appendTo(b)}else{if(f.relatedTitle){e("<h4>"+f.relatedTitle+"</h4>").appendTo(b)}}if(f.loadingText){e('<div id="maycyberrelated-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/summary?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}else{for(var m=0;m<f.tags.length;m++){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/summary/-/"+f.tags[m]+"?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}}};if(f.onLoad){e(window).load(d)}else{e(document).ready(d)}})(jQuery)};<br />relatedPostsWidget({<br />related_title: "Related Posts",<br />containerSelector: "#maycyberrelated",<br />maxPosts: 6,loadingClass: "loadingxx",<br />rlt_thumb: 70<br />});<br />//]]><br /></script><br /><div class='clear'/><br /></b:if></code></pre>7. Simpan Template.<br /><br />Demikian Tutorial Blogger kali ini, Jika terjadi kesalahan silakan jangan sungkan untuk berkomentar pasti saya akan membantu anda. Sekian dari saya, <b>Semoga Bermanfaat! </b>Thanks for Reading & Sharing and Visited :<b> Cara Membuat Related Post Thumbnail& Snippet Responsive.</b> </div>

Diposting oleh Mr Xiulung

Daftar Backlink dan Cara Menanam Backlink Permanen 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"><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">Backlink adalah pengalihan secara langsung dimana website orang lain kita jadikan objek pengalihan penelusuran halaman mereka menuju blog kita. Fungsi Backlink adalah meningkatkan Artikel postingan Anda di SERP <b>(Search Engine Result Pages) </b>di berbagai Mesin pencari. Cara agar blog anda memiliki Trafic tinggi di Search Engine dengan memasang Backlink. Backlink sendiri ada yang berkualitas dan ada juga yang Sukar. Prinsip dari Backlink adalah situs web anda akan cek dulu page ranknya dan kreadibilitas blog itu sendiri. Bila blog itu baik dan sehat maka yang kita dapatkan adalah Backlink berkualitas, begitupun sebaliknya Bila blog itu sedang kurang baik maka yang kita dapatkan adalah bukan berkualitas.<br /><br /><div style="text-align: left;">Baca juga :</div><ul style="text-align: left;"><li><a href="http://maycyber-download.blogspot.com/2016/09/14-hal-yang-anda-harus-lakukan-sebelum.html">14 Hal yang Anda Harus Lakukan Sebelum Mengajukan Permohonan Adsense</a> </li></ul><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsKZdYhbA7rDJfaHDTj8Bx2cGGuy9oZvclU_eyxAJTmcBlEqItIBKuCbRF-KgeEc9yOsR2QONVnulT3YdFNm3Kdj4oACPOxKe1CnNliHJSnPzgGQmUz7q8Nz9BJ0UPxqefAjsJJtGGc5w/s1600/backlink.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsKZdYhbA7rDJfaHDTj8Bx2cGGuy9oZvclU_eyxAJTmcBlEqItIBKuCbRF-KgeEc9yOsR2QONVnulT3YdFNm3Kdj4oACPOxKe1CnNliHJSnPzgGQmUz7q8Nz9BJ0UPxqefAjsJJtGGc5w/s1600/backlink.jpg" /></a></div>  Sebaiknya jika memang anda ingin memasang backlink ini, sebaiknya blog anda sudah berusia minimal 6 bulan dan memilik 100+ postingan lebih. Karena Google akan mengindex semua Backlink itu, bila blog anda masih tahap-tahap beta, atau sedang dibuat google akan menganggap blog anda adalah Spam.<br />Untuk mencari Backlink yang bisa kita digunakan di Google memanglah membutuhkan waktu yang sangat lama, dan apalagi Anda menanam Backlink itu dengan secara menual pastinya akan menyita waktu yang sangat lama.<br /><br /><b>Screenshoot : </b><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bODOi11aqRCs-VCfRL49IrPIWpO62X-ckX1Esd_gz2u7Xc-XKv9eTrYnNMh09ZhoQ_lPraF-8NZBe2_j_awdIa-elO-T7ZFG6sSS-Q3zeAwRTZ2wehrO-ErhS1Q6R3D2KH6eBMJwMq8/s1600/%255BMayCyber%255D+-+Indexed+Backlink_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3bODOi11aqRCs-VCfRL49IrPIWpO62X-ckX1Esd_gz2u7Xc-XKv9eTrYnNMh09ZhoQ_lPraF-8NZBe2_j_awdIa-elO-T7ZFG6sSS-Q3zeAwRTZ2wehrO-ErhS1Q6R3D2KH6eBMJwMq8/s640/%255BMayCyber%255D+-+Indexed+Backlink_1.jpg" width="640" /></a><br /><br /><div style="text-align: center;"><b><span style="font-size: large;">Backlink dibedakan Menjadi 2(dua)</span></b></div><br /><b>1. Backlink Dofollow</b><br /><b><br />  </b> Jika<b> </b>diartikan dari bahasa Inggris ke bahasa Indonesia artinya adalah <i><b>"Mengikuti" </b></i>Artinya jika anda meninggalkan link aktif pada sebuah situs/blog/forum, ketika Google bot sedang merayapi situs tersebut maka Google bot itu sendiri akan merayapi dan mengindex semua tautan link tersebut baik link keluar, maupun kedalam. Tujuan blog Dofollow tersebut adalah akan dirayapi google secara otomatis dan akan diikuti oleh google spider dan blog anda akan di crawl atau di rayapi.<br /><b><br /></b><b>Cara Penerapan link Dofollow :</b><br /><br /><span style="color: blue;"><a href= " http://maycyber-download.blogspot.com/ " rel="<span style="color: red;">dofollow</span>"> maycyber-download </a></span><br /><br /><b>2. Backlink Nofollow </b><br /><br />   Jika diartikan dari bahasa Inggris ke bahasa Indonesia artiknya adalah<b> <i>" Tidak Mengikuti" </i></b>Artinya seperti hal Backlink Dofollow misalnya anda berkomentar dan menautkan link aktif pada sebuah situs, dengan attribut nofollow, maka disaat google bot sedang men-crawl atau merayapi situs tersebut maka link tersebut akan diabaikan. Setiap link yang keluar artinya link tersebut akan diabaikan dan tidak dirayapi.<br /><br /><b>Cara Penerapan link Nofollow :</b><br /><span style="color: blue;"><a href= " http://maycyber-download.blogspot.com/ " rel="<span style="color: red;">nofollow</span>"> maycyber-download </a></span><br /><br /><b><span style="font-size: large;"> Daftar Backlink Edu dan Gov tingkat tinggi dan berkualitas</span></b><br /><br /><pre data-codetype="Link" title="Link"><code class="language-markup">http://www.jcprd.com/park_admin/redirect.cfm?link=http://maycyber-download.blogspot.com/<br />http://www.doleta.gov/regions/reg05/Pages/exit.cfm?vexit=http://maycyber-download.blogspot.com/<br />http://www.polytrauma.va.gov/disclaimer.asp?url=http://maycyber-download.blogspot.com/<br />http://spaceflight1.nasa.gov/cgi-bin/leaving.cgi?newsite=http://maycyber-download.blogspot.com/<br />http://www.planning.dot.gov/PageRedirect.asp?RedirectedURL=http://maycyber-download.blogspot.com/<br />http://www.transtats.bts.gov/exit.asp?url=http://maycyber-download.blogspot.com/<br />http://www.weather.gov/cgi-bin/nwsexit.pl?url=http://maycyber-download.blogspot.com/<br />http://pajlo.org/fr/disclaimer.php3?link=http://maycyber-download.blogspot.com/<br />http://spaceflight.nasa.gov/cgi-bin/leaving.cgi?newsite=http://maycyber-download.blogspot.com/<br />http://orthoinfo.aaos.org/popOut.cfm?LOC=http://maycyber-download.blogspot.com/<br />http://www.olelo.hawaii.edu/redirect.php?url=http://maycyber-download.blogspot.com/<br />http://forum.gamexp.ru/externalredirect.php?url=http://maycyber-download.blogspot.com/<br />http://transition.fcc.gov/fcc-bin/bye?http://maycyber-download.blogspot.com/<br />http://www.crh.noaa.gov/nwsexit.php?url=http://maycyber-download.blogspot.com/<br />http://www.nws.noaa.gov/cgi-bin/nwsexit.pl?url=http://maycyber-download.blogspot.com/<br />http://www.prh.noaa.gov/cphc/jump.php?site=http://maycyber-download.blogspot.com/ <br />http://www.doleta.gov/regions/reg05/Pages/exit.cfm?vexit=http://maycyber-download.blogspot.com/ <br />http://www.planning.dot.gov/PageRedirect.asp?RedirectedURL=http://maycyber-download.blogspot.com/ <br />http://www.samhsa.gov/samhsaNewsletter/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.nixonlibrary.gov/exit.php?link=http://maycyber-download.blogspot.com/<br />http://vischeck.com/vischeck/vischeckURL.php?origUrl=http://maycyber-download.blogspot.com/<br />http://www.trade.gov/build/fragments/fl_tg_outsidelinks/redirect.asp?URL=http://maycyber-download.blogspot.com/<br />http://www.arlingtonwa.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.roundrocktexas.gov/home/redirect.asp?url=http://maycyber-download.blogspot.com/ <br />http://www.pcb.its.dot.gov/pageredirect.asp?redirectedurl=http://maycyber-download.blogspot.com/<br />http://senweb03.senate.ca.gov/focus/outreach/sd40/sd40-redirect.asp?URL=http://maycyber-download.blogspot.com/<br />http://vos.noaa.gov/vosexit.php?url=http://maycyber-download.blogspot.com/<br />http://www.daviscountyutah.gov/offsite_link.cfm?location=http://maycyber-download.blogspot.com/<br />http://www.red-ring.com/rssnewsitem.php?urltodisplay=http://maycyber-download.blogspot.com/<br />http://www.usafa.edu/externalLinkDisclaimer.cfm?el=http://maycyber-download.blogspot.com/<br />http://www.afm-invest.com/index.cfm?Display=resources.cfm&Exit=http://maycyber-download.blogspot.com/<br />http://blogs.archives.gov/aotus/exit-page.php?link=http://maycyber-download.blogspot.com/<br />http://gop.science.house.gov/Exit.aspx?Exitlink=http://maycyber-download.blogspot.com/<br />http://nhl.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/<br />https://zerog.jsc.nasa.gov/leavingnasa.cgi?newsite=http://maycyber-download.blogspot.com/<br />https://www.protectyourmove.gov/redirect.aspx?page=http://maycyber-download.blogspot.com/<br />http://www.tc.faa.gov/content/leaving.asp?extlink=http://maycyber-download.blogspot.com/<br />https://medicalreservecorps.gov/redirect.asp?dest=http://maycyber-download.blogspot.com/<br />http://www.broadbandmap.gov/external-redirect/http://maycyber-download.blogspot.com/<br />http://www.transtats.bts.gov/exit.asp?url=http://maycyber-download.blogspot.com/<br />http://nws.noaa.gov/cgi-bin/nwsexit.pl?url=http://maycyber-download.blogspot.com/<br />http://transition.fcc.gov/fcc-bin/bye?http://maycyber-download.blogspot.com/<br />http://web.plattsburgh.edu/php-bin/external.php?url=http://maycyber-download.blogspot.com/<br />http://www.acecontrol.biz/link.php?u=http://maycyber-download.blogspot.com/<br />http://www.biometrics.gov/LeavingSite.aspx?url=http://maycyber-download.blogspot.com/<br />http://pandora.nla.gov.au/external.html?link=http://maycyber-download.blogspot.com/<br />http://www.cedarparktexas.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.monroecounty.gov/leavingmc.php?http://maycyber-download.blogspot.com/<br />http://www.hud.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/<br />http://www.nhc.noaa.gov/nhcexit.shtml?http://maycyber-download.blogspot.com/<br />http://www.fws.gov/pacific/script/exit.cfm?link=http://maycyber-download.blogspot.com/<br />http://www.nhlbi.nih.gov/redir/disclaimer.htm?http://maycyber-download.blogspot.com/<br />http://www.elpasotexas.gov/redirect.asp?link=http://maycyber-download.blogspot.com/ <br />http://www.gov.im/tourism/disclaimer.gov?url=http://maycyber-download.blogspot.com/<br />http://www.crh.noaa.gov/nwsexit.php?url=http://maycyber-download.blogspot.com/<br />http://imagine.gsfc.nasa.gov/cgi-bin/leaving.pl?http://maycyber-download.blogspot.com/<br />http://www.olelo.hawaii.edu/redirect.php?url=http://maycyber-download.blogspot.com/ <br />http://sns.byr.edu.cn/link.php?url=http://maycyber-download.blogspot.com/<br />http://georgewbushlibrary.smu.edu/exit.aspx?url=http://maycyber-download.blogspot.com/<br />http://engineering.rice.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.swccd.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.columbiabasin.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.prh.noaa.gov/cphc/jump.php?site=http://maycyber-download.blogspot.com/ <br />http://www.doleta.gov/regions/reg05/Pages/exit.cfm?vexit=http://maycyber-download.blogspot.com/ <br />http://www.planning.dot.gov/PageRedirect.asp?RedirectedURL=http://maycyber-download.blogspot.com/ <br />http://www.samhsa.gov/samhsaNewsletter/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.nixonlibrary.gov/exit.php?link=http://maycyber-download.blogspot.com/ <br />http://vischeck.com/vischeck/vischeckURL.php?origUrl=http://maycyber-download.blogspot.com/ <br />http://www.trade.gov/build/fragments/fl_tg_outsidelinks/redirect.asp?URL=http://maycyber-download.blogspot.com/ <br />http://www.arlingtonwa.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.roundrocktexas.gov/home/redirect.asp?url=http://maycyber-download.blogspot.com/ <br />http://www.pcb.its.dot.gov/pageredirect.asp?redirectedurl=http://maycyber-download.blogspot.com/ <br />http://senweb03.senate.ca.gov/focus/outreach/sd40/sd40-redirect.asp?URL=http://maycyber-download.blogspot.com/ <br />http://vos.noaa.gov/vosexit.php?url=http://maycyber-download.blogspot.com/ <br />http://www.daviscountyutah.gov/offsite_link.cfm?location=http://maycyber-download.blogspot.com/ <br />http://www.red-ring.com/rssnewsitem.php?urltodisplay=http://maycyber-download.blogspot.com/ <br />http://www.usafa.edu/externalLinkDisclaimer.cfm?el=http://maycyber-download.blogspot.com/ <br />http://www.afm-invest.com/index.cfm?Display=resources.cfm&Exit=http://maycyber-download.blogspot.com/ <br />http://blogs.archives.gov/aotus/exit-page.php?link=http://maycyber-download.blogspot.com/ <br />http://gop.science.house.gov/Exit.aspx?Exitlink=http://maycyber-download.blogspot.com/ <br />http://nhl.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/ <br />https://zerog.jsc.nasa.gov/leavingnasa.cgi?newsite=http://maycyber-download.blogspot.com/ <br />https://www.protectyourmove.gov/redirect.aspx?page=http://maycyber-download.blogspot.com/ <br />http://www.tc.faa.gov/content/leaving.asp?extlink=http://maycyber-download.blogspot.com/ <br />https://medicalreservecorps.gov/redirect.asp?dest=http://maycyber-download.blogspot.com/ <br />http://www.broadbandmap.gov/external-redirect/http://maycyber-download.blogspot.com/ <br />http://www.transtats.bts.gov/exit.asp?url=http://maycyber-download.blogspot.com/ <br />http://nws.noaa.gov/cgi-bin/nwsexit.pl?url=http://maycyber-download.blogspot.com/ <br />http://transition.fcc.gov/fcc-bin/bye?http://maycyber-download.blogspot.com/ <br />http://web.plattsburgh.edu/php-bin/external.php?url=http://maycyber-download.blogspot.com/ <br />http://www.acecontrol.biz/link.php?u=http://maycyber-download.blogspot.com/ <br />http://www.biometrics.gov/LeavingSite.aspx?url=http://maycyber-download.blogspot.com/ <br />http://pandora.nla.gov.au/external.html?link=http://maycyber-download.blogspot.com/ <br />http://www.cedarparktexas.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.monroecounty.gov/leavingmc.php?http://maycyber-download.blogspot.com/ <br />http://www.hud.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/ <br />http://www.nhc.noaa.gov/nhcexit.shtml?http://maycyber-download.blogspot.com/ <br />http://www.fws.gov/pacific/script/exit.cfm?link=http://maycyber-download.blogspot.com/ <br />http://www.nhlbi.nih.gov/redir/disclaimer.htm?http://maycyber-download.blogspot.com/ <br />http://www.elpasotexas.gov/redirect.asp?link=http://maycyber-download.blogspot.com/ <br />http://www.gov.im/tourism/disclaimer.gov?url=http://maycyber-download.blogspot.com/ <br />http://www.crh.noaa.gov/nwsexit.php?url=http://maycyber-download.blogspot.com/ <br />http://imagine.gsfc.nasa.gov/cgi-bin/leaving.pl?http://maycyber-download.blogspot.com/ <br />http://www.olelo.hawaii.edu/redirect.php?url=http://maycyber-download.blogspot.com/ <br />http://sns.byr.edu.cn/link.php?url=http://maycyber-download.blogspot.com/ <br />http://georgewbushlibrary.smu.edu/exit.aspx?url=http://maycyber-download.blogspot.com/ <br />http://engineering.rice.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.swccd.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.columbiabasin.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.prh.noaa.gov/cphc/jump.php?site=http://maycyber-download.blogspot.com/ <br />http://www.doleta.gov/regions/reg05/Pages/exit.cfm?vexit=http://maycyber-download.blogspot.com/<br />http://www.planning.dot.gov/PageRedirect.asp?RedirectedURL=http://maycyber-download.blogspot.com/ <br />http://www.samhsa.gov/samhsaNewsletter/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.nixonlibrary.gov/exit.php?link=http://maycyber-download.blogspot.com/<br />http://vischeck.com/vischeck/vischeckURL.php?origUrl=http://maycyber-download.blogspot.com/<br />http://www.trade.gov/build/fragments/fl_tg_outsidelinks/redirect.asp?URL=http://maycyber-download.blogspot.com/<br />http://www.arlingtonwa.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.roundrocktexas.gov/home/redirect.asp?url=http://maycyber-download.blogspot.com/<br />http://www.pcb.its.dot.gov/pageredirect.asp?redirectedurl=http://maycyber-download.blogspot.com/<br />http://senweb03.senate.ca.gov/focus/outreach/sd40/sd40-redirect.asp?URL=http://maycyber-download.blogspot.com/<br />http://vos.noaa.gov/vosexit.php?url=http://maycyber-download.blogspot.com/<br />http://www.daviscountyutah.gov/offsite_link.cfm?location=http://maycyber-download.blogspot.com/<br />http://www.red-ring.com/rssnewsitem.php?urltodisplay=http://maycyber-download.blogspot.com/<br />http://www.usafa.edu/externalLinkDisclaimer.cfm?el=http://maycyber-download.blogspot.com/<br />http://www.afm-invest.com/index.cfm?Display=resources.cfm&Exit=http://maycyber-download.blogspot.com/<br />http://blogs.archives.gov/aotus/exit-page.php?link=http://maycyber-download.blogspot.com/<br />http://gop.science.house.gov/Exit.aspx?Exitlink=http://maycyber-download.blogspot.com/<br />http://nhl.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/<br />https://zerog.jsc.nasa.gov/leavingnasa.cgi?newsite=http://maycyber-download.blogspot.com/<br />https://www.protectyourmove.gov/redirect.aspx?page=http://maycyber-download.blogspot.com/<br />http://www.tc.faa.gov/content/leaving.asp?extlink=http://maycyber-download.blogspot.com/<br />https://medicalreservecorps.gov/redirect.asp?dest=http://maycyber-download.blogspot.com/<br />http://www.broadbandmap.gov/external-redirect/http://maycyber-download.blogspot.com/<br />http://www.transtats.bts.gov/exit.asp?url=http://maycyber-download.blogspot.com/<br />http://nws.noaa.gov/cgi-bin/nwsexit.pl?url=http://maycyber-download.blogspot.com/<br />http://transition.fcc.gov/fcc-bin/bye?http://maycyber-download.blogspot.com/<br />http://web.plattsburgh.edu/php-bin/external.php?url=http://maycyber-download.blogspot.com/<br />http://www.acecontrol.biz/link.php?u=http://maycyber-download.blogspot.com/<br />http://www.biometrics.gov/LeavingSite.aspx?url=http://maycyber-download.blogspot.com/<br />http://pandora.nla.gov.au/external.html?link=http://maycyber-download.blogspot.com/<br />http://www.cedarparktexas.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.monroecounty.gov/leavingmc.php?http://maycyber-download.blogspot.com/<br />http://www.hud.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/<br />http://www.nhc.noaa.gov/nhcexit.shtml?http://maycyber-download.blogspot.com/<br />http://www.fws.gov/pacific/script/exit.cfm?link=http://maycyber-download.blogspot.com/<br />http://www.nhlbi.nih.gov/redir/disclaimer.htm?http://maycyber-download.blogspot.com/<br />http://www.elpasotexas.gov/redirect.asp?link=http://maycyber-download.blogspot.com/<br />http://www.gov.im/tourism/disclaimer.gov?url=http://maycyber-download.blogspot.com/<br />http://www.crh.noaa.gov/nwsexit.php?url=http://maycyber-download.blogspot.com/<br />http://imagine.gsfc.nasa.gov/cgi-bin/leaving.pl?http://maycyber-download.blogspot.com/<br />http://www.olelo.hawaii.edu/redirect.php?url=http://maycyber-download.blogspot.com/<br />http://sns.byr.edu.cn/link.php?url=http://maycyber-download.blogspot.com/<br />http://georgewbushlibrary.smu.edu/exit.aspx?url=http://maycyber-download.blogspot.com/<br />http://engineering.rice.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.swccd.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.columbiabasin.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.prh.noaa.gov/cphc/jump.php?site=http://maycyber-download.blogspot.com/ <br />http://www.doleta.gov/regions/reg05/Pages/exit.cfm?vexit=http://maycyber-download.blogspot.com/ <br />http://www.planning.dot.gov/PageRedirect.asp?RedirectedURL=http://maycyber-download.blogspot.com/ <br />http://www.samhsa.gov/samhsaNewsletter/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.nixonlibrary.gov/exit.php?link=http://maycyber-download.blogspot.com/ <br />http://vischeck.com/vischeck/vischeckURL.php?origUrl=http://maycyber-download.blogspot.com/ <br />http://www.trade.gov/build/fragments/fl_tg_outsidelinks/redirect.asp?URL=http://maycyber-download.blogspot.com/ <br />http://www.arlingtonwa.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.roundrocktexas.gov/home/redirect.asp?url=http://maycyber-download.blogspot.com/ <br />http://www.pcb.its.dot.gov/pageredirect.asp?redirectedurl=http://maycyber-download.blogspot.com/ <br />http://senweb03.senate.ca.gov/focus/outreach/sd40/sd40-redirect.asp?URL=http://maycyber-download.blogspot.com/ <br />http://vos.noaa.gov/vosexit.php?url=http://maycyber-download.blogspot.com/ <br />http://www.daviscountyutah.gov/offsite_link.cfm?location=http://maycyber-download.blogspot.com/ <br />http://www.red-ring.com/rssnewsitem.php?urltodisplay=http://maycyber-download.blogspot.com/ <br />http://www.usafa.edu/externalLinkDisclaimer.cfm?el=http://maycyber-download.blogspot.com/ <br />http://www.afm-invest.com/index.cfm?Display=resources.cfm&Exit=http://maycyber-download.blogspot.com/ <br />http://blogs.archives.gov/aotus/exit-page.php?link=http://maycyber-download.blogspot.com/ <br />http://gop.science.house.gov/Exit.aspx?Exitlink=http://maycyber-download.blogspot.com/ <br />http://nhl.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/ <br />https://zerog.jsc.nasa.gov/leavingnasa.cgi?newsite=http://maycyber-download.blogspot.com/ <br />https://www.protectyourmove.gov/redirect.aspx?page=http://maycyber-download.blogspot.com/ <br />http://www.tc.faa.gov/content/leaving.asp?extlink=http://maycyber-download.blogspot.com/ <br />https://medicalreservecorps.gov/redirect.asp?dest=http://maycyber-download.blogspot.com/ <br />http://www.broadbandmap.gov/external-redirect/http://maycyber-download.blogspot.com/ <br />http://www.transtats.bts.gov/exit.asp?url=http://maycyber-download.blogspot.com/ <br />http://nws.noaa.gov/cgi-bin/nwsexit.pl?url=http://maycyber-download.blogspot.com/ <br />http://transition.fcc.gov/fcc-bin/bye?http://maycyber-download.blogspot.com/ <br />http://web.plattsburgh.edu/php-bin/external.php?url=http://maycyber-download.blogspot.com/ <br />http://www.acecontrol.biz/link.php?u=http://maycyber-download.blogspot.com/ <br />http://www.biometrics.gov/LeavingSite.aspx?url=http://maycyber-download.blogspot.com/ <br />http://pandora.nla.gov.au/external.html?link=http://maycyber-download.blogspot.com/ <br />http://www.cedarparktexas.gov/redirect.aspx?url=http://maycyber-download.blogspot.com/<br />http://www.monroecounty.gov/leavingmc.php?http://maycyber-download.blogspot.com/ <br />http://www.hud.gov/utilities/intercept.cfm?http://maycyber-download.blogspot.com/ <br />http://www.nhc.noaa.gov/nhcexit.shtml?http://maycyber-download.blogspot.com/ <br />http://www.fws.gov/pacific/script/exit.cfm?link=http://maycyber-download.blogspot.com/ <br />http://www.nhlbi.nih.gov/redir/disclaimer.htm?http://maycyber-download.blogspot.com/ <br />http://www.elpasotexas.gov/redirect.asp?link=http://maycyber-download.blogspot.com/ <br />http://www.gov.im/tourism/disclaimer.gov?url=http://maycyber-download.blogspot.com/ <br />http://www.crh.noaa.gov/nwsexit.php?url=http://maycyber-download.blogspot.com/ <br />http://imagine.gsfc.nasa.gov/cgi-bin/leaving.pl?http://maycyber-download.blogspot.com/ <br />http://www.olelo.hawaii.edu/redirect.php?url=http://maycyber-download.blogspot.com/ <br />http://sns.byr.edu.cn/link.php?url=http://maycyber-download.blogspot.com/ <br />http://georgewbushlibrary.smu.edu/exit.aspx?url=http://maycyber-download.blogspot.com/ <br />http://engineering.rice.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.swccd.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/ <br />http://www.columbiabasin.edu/redirect.aspx?url=http://maycyber-download.blogspot.com/</code></pre><div style="text-align: center;"><span style="font-size: large;"><b>Cara Menanam Backlink Berkualitas</b></span></div><br />1.<b> Cara Menanam Backlink secara</b> [<b><span style="color: red;">Manual</span></b>]<br /><b>   </b>Anda hanya perlu Copy&Paste link diatas, dan jangan lupa ganti alamat blog saya ganti dengan alamat blog anda. Lalu anda buka pada <span style="color: red;"><b>Tab Browser</b></span><br /><br />Jika menurut anda cara menual terlalu sulit, dan membutuhkan waktu yang sangat lama, Anda bisa menggunakan Software penanam Backlink tipe Redirect yaitu bernama "<b>Free Website Submitter</b>"<br /><br /></div></div></div></div></div></div></div><b>Bahan - Bahan :</b><br /><ul style="text-align: left;"><li><b>Download </b><b>Free Website Submitter</b></li></ul><b>Download [<a href="https://drive.google.com/uc?export=download&id=0B9j9XpZNfxofb0tyTlRyQTVtczA">Direct Link</a>]</b><br /><b>Download [<a href="http://www.freewarefiles.com/Free-Website-Submitter_program_94447.html">Website Resmi</a>] </b><br /><b><br /></b><b>Catatan : </b><br /><b><br /></b>Cara ini bukan Ilegal! Software ini akan membuka alamat url sebanyak itu secara otomatis yang sudah diperintahkan. Jadi intinya sama dengan cara menual yaitu dengan cara Copy&Paste Backlink diatas dan menaruhnya di Tab Browser dan cara inipun sama yang dilakukan oleh <b>Software Free Website Submitter</b><br /><br /><b>2. Cara Menanam Backlink secara Otomatis</b><br /><br /><div style="text-align: center;"><span style="font-size: large;"><b>Cara Menggunakan </b><b>Free Website Submitter</b></span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>Cara Pertama : </b></div><div style="text-align: left;"><br /></div><div style="text-align: left;">1. Download dahulu bahannya link diatas.</div><div style="text-align: left;">2. Instal seperti biasa, setelah itu buka directory tersebut</div><div style="text-align: left;">Misalnya : <b>C:\Program Files\Nsasoft\FreeWebSiteSubmitter </b></div><div style="text-align: left;">3. Buka <b>Sitelist.txt</b> yang sudah disediakan disana<br />4. Copy&Paste Backlink yang saya sudah sediakan diatas. Lalu <span style="color: red;">ganti </span>Backlink yang sudah disediakan oleh Software<b> FreeWebSiteSubmitter </b></div><div style="text-align: left;"><br /><span style="font-size: large;"><b><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcuivz7l128RvfrKdWQ-RC3ogvBuxqagDDX6QDyXZCPi6VyySP9LQQ3HSFb-J5ygGWPQpg2nCtJMUOX4gIpaUNg0I761JOpVtQ1iwcdPDc9qdfvEYgzVRGJJrBS3gQnI60vQffLHY_yyo/s1600/sitelink_1.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcuivz7l128RvfrKdWQ-RC3ogvBuxqagDDX6QDyXZCPi6VyySP9LQQ3HSFb-J5ygGWPQpg2nCtJMUOX4gIpaUNg0I761JOpVtQ1iwcdPDc9qdfvEYgzVRGJJrBS3gQnI60vQffLHY_yyo/s640/sitelink_1.jpg" width="640" /></a></span></b></span></div><br />5. Copy&Paste backlink yang sudah saya sediakan diatas, dan pastekan di <b>Notepad</b>. kemudian <b>Replace</b> ganti alamat blog saya dengan alamat blog anda.<b></b><br /><br /><b><span style="font-size: large;"><b><span style="font-size: small;"><span style="font-size: large;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzfvLIOAaVdkC9eJ18BekEqqqFt_nim34yj_5MUvo3b7Rtqe0IWIVhTPmyCjHNyMjVG6q6bGMZ04mAuqlHJCbRh3Dm0VVNMiKWSfaczuPUXvpD3M0-Zuq3ksepf1klyibY_bTxIjZvE20/s1600/Backlink_Submited_2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzfvLIOAaVdkC9eJ18BekEqqqFt_nim34yj_5MUvo3b7Rtqe0IWIVhTPmyCjHNyMjVG6q6bGMZ04mAuqlHJCbRh3Dm0VVNMiKWSfaczuPUXvpD3M0-Zuq3ksepf1klyibY_bTxIjZvE20/s640/Backlink_Submited_2.jpg" width="640" /></a></span></span></span></b></span></b><br />6. Jika sudah? <b>Buka Software</b> nya, dan jalankan Software nya. Masukan<b> alamat blog </b>anda lalu submit . <br /><i><b>Contohnya seperti gambar dibawah ini :</b></i><br /><br /><span style="font-size: large;"><b><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfe-9vY5qdPl-5ooCz-4NyRDpj4D1ANajT6V2EFXsO4RgYTG5VLAVGtBQYKrtfq0VqNK2d3lScEOCSDVw4Fph-_H1uw8iM9oG96vVLvMrX_Mf0EFCTPypPE4aFzhGjH6OtNt7iLYJc6w/s1600/Backlink_Submited_3.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="564" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSfe-9vY5qdPl-5ooCz-4NyRDpj4D1ANajT6V2EFXsO4RgYTG5VLAVGtBQYKrtfq0VqNK2d3lScEOCSDVw4Fph-_H1uw8iM9oG96vVLvMrX_Mf0EFCTPypPE4aFzhGjH6OtNt7iLYJc6w/s640/Backlink_Submited_3.jpg" width="640" /></a></span></b></span><br />Note : Dikarenakan seminggu lalu saya sudah submit, jadi pada screenshoot nomor 3 saya tidak menekan tombol submit. Saya hanya menampilkan garis yang dikotaki, begitulah caranya. Saya takut jika saya submit 2x nanti blog saya dianggap spam oleh Google.<br /><br />Proses perayapan tautan link untuk jenis backlink redirect otomatis sedang berjalan. Jika panah<span style="color: red;"><b> berwarna hijau </b></span>berarti link tersebut aktif. Namun jika panah <span style="color: red;"><b>berwarna merah dan tanda silang (X) </b></span>berarti halaman tersebut tidak ditemukan <b>[404]</b><br /><br />Demikian Tutorial Blogger kali ini, Semoga Blog Anda Traficnya meningkat. Cara ini sebelum saya postingkan saya riset terlebih dahulu dan sayapun menikmati hasilnya pada blog saya. 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><span style="font-size: large;"><span style="font-size: small;"> </span></span><b>Daftar Backlink dan Cara Menanam Backlink Permanen pada Blogger</b> </b> </div>

Diposting oleh Mr Xiulung