Cara Memasang Widget Google Translate diatas Postingan Blog.

<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 dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Google Translate merupakan widget untuk blogger yang menyediakan menerjemahkan konten blog kedalam berbagai bahasa. Anda pasti sudah tau dong fungsinya buat apa? Widget ini berfungsi untuk memudahkan pengunjung agar mengerti artikel kita/bahasa kita.<br /><br />Misalnya ada pengunjung asing yang mengunjung blog kita dan mereka tidak mengerti bahasa kita, otomasi mereka secara manual menerjemahkan bahasa kita ke <a href="https://translate.google.com/" rel="nofollow" target="_blank">Google Translate</a>. Dengan cara yang saya bagi berikut ini, anda tidak perlu pergi ke situs resmi Google Translate, karena tutorial ini secara otomatis menerjemahankan artikel kita di dalam blog langsung. Jadi keuntungan memasang widget ini selain memudahkan pengunjung agar mengerti artikel/bahasa kita, widget ini menerjemahkan tanpa pergi kesitus Google Translate, karena artikel sudah diterjemahkan di dalam blog langsung.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVmmy95O1SOxLUBXoe-sclQ4v-cjzvPIo5bgJTcuCffLz_jD0evbjfLGSFuXFJwBt20UE-LHt9tlDJ4-mzPpfx64tkB_15TUP400IvGjj7vN926ZJvZ0NvXylGA5Teur8QUUnvHZ-fGg8A/s1600/Love+Karawang.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVmmy95O1SOxLUBXoe-sclQ4v-cjzvPIo5bgJTcuCffLz_jD0evbjfLGSFuXFJwBt20UE-LHt9tlDJ4-mzPpfx64tkB_15TUP400IvGjj7vN926ZJvZ0NvXylGA5Teur8QUUnvHZ-fGg8A/s640/Love+Karawang.gif" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>Widget Translate ini akan tampil di setiap postingan anda, sebenarnya widget ini sudah disediakan oleh Blogger dengan cara <span style="color: blue;">Dashboard - Tata letak - Add a Gadget - Google Translate</span>. Namun, cara itu peletakan nya kurang efektif karena biasanya para Blogger meletakan nya di <span style="color: blue;">sidebar, footer</span><span style="color: blue;"> </span>berbeda dengan postingan kali ini, Tekhnik pelatakan Translator nya diatas postingan dengan bantuan kode Tag Condisional. Jika anda ingin membuatnya, silakan ikuti langkah-langkah berikut ini.<br /><div style="text-align: center;"><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. Buka <a href="http://blogger.com/" rel="nofollow" target="_blank">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;"><br /></div><div style="text-align: left;">1. Temukan kode <span style="color: red;"><b><data:post.body/></b></span> atau <<span style="color: red;"><b>div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> </b></span>Biasanya kedua kode diatas lebih dari satu, silakan anda pilih yang kedua/ketiga.</div><div style="text-align: left;">2. Copy&paste kode berikut ini, dan letakkan dibawah kode yang disebutkan diatas.<br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div style='text-align: left;'><div id='google_translate_element'/><script><br />function googleTranslateElementInit() {<br />new google.translate.TranslateElement({<br />pageLanguage: &#39;id&#39;<br />}, &#39;google_translate_element&#39;);<br />}<br /></script><script src='http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></div><br /></b:if></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /></div></div></div>3. Simpan Template.<br /><div style="text-align: center;"><br /></div></div><div style="text-align: center;"><b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvq3VGNeCJdaWWMdl1DPxJ8gpGQZtxVl7vctBy5RYquD1hac5XKp2ZHyOYNfFLhJfDivo6PtnXK8uLn5Bu4AVHhym3vXUw-JOYoADCM07Jq3DQ_mgIJKPR-L6phTKFtjpwEOoHbizNh0M/s1600/read-translate-image.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvq3VGNeCJdaWWMdl1DPxJ8gpGQZtxVl7vctBy5RYquD1hac5XKp2ZHyOYNfFLhJfDivo6PtnXK8uLn5Bu4AVHhym3vXUw-JOYoADCM07Jq3DQ_mgIJKPR-L6phTKFtjpwEOoHbizNh0M/s1600/read-translate-image.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvq3VGNeCJdaWWMdl1DPxJ8gpGQZtxVl7vctBy5RYquD1hac5XKp2ZHyOYNfFLhJfDivo6PtnXK8uLn5Bu4AVHhym3vXUw-JOYoADCM07Jq3DQ_mgIJKPR-L6phTKFtjpwEOoHbizNh0M/s1600/read-translate-image.jpg" style="display: inline;" /></a> </b></div><div style="text-align: left;"><b>Cara Pemasangan :</b><br /><b> </b> </div><div style="text-align: left;">1. Buka <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger </a>- Kemudian login</div><div style="text-align: left;">2. Dashboard - Tata Letak</div><div style="text-align: left;">3. Edit - Add a Gadget</div><div style="text-align: left;">4. Pilih HTML/Java Script</div><div style="text-align: left;">5. Copy&paste kode berikut ini, dan paste di kolom HTML/Java Script<br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><style type="text/css"><br />#translate-wrapper {<br /> display:block;<br /> width:90%;<br /> max-width:300px;<br /> border:none;<br /> background-color:#fff;<br /> color:#444;<br /> overflow:hidden;<br /> position:relative;<br /> height:40px;<br /> line-height:40px;<br /> border:1px solid #e0e0e0;<br />}<br />#translate-wrapper select {<br /> border:none;<br /> background:transparent;<br /> font-family:'Verdana',Arial,Sans-Serif;<br /> font-size:12px;<br /> width:100%;<br /> color:#444;<br /> -webkit-box-sizing:border-box;<br /> -moz-box-sizing:border-box;<br /> box-sizing:border-box;<br /> -webkit-appearance:none;<br /> cursor:text;<br /> padding:5px 10px;<br />}<br />#translate-wrapper a,<br />#translate-wrapper a:hover {<br /> display:block;<br /> background-color:#4791d2;<br /> border:none;<br /> color:#fff;<br /> margin:0 0;<br /> text-decoration:none;<br /> position:absolute;<br /> top:0;<br /> right:0;<br /> bottom:0;<br /> cursor:pointer;<br /> width:14%;<br /> transition:all 0.3s ease;<br />}<br />#translate-wrapper a:before {<br /> content:"";<br /> display:block;<br /> width:0;<br /> height:0;<br /> border:6px solid transparent;<br /> border-left-color:white;<br /> position:absolute;<br /> top:50%;<br /> left:45%;<br /> margin-top:-5px;<br />}<br />#translate-wrapper a:hover {opacity:0.9;}<br />#translate-wrapper a:active {opacity:0.9;}<br />#translate-wrapper select:focus,<br />#translate-wrapper a:focus,<br />#translate-wrapper select:active,<br />#translate-wrapper a:active {<br /> border:none;<br /> outline:none;<br /> cursor:pointer;<br />}<br />option {<br /> background:#444;<br /> color:#e0e0e0;<br />}<br /></style><br /><div id="translate-wrapper"><br /> <select id="translate-language"><br /> <option value="en" selected="selected">English</option><br /> <option value="id">Indonesian</option><br /> <option value="af">Afrikaans</option><br /> <option value="sq">Albanian</option><br /> <option value="ar">Arabic</option><br /> <option value="hy">Armenian</option><br /> <option value="az">Azerbaijani</option><br /> <option value="eu">Basque</option><br /> <option value="be">Belarusian</option><br /> <option value="bn">Bengali</option><br /> <option value="bg">Bulgarian</option><br /> <option value="ca">Catalan</option><br /> <option value="zh-CN">Chinese</option><br /> <option value="hr">Croatian</option><br /> <option value="cs">Czech</option><br /> <option value="da">Danish</option><br /> <option value="nl">Dutch</option><br /> <option value="en">English</option><br /> <option value="eo">Esperanto</option><br /> <option value="et">Estonian</option><br /> <option value="tl">Filipino</option><br /> <option value="fi">Finnish</option><br /> <option value="fr">French</option><br /> <option value="gl">Galician</option><br /> <option value="ka">Georgian</option><br /> <option value="de">German</option><br /> <option value="el">Greek</option><br /> <option value="gu">Gujarati</option><br /> <option value="ht">Haitian Creole</option><br /> <option value="iw">Hebrew</option><br /> <option value="hi">Hindi</option><br /> <option value="hu">Hungarian</option><br /> <option value="is">Icelandic</option><br /> <option value="id">Indonesian</option><br /> <option value="ga">Irish</option><br /> <option value="it">Italian</option><br /> <option value="ja">Japanese</option><br /> <option value="kn">Kannada</option><br /> <option value="ko">Korean</option><br /> <option value="la">Latin</option><br /> <option value="lv">Latvian</option><br /> <option value="lt">Lithuanian</option><br /> <option value="mk">Macedonian</option><br /> <option value="ms">Malay</option><br /> <option value="mt">Maltese</option><br /> <option value="no">Norwegian</option><br /> <option value="fa">Persian</option><br /> <option value="pl">Polish</option><br /> <option value="pt">Portuguese</option><br /> <option value="ro">Romanian</option><br /> <option value="ru">Russian</option><br /> <option value="sr">Serbian</option><br /> <option value="sk">Slovak</option><br /> <option value="sl">Slovenian</option><br /> <option value="es">Spanish</option><br /> <option value="sw">Swahili</option><br /> <option value="sv">Swedish</option><br /> <option value="ta">Tamil</option><br /> <option value="te">Telugu</option><br /> <option value="th">Thai</option><br /> <option value="tr">Turkish</option><br /> <option value="uk">Ukrainian</option><br /> <option value="ur">Urdu</option><br /> <option value="vi">Vietnamese</option><br /> <option value="cy">Welsh</option><br /> <option value="yi">Yiddish</option><br /> </select><a id="translate-me" href="#" title="Translate"></a><br /></div><br /><script type="text/javascript"><br />(function() {<br /> var mylang = "id", // Your website language<br /> anchor = document.getElementById('translate-me');<br /> anchor.onclick = function() {<br /> window.open('http://translate.google.com/translate?u=' + encodeURIComponent(location.href) + '&langpair=' + mylang + '%7C' + document.getElementById('translate-language').value + '&hl=en');<br /> return false;<br /> };<br />})();<br /></script></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /></div></div></div>6. Simpan Template.<br /><br />Demikianlah Tutorial Blogger kali ini, bila terjadi kesalahan jangan sungkan untuk berkomentar dibawah ini.</div>

Cara Memasang Widget Google Translate diatas Postingan Blog.

Google Translate merupakan widget untuk blogger yang menyediakan menerjemahkan konten blog kedalam berbagai bahasa. Anda pasti sudah tau don...

Baca selengkapnya »

Cara Memasang Recent Comment Di Blog.

<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">Recent comment adalah widget yang menampilkan beberapa komentar pengunjung kita dalam satu Tab. Cara pemasangan nya bisa dibilang cukup mudah, karena anda tidak perlu merombak template anda. Anda hanya perlu copy kodenya lalu letakan di Tata letak/Layout, jadi jangan khawatir tidak bisa, cara ini sudah saya testing berhasil. Widget ini menurut saya berfungsi untuk menarik pengunjung juga ikut serta membaca artikel yang di komentari. Widget ini sangat ringan jadi anda tidak perlu khawatir blog anda menjadi lemot dll, ketika dibuka.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBt7JZoKiRge5BhoTKHMG28QgYAEtEm-jrCPRJs-33YxCtksX1OMSgR-pNvxG7Ag2N0YNJLXVnS1hWYcnnAXoAuZnBN7ju_St0RG-aHTJSOhRdvKXbsL3hcC-dM7vYkKMuTQ6v_T2lfKAj/s1600/Love+Karawang.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="367" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBt7JZoKiRge5BhoTKHMG28QgYAEtEm-jrCPRJs-33YxCtksX1OMSgR-pNvxG7Ag2N0YNJLXVnS1hWYcnnAXoAuZnBN7ju_St0RG-aHTJSOhRdvKXbsL3hcC-dM7vYkKMuTQ6v_T2lfKAj/s400/Love+Karawang.gif" width="400" /></a></div><div style="text-align: left;"><b>Cara Pertama :</b><br /><br />1. Buka Blogger - Kemudian login.</div><div style="text-align: left;">2. Dashboard - Tata Letak/Layout.</div><div style="text-align: left;">3. Add a Gadget - Pilih HTML/JavaScript.</div><div style="text-align: left;"><br /></div><div style="text-align: left;"><b>Proses Pembuatan :</b><br /><br />1. Copy&paste kode berikut ini, dan letakkan di kolom HTML/Java Script.<br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><style type="text/css"><br />ul.tb_recent_comments{list-style:none;margin:0;padding:0;}<br />.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}<br />.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}<br />.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}<br />.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}<br /></style><br /><script type="text/javascript"><br />//<![CDATA[<br /> // Recent Comments Settings<br /> var<br />numComments = 10,<br />showAvatar = true,<br />avatarSize = 50,<br />characters = 60,<br />defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",<br />hideCredits = true;<br />//]]><br /></script><br /><script type="text/javascript" src="https://cdn.rawgit.com/hilmay619/md-blogger/master/recent-comment.js"></script><br /><script type="text/javascript" src="</b></span></span><span style="color: red; font-family: "times new roman"; white-space: normal;"><a href="http://lovekarawang.blogspot.com/"><b>http://Lovekarawang.blogspot.com/</b></a></span><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div></div></div><pre class="line-numbers language-css" data-codetype="CSS" title="CSS, HTML, JavaScript"></pre></div><br /><b>Wajib Baca :</b><br /><br />Silakan anda ganti URL : <span style="color: red;"><b><a href="http://lovekarawang.blogspot.com/">http://Lovekarawang.blogspot.com/</a></b></span> dengan URL Alamat blog anda.</div><br />2. Simpan Gadget.<br /><br />Demikianlah Tutorial Blogger kali ini,</div>

Cara Memasang Recent Comment Di Blog.

Recent comment adalah widget yang menampilkan beberapa komentar pengunjung kita dalam satu Tab. Cara pemasangan nya bisa dibilang cukup muda...

Baca selengkapnya »

Cara Memasang Widget Subscribe Di Bawah Postingan Blog.

<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 /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhssxJlPBfei8v194EgbP3Kpu4x_gaGIUAhyphenhyphenwN_J8-d6KnK8yWzTzH8PuTWv5zD5zccGzjAUwzeqQmEll8vQDEMR-8D3HLmzUZ2vzCTBZfXJBDRz5a_a4ReYgBVu9u5bVLUU188d9dRJU/s1600/%255BMayCyber%255D+-+Subscribe+dibawah+postingan_1.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="284" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhssxJlPBfei8v194EgbP3Kpu4x_gaGIUAhyphenhyphenwN_J8-d6KnK8yWzTzH8PuTWv5zD5zccGzjAUwzeqQmEll8vQDEMR-8D3HLmzUZ2vzCTBZfXJBDRz5a_a4ReYgBVu9u5bVLUU188d9dRJU/s640/%255BMayCyber%255D+-+Subscribe+dibawah+postingan_1.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhssxJlPBfei8v194EgbP3Kpu4x_gaGIUAhyphenhyphenwN_J8-d6KnK8yWzTzH8PuTWv5zD5zccGzjAUwzeqQmEll8vQDEMR-8D3HLmzUZ2vzCTBZfXJBDRz5a_a4ReYgBVu9u5bVLUU188d9dRJU/s640/%255BMayCyber%255D+-+Subscribe+dibawah+postingan_1.gif" width="640" /></a></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 dan 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><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>#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}</b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="background-color: white; color: blue; font-family: "arial" , sans-serif; font-size: 13px; line-height: 20.7999992370605px;"> </span><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div></div><pre class="line-numbers language-css" data-codetype="CSS" title="CSS"></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 /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.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'/></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><pre class="line-numbers language-javascript" data-codetype="jQuery" title="jQuery"><code class=" language-javascript"><span class="token comment" spellcheck="true"><br /></span></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 /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><span style="color: #fafafa;"><div id="subscribebox"><br /><div class="follow-subscribe-social"><br /><ul><br /><li><a href="</span><span style="color: lime;">#</span><span style="color: #fafafa;">" target="_blank"><i class="fa fa-facebook"></i></a></li><br /><li><a href="</span><span style="color: lime;">#</span><span style="color: #fafafa;">" target="_blank"><i class="fa fa-twitter"></i></a></li><br /><li><a href="</span><span style="color: lime;">#</span><span style="color: #fafafa;">" target="_blank"><i class="fa fa-linkedin"></i></a></li><br /><li><a href="</span><span style="color: lime;">#</span><span style="color: #fafafa;">" target="_blank"><i class="fa fa-google"></i></a></li><br /><li><a href="</span><span style="color: lime;">#</span><span style="color: #fafafa;">" target="_blank"><i class="fa fa-pinterest-p"></i></a></li><br /><li><a href="</span><span style="color: lime;">#</span><span style="color: #fafafa;">" target="_blank"><i class="fa fa-dribbble"></i></a></li><br /><li><a href="</span><span style="color: lime;">#</span><span style="color: #fafafa;">" 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=YOUR-USER-NAME' 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='YOUR-USER-NAME'/><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></span></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><pre class="line-numbers language-markup" data-codetype="HTML" title="HTML"><code class=" language-markup"><br /></code></pre>NB : Silakan anda ganti tulisan yang berwarna <span style="color: lime;">Hijau </span>dengan kepunyaan anda.<br /><div style="text-align: center;"><br /><span style="font-size: large;">Selain dibawah postingan? Subscribe ini juga bisa dipasang di Sidebar, Footer</span></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 /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPRxfwODDxDuqcPr54aoO-s-rkzwTyfdJtcmUtjntsKM8KSfN-6TGxfxDjc24PWwuYZa6rjw-ls5O1v3aiTsHQG2VC5hiXsj31c8A-I49XFwZQEouqwFfyogcnvA_4ck3ZZfv-FmlkkxU/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" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPRxfwODDxDuqcPr54aoO-s-rkzwTyfdJtcmUtjntsKM8KSfN-6TGxfxDjc24PWwuYZa6rjw-ls5O1v3aiTsHQG2VC5hiXsj31c8A-I49XFwZQEouqwFfyogcnvA_4ck3ZZfv-FmlkkxU/s400/%255BMayCyber%255D+-+Subscribe+Tata+Letak_2.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPRxfwODDxDuqcPr54aoO-s-rkzwTyfdJtcmUtjntsKM8KSfN-6TGxfxDjc24PWwuYZa6rjw-ls5O1v3aiTsHQG2VC5hiXsj31c8A-I49XFwZQEouqwFfyogcnvA_4ck3ZZfv-FmlkkxU/s400/%255BMayCyber%255D+-+Subscribe+Tata+Letak_2.gif" style="display: inline;" width="400" /></a></div><div dir="ltr" style="background-color: white; border: 0px; font-family: Arial, sans-serif; font-size: 13px; font-stretch: inherit; line-height: 20.7999992370605px; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><span style="border: 0px; font-family: inherit; font-size: medium; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Code HTML :</b></span></div><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><div id="subscribebox"><br /><div class="follow-subscribe-social"><br /><ul><br /><li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li><br /><li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li><br /><li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li><br /><li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li><br /><li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li><br /><li><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li><br /><li><a href="#" 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=YOUR-USER-NAME' 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='YOUR-USER-NAME'/><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></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div>Terakhir, Silakan Simpan Template. Silakan anda lihat postingan blog anda atau lihat bagian sidebar atau footer anda. Sekian dari saya <b>Semoga Bermanfaat!</b></div>

Cara Memasang Widget Subscribe Di Bawah Postingan Blog.

Salah satu untuk mendapatkan pengunjung setia adalah memasang kotak berlangganan (Subscription Box) di Blogger anda. Kotak berlangganan (Su...

Baca selengkapnya »

Cara Memasang Chat Massenger Box Di blog

<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.<br /><br />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 />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 /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjzYSGDsu5p3uxNfthI3xmCJWLsIXN1xWOIdRGxqc8odGoE3h0tuyW_IK5ZzNWuMdGb1jyAXAaRmJ2Qi3UEU81ylliSaYoQWp-ps7IWXZ59tiTNFPV_W7uTlbCZpe-AVa475ZzY1GCP1c/s1600/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjzYSGDsu5p3uxNfthI3xmCJWLsIXN1xWOIdRGxqc8odGoE3h0tuyW_IK5ZzNWuMdGb1jyAXAaRmJ2Qi3UEU81ylliSaYoQWp-ps7IWXZ59tiTNFPV_W7uTlbCZpe-AVa475ZzY1GCP1c/s400/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_1.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjzYSGDsu5p3uxNfthI3xmCJWLsIXN1xWOIdRGxqc8odGoE3h0tuyW_IK5ZzNWuMdGb1jyAXAaRmJ2Qi3UEU81ylliSaYoQWp-ps7IWXZ59tiTNFPV_W7uTlbCZpe-AVa475ZzY1GCP1c/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/AVvXsEjkYs6X0n7D8B-Rc7X_UuugnOTiKQnbdhEiebDxokaBlNmrWTxrkSH__nut8jICtgOlBWG0JoppP5_fYpBGiucCZp7NheylQCyI84MaIiin6wUszZklamfSjkwvm7BaTpz557S9B8qVzoU/s1600/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_2.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkYs6X0n7D8B-Rc7X_UuugnOTiKQnbdhEiebDxokaBlNmrWTxrkSH__nut8jICtgOlBWG0JoppP5_fYpBGiucCZp7NheylQCyI84MaIiin6wUszZklamfSjkwvm7BaTpz557S9B8qVzoU/s400/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_2.gif" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkYs6X0n7D8B-Rc7X_UuugnOTiKQnbdhEiebDxokaBlNmrWTxrkSH__nut8jICtgOlBWG0JoppP5_fYpBGiucCZp7NheylQCyI84MaIiin6wUszZklamfSjkwvm7BaTpz557S9B8qVzoU/s400/%255BMayCyber%255D+-+Chat+Box+Facebook+Messenger_2.gif" style="display: inline;" width="361" /></a></div><br />3. Add a Gadget - Pilih <b>HTML Java Script.</b><br />4. Copy dan Paste kode berikut ini, dan Letakkan pada gadget HTML Java Script itu.<br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><span style="color: #fafafa;"><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><span style="color: lime;">https://facebook.com/MayCyber-Download-1098896160183608/</span><span style="color: #fafafa;">" 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></span></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /><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 /><br />Terakhir silakan anda lihat blog anda, maka akan muncul widget tersebut. Sekian dari saya Semoga Bermanfaat!</div>

Cara Memasang Chat Massenger Box Di blog

Apakah anda ingin mempermudah pengunjung Anda dalam berkomunikasi dengan Admin? Ya, maka widget ini sangat cocok untuk Anda. Fungsi dari Cha...

Baca selengkapnya »

Cara Membuat Popular Post Lebih Berwarna.

<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. Bagaimana kita modifikasi saja? <br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc8RuRuiq_tkAgxRRfgtFL4ojdRAYwuVrHFWkW0GR8DX4gp71uH6Ewf7LJ2KrxlR4Kw8oUfxBYslqPolaE3ZXwxE2steycnXvIdxZj10fbcGw0WupMOBWRmZ4sc8rV9kH307rZwoL9w2Jv/s1600/Love+Karawang.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="307" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc8RuRuiq_tkAgxRRfgtFL4ojdRAYwuVrHFWkW0GR8DX4gp71uH6Ewf7LJ2KrxlR4Kw8oUfxBYslqPolaE3ZXwxE2steycnXvIdxZj10fbcGw0WupMOBWRmZ4sc8rV9kH307rZwoL9w2Jv/s320/Love+Karawang.gif" width="320" /></a></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2SqV1YNJ8Vc5z_wfQkZi4I9b0tWXcLfYNLSRNs1Ah5IGAgyO5ZntRmmEcjWP7C6taGyMFnccFWb1biJFC2GWCpHmOPJ2w9V3ilVOKb68-nDY2agOmQe86PmRKMJ_xIHrRupTgBz1b8Xo/s1600/popularpot-buzzarhard-blogdemo-maycyber-download.jpg" style="margin-left: 1em; margin-right: 1em;"> </a></div></div>Perlu diketahui Blogger menyediakan Populart Post, namun tidak menarik. Bagaimana kita modifikasi saja, agar terlihat menarik dan enak dipandang. Oke langsung saja kita praktekan..<br /><br /><b>Cara Pertama :</b><br /><br />1. Buka Blogger - Login!<br />2. Dashboard - Template -> Edit HTML.<br />3. Temukan kode <b><span style="color: red;">]]></b:skin></span> </b>atau <b><span style="color: red;"></Style></span></b><br />4. Copy dan Paste kode berikut ini, dan letakkan diatas kode<b> <span style="color: red;">]]></b:skin></span> </b>atau bisa juga <b><span style="color: red;"></style> </span></b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>/*Custom Popular Redesigned By MayCyber-Download*/<br />.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}<br />.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}<br />.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}<br />.PopularPosts ul li a{color:#fff!important}<br />.PopularPosts ul li a:hover{color:#2c3e50!important}<br />.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}<br />.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}<br />/* Pengaturan Warna */<br />.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}<br />.PopularPosts ul li:nth-child(2){background-color:#f39c12;}<br />.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}<br />.PopularPosts ul li:nth-child(4){background-color:#27ae60;}<br />.PopularPosts ul li:nth-child(5){background-color:#e67e22;}<br />.PopularPosts ul li:nth-child(6){background-color:#d35400;}<br />.PopularPosts ul li:nth-child(7){background-color:#3498db;}<br />.PopularPosts ul li:nth-child(8){background-color:#2980b9;}<br />.PopularPosts ul li:nth-child(9){background-color:#ea6153;}<br />.PopularPosts ul li:nth-child(10){background-color:#c0392b;}<br />.PopularPosts .item-thumbnail{margin:0 0 0 0}<br />.PopularPosts .item-snippet{font-size:11px}</b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />5. Simpan Template!<br /><br />NB : Warna bisa diubah dengan Kode Warna HTML<br /><br /><b>Cara Terakhir :</b><br /><br />1. Buka Tata Letak/Layout.<br />2. Tambahkan Widget<br />3. Entri Populer.<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOF097spDPC01uJUIxAQsYg4uL5hBOfob-yE5sCliHZx7uZf3wlZLH8mLxhvtxYnjfTXaJaM0G0YCsmKFIT-dDToumvbaEOi5IM64qxzq9869VCYv9U1w5i4ba7YO2MoAJd3kdTEmfRq4/s1600/widget-entri-populer-maycyber-download.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOF097spDPC01uJUIxAQsYg4uL5hBOfob-yE5sCliHZx7uZf3wlZLH8mLxhvtxYnjfTXaJaM0G0YCsmKFIT-dDToumvbaEOi5IM64qxzq9869VCYv9U1w5i4ba7YO2MoAJd3kdTEmfRq4/s320/widget-entri-populer-maycyber-download.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOF097spDPC01uJUIxAQsYg4uL5hBOfob-yE5sCliHZx7uZf3wlZLH8mLxhvtxYnjfTXaJaM0G0YCsmKFIT-dDToumvbaEOi5IM64qxzq9869VCYv9U1w5i4ba7YO2MoAJd3kdTEmfRq4/s320/widget-entri-populer-maycyber-download.jpg" style="display: inline;" width="296" /></a></div><br />Begitulah Cara memodifikasi Populart Post agar terlihat menarik. Sekian dari saya, Semoga Bermanfaat!</div>

Cara Membuat Popular Post Lebih Berwarna.

Populart Post adalah artikel yang sering dikunjungi atau yang paling banyak dilihat oleh pengunjung. Seperti yang kalian tahu, bahwa Blogge...

Baca selengkapnya »

Cara Memasang Kotak Berlangganan di blog.

<div dir="ltr" style="text-align: left;" trbidi="on">Saat ini banyak para Blogger memasang Kotak Berlangganan (Subscription Box) di Blog mereka. Apalagi postingan dia yang sudah banyak melebihi 500 postingan, wajib pasang beginian tuh, diantaranya ada yang memasang dibagian footer, sidebar dan seperti tutorial kali ini memasang di bawah postingan. Oke langsung saja kita praktekan..<br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjixgKU2xweiM1Gi1ZEObIjygpxplbT35Qp0iJ3515k_n54IFNyrVnC8zFjC_3Dtez2Oao8hoMh5TI1xYYZLoNvTSx8ZwXxqIUWd5QNIxlUfCMAuSiDPEBcUq-6Ll8dHWPrNren8EILXxRV/s1600/subscribmaycyber-download.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjixgKU2xweiM1Gi1ZEObIjygpxplbT35Qp0iJ3515k_n54IFNyrVnC8zFjC_3Dtez2Oao8hoMh5TI1xYYZLoNvTSx8ZwXxqIUWd5QNIxlUfCMAuSiDPEBcUq-6Ll8dHWPrNren8EILXxRV/s640/subscribmaycyber-download.jpg" width="640" /></a></div><br /><br /><b>Cara Pertama :</b><br /><br />1. Buka Blogger -> Login Blogger.<br />2. Dashboard -> Edit HTML<br />3. Temukan kode<b> <span style="color: red;">]]></b:skin></span> </b>atau kode<b> <span style="color: red;"></style></span></b><br />4. Copy-paste kode dibawah ini, dan letakkan tepat <span style="color: red;">Diatas</span> kode<b> <span style="color: red;">]]></b:skin></span> </b>atau kode<b><span style="color: red;"> </style> </span></b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>/* Kotak berlangganan By MayCyber-Download */<br />.berlangganan-box {<br />border-top: 1px solid #E9E9E9;<br />border-bottom: 1px solid #E9E9E9;<br />padding: 15px;<br />margin:0;<br />text-align:center;<br />}<br />.berlangganan-box input.email-address[type="text"] {<br />width:60%;<br />padding:10px;<br />border:1px solid #ddd;<br />text-align:center;<br />border-radius: 4px;<br />outline:none;<br />background: #fff;<br />}<br />.berlangganan-box input.submit-email[type="submit"] {<br />transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;<br />padding:10px 15px;<br />background:#07ACEC;<br />border-radius: 4px;<br />color:#fff;<br />border:none;<br />font-weight:bold;<br />border-bottom: 3px solid #0D9AD0;<br />outline:none;<br />}<br />.berlangganan-box input.submit-email[type="submit"]:hover {<br />background:#0D9AD0;<br />cursor:pointer;<br />}<br />.berlangganan-box input.email-address[type="text"]:focus {<br />box-shadow:0 0 2px #106FE4;<br />}</b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />5. Temukan kode <b><span style="color: red;"><div style='clear: both;'/></span> </b>Jika sudah?<br />6. Copy-paste kode berikut ini dan letakkan tepat dibawah kode<b> </b><b><b><span style="color: red;"><div style='clear: both;'/></span></b> </b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><div class='berlangganan-box'><br /><form action='https://feedburner.google.com/fb/a/mailverify?uri=</b></span></span><b style="font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;"><span style="color: lime;">Lovekarawang</span></b><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>/HBiCa' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=</b></span></span><b style="font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;"><span style="color: lime;">Lovekarawang</span></b><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>/HBiCa&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><br /><p>Berlangganan via email (gratis):</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='</b></span></span><b style="font-family: Consolas, Monaco, 'Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; line-height: 16px;"><span style="color: lime;">Lovekarawang</span></b><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b>'/><br /><input name='loc' type='hidden' value='en_US'/><br /><p><input class='submit-email' type='submit' value='Berlangganan'/></p><br /></form></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /><br /><b><i>NB : Silakan Ganti Tulisan Berwarna Merah dengan ID Feed Anda.</i></b><br /><br /><b>Update !</b><br /><br />Jika kode <b><span style="color: red;"><div style='clear: both;'/> </span></b>susah ditemukan/tidak ada kode tersebut? Silakan ikuti langkah-langkah berikut ini.<b></b><br /><b><br /></b><b>Silakan cari kode yang mirip dengan kode dibawah.</b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if><br /><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if><br />      <div style='clear: both;'/> <!-- clear for photos floats --><br />    </div></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />Terakhir Tinggal Taro kode berikut ini <b>dibawahnya..</b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><span style="color: #fafafa;"><div class='berlangganan-box'><br /><form action='https://feedburner.google.com/fb/a/mailverify?uri=</span><span style="color: lime;">Lovekarawang</span><span style="color: #fafafa;">/HBiCa' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=</span><span style="color: lime;">Lovekarawang</span><span style="color: #fafafa;">/HBiCa&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><br /><p>Berlangganan via email (gratis):</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='MayCyber-Download'/><br /><input name='loc' type='hidden' value='en_US'/><br /><p><input class='submit-email' type='submit' value='Berlangganan'/></p><br /></form><br /><br /></div></span></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />Kesimpulan : Jika blog anda memasang <b>Related Post</b>. Taruh saja dibawahnya bisa lihat blog saya ko, tepat dibawah <b>Related Post </b>!<br /><br />  Bila masih terjadi kesalahan? Luangkan waktu anda untuk berkomentar. </div>

Cara Memasang Kotak Berlangganan di blog.

Saat ini banyak para Blogger memasang Kotak Berlangganan (Subscription Box) di Blog mereka. Apalagi postingan dia yang sudah banyak melebihi...

Baca selengkapnya »