Konsep Posting

Konsep Post

<div style="font-size: 50px; color:blue; padding:5px 0; text-align:center; font-weight:bold; text-shadow: #222 0 15px 80px; display: block; text-transform: uppercase;"> Konsep Post</div> </center>

---

Membuat template posting seo friendly

<div dir="ltr" style="text-align:left;"> <h2 style="text-align:justify;padding:2px;background:#999;"> <span style="color:#fff;">cara check dan memperbaiki broken link</span></h2> <p class="MsoNormal" style="text-align: justify; text-indent: 30px;"> (GAMBAR) <div class="separator" style="clear: both; text-align: left;"> <img alt="" border="0" src="URL" title=""/></img></div> <br> (URL artikkel) <a href='http://webtool31.blogspot.com/' target='_blank' title='ISI JUDUL'>ANCHOR TEXT</a> <br> <br> (menjolok) <div style="text-align: justify;"> <ol> <li> 1 </li> <li> 2 </li> <li> 3 </li> <li> </ol> </div> </p> <h2 style="text-align:justify;"> </h2> <p class="MsoNormal" style="text-align: justify; text-indent: 30px;"> (GAMBAR) <div class="separator" style="clear: both; text-align: center;"> <img alt="" border="0" src="URL" title=""/></img></div> (URL) <a href='https://www.blogger.com' target='_blank' title='ISI JUDUL'>ANCHOR TEXT</a> <br> <br> (RELATED ARTIKEL) <blockquote> <a href='https://www.blogger.com' target='_blank' title='ISI JUDUL'>ANCHOR TEXT</a></blockquote> <br> </p> <h2 style="text-align:justify;"> </h2> <p class="MsoNormal" style="text-align: justify; text-indent: 30px;"> <br> <br> <br> </p> <h2 style="text-align:justify;"> </h2> <p class="MsoNormal" style="text-align: justify; text-indent: 30px;"> <br> <br> <br> </p> <h2 style="text-align:justify;"> Penutup </h2> <p class="MsoNormal" style="text-align: justify; text-indent: 30px;"> <br> <br> <br> </p>

---

cara membuat postingan menjolok ke dalam

1. satu adalah angka pertama
2. dua angka dua dalam penulisan
3. angka ketga dlam postingan
4. angka ke empat dalam posting

<div style="text-align: justify;"> <br> <ol> <li> </li> <li> </li> <li> </li> <li> </li> </ol> </div>

---

MEMBUAT URL DENGAN GAMBAR VALID HTML5

<a href='https://www.blogger.com' title='JUDUL'><img alt='KET' src='URL_GBR' title='JUDUL'/> ANCHOR TEXT</a>

---

GAMBAR VALID HTML 5

<div class="separator" style="clear: both; text-align: center;"> <img alt="Judul" src="url gambar" /> </div>

---

membuat gambar supaya seo friendly dengan alt tag dan title tag secara manual

<div class="separator" style="clear: both; text-align: center;"> <img alt="GANTI ALT KETERANGAN " border="0" src="MASUKAN URL GAMBAR DI SINI" title="GANTI DENGAN TITLE GAMBAR"/></img></div>

---

Membuat url seo friendly

<a href='URL' target='_blank' title='ISI JUDUL'>ANCHOR TEXT</a>

<a href='https://www.blogger.com' target='_blank' title='ISI JUDUL'>ANCHOR TEXT</a>

---

membuat link download dengan button gambar

<center> <a href="https://www.blogger.com" title="Download"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9n79viwn3SMViBKeErucb5KMW76jsyKfeK9IYWOxHlvN_ZMQhZ1ZTL-9PPDF_9OuQvDI5j6ek4IGYhY9DKhN0bG1jN6WTMIwBX73-DRJnJjIOLwWrMYXc0JFH_aQ6LDWDRl-66hMNtkY/s1600/download+dc+nimbuzz+symbian.gif" alt="KET FILE" height="74" width="216" /></a></center>

---

membuat link button download dengan html

KETERANGAN

<center> <table border="2"> <tr> <td><a href="https://www.blogger.com"><div style="font-size: 15px; color:darkred; ;background:#1b95e0;color:#FFF;padding:5px 0; text-align:center; font-weight:bold; text-shadow: #222 0 15px 80px; display: block; text-transform: uppercase;"> KETERANGAN</div> </a></td> </tr> </table> </center>

---

membuat button berwarna

<center> <a href="https://www.facebook.com/salwa.nabila.3979"><input value="facebook" style="background:#3b5998;color:#fff;border:;font-weight:bold;" type="button"></input></a></center>

---

membuat textarea read only di tengah

<textarea style="width: 350px;height:85px; border:1px solid red;" readonly="readonly">¤_¤

---

membuat spoiler buka tutup

tekan button untuk buka code

:-Dinput di sini :-D

<div> <div style="margin-bottom: 2px;"> <i><b><small>tekan button untuk buka code</small></b></i><input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div') [1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Munculkan" /></div> <div style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> :-Dinput di sini :-D </div> </div>

---

membuat spoiler textarea buka tutup 2

:-Dtex disini:-D

<div> <div style="margin-bottom: 5px;"> <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" style="font-size: 12px; margin: 0px; padding: 0px; width: 80px;" type="button" value="Munculkan" /></div> <div style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> :-Dtex disini:-D</div> </div> </div>

---

membuat spoiler textarea buka tutup 3

spoiler berwarnaaa

<div style="margin-bottom: 2px;"> <div style="margin-top: 5px; text-align: left;"> <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 60px;" value="Buka" type="button"> </div> <div style="background-color: black; border-bottom: 2px solid #1E90FF; border-left: 20px solid #008000; border-right: 2px solid #1E90FF; border-top: 2px solid #1E90FF; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="color: red; font-style: regular;"><span style="color: white; font-family: Verdana, sans-serif;"> spoiler berwarnaaa </span></span></div> </div> </div>

---

Spoiler ke 4

MASUKAN TEXT DI SINI

<div style="margin-bottom: 2px;"> <div style="margin-top: 5px; text-align: left;"> <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" style="font-size: 12px; margin-top: 5px; width: 60px;" value="Buka" type="button"> </div> <div style="background-color: black; border-bottom: 2px solid #1E90FF; border-left: 20px solid #008000; border-right: 2px solid #1E90FF; border-top: 2px solid #1E90FF; margin: 0px; padding: 6px;"> <div style="display: none;"> <span style="color: red; font-style: regular;"><span style="color: white; font-family: Verdana, sans-serif;"> <div class="code" style="overflow: scroll; width: 98%; height: 350px;"> <pre><code class="javascript"><span class="comment"><font color="white"> MASUKAN TEXT DI SINI </font> </code></pre> </div> </span></span></div> </div> </div>

---

spoiler 5

SPOILER KE 5

<div id="spoiler" style="display: none;"> <center> <a href="https://www.blogger.com" title="Download"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9n79viwn3SMViBKeErucb5KMW76jsyKfeK9IYWOxHlvN_ZMQhZ1ZTL-9PPDF_9OuQvDI5j6ek4IGYhY9DKhN0bG1jN6WTMIwBX73-DRJnJjIOLwWrMYXc0JFH_aQ6LDWDRl-66hMNtkY/s1600/download+dc+nimbuzz+symbian.gif" alt="KET FILE" height="74" width="216" /></a></center> </div> <button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" style="background: red; border: 1px solid blue; color: white; padding: 5px 50px 5px 50px;" title="Klik untuk membuka spoiler" type="button">OPEN/CLOSEd SPOILER</button></div>

---

Spoiler ke6

HIDDEN CONTENT HERE

<input title="Click to show/hide content" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-W6OUAVXlWlcdM1R_oDpS00Zv9iSEhakjnaw_RGOOMrEwFfk4g_A4qUeylmxUzTGKfGn9v-Q8uDz7BFvEpCuK8KcDawTQH8RC6Gh0VYdgyxjhOC49KQ4osBxQIggGY1-mxT6wJUI_1Kc/s200/Entri+Baru.jpg" type="image" onclick="if(document.getElementById('guardian') .style.display=='none') {document.getElementById('guardian') .style.display=''}else{document.getElementById('guardian') .style.display='none'}"></input> <div id="guardian" style="display:none"> HIDDEN CONTENT HERE </div>

---

menu

<div style="width:100%;border:1px solid #900;background:#ddd;padding:2px;margin:0 auto"> <div style="font-size:100%;border:1px solid white;background:#eee;color:#333;padding:2px;margin:2px"> <b> menu</b></div> </div>

---

spoiler 7

HIDDEN CONTENT HERE

<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button> <div id="spoiler" style="display:none"> HIDDEN CONTENT HERE </div>

---

membuat gambar di bingkai warna

<div style="width:100%;border:3px solid #900;background:#ddd;padding:2px;margin:0 auto"> <div style="font-size:100%;border:1px solid white;background:#fff;color:#333;padding:2px;margin:2px"> <div class="separator" style="clear: both; text-align: center;"> <img alt=":-D" border="0" src=":-D" title=":-D"/></a></div> </div> </div> <br>

---

supaya gambar hasil base 64 menjadi seo friendly

<div class="separator" style="clear: both; text-align: center;"><img alt="GANTI ALT KETERANGAN " border="0" src="data:image/jpeg;base64,DELETE AND THAN CHANGE WITH BASE64 IMAGE JPG STRING VALUE" title="GANTI DENGAN TITLE GAMBAR"/></img></div>
<div class="separator" style="clear: both; text-align: center;"> <img alt="GANTI ALT KETERANGAN " border="0" src="data:image/jpeg;base64,DELETE AND THAN CHANGE WITH BASE64 IMAGE JPG STRING VALUE" title="GANTI DENGAN TITLE GAMBAR"/></img></div>

---

membuat huruf besar

MENGETEST TEXT BERBAYANG

<div style="font-size: 50px; color:darkred; padding:5px 0; text-align:center; font-weight:bold; text-shadow: #222 0 15px 80px; display: block; text-transform: uppercase;"> MENGETEST TEXT BERBAYANG</div>

membuat syntac highlighter

Artikel Terpopuler

    cara mempercepat loading blog dengan Base64 image generator
    untuk cara mempercepat loading blog dengan menggunakan Base64 image encrypt generator hal ini sangat mudah dilakukan Apa itu base64 image ...

    source code viewer
    intip script kode html terbaru intip script Kode html dalam sebuah blog baik itu blogspot atau wordprss atau mwb ataupun blog xtgem kini...

    base64 encoder decoder online generator

    apa itu base64 encode base64 adalah suatu bahasa pengkodean untuk mengobok obok data "obfuscation" /encrypt supaya data yang ...
    Source code html,java scrift,php viewer

    Selamat malam sahabat Kali ini neng akan membahas tentang Source code viewer 1. Arti Source code viewer 2. Maksud dari Mengetahui cod...
    merubah / convert html ke javascript php asp
    Cara Konversi / mengubah-ubah kode html ke java script, php & asp perl html ke bbcode terkadang dalam pembuatan posting di blog k...

    Cara Menyembunyikan source code html script
    Menyembunyikan kode html untuk menyembunyikan source code html dengan meng Encrypt Kode HTML Dengan tool online encryptor generator deng...

    Cara menyembunyikan script kode javascript
    Dalam posting sebelumnya neng membahas tentang menyembunyikan source kode html dan kali ini neng akan membahas cara menyembunyikan sc...

<div class="code" style="overflow: scroll; width: 98%; height: 350px;"> <pre><code class="javascript"><span class="comment"><font color="white"> </font> </code></pre> </div>

---

SYNTAK DG YEXT AREA

isi dengan kode yang akan di share


 

textarea Code Select All

<div class="code" style="overflow: scroll; width: 98%; height: 350px;"> <pre><code class="javascript"><span class="comment"><font color="white"> <div class="css textarea"> <form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="5" style="width: 98%; height: 150px; overflow: auto;" wrap="VIRTUAL"> isi dengan kode yang akan di share

---

biru background hurup putih

<script type="text/javascript"> <!-- var author="jdstiles.com"; var DS_ScrollText="Terima kasih telah membaca artikel tentang testee di blog STONSEOV5 jika anda ingin menyebar-luaskan artikel ini dimohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silahkan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda. "; var DS_Speed=(5-(1))*35; // Change the last number to change the speed of the scroll document.write("<form name=\"ds_form\"> <input type=\"button\" name=\"ds_scrollb\" value=\"\" onClick=\"javascript:window.location.href='http://webtool31.blogspot.com'\" style=\"background-color:#000098;font-size:24;color:#ffffff;font-family:monospace\">"); var DS_ScrollCounter=0; var DS_I=0; while(DS_I++<4) DS_ScrollText=" "+DS_ScrollText; function DS_ButtonScroll(){ document.ds_form.ds_scrollb.value=DS_ScrollText.substring(DS_ScrollCounter,DS_ScrollText.length)+DS_ScrollText.substring(0,DS_ScrollCounter);; DS_ScrollCounter++; DS_ScrollCounter%=(DS_ScrollText.length); setTimeout("DS_ButtonScroll()",DS_Speed); } DS_ButtonScroll(); // --> </script>

---

dalam perbaikan

---

textarea Code Select All

<div class="css textarea"> <b>textarea Code Select All</b> <br> <form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="5" style="max-width: 95%; min-width: 250px; overflow: auto;" wrap="VIRTUAL">

textarea Code Select All

<div style="width:100%;border:1px solid #900;background:#ddd;padding:2px;margin:0 auto"> <div style="font-size:100%;border:1px solid white;background:#eee;color:#333;padding:2px;margin:2px"> <div class="css textarea"> <center> <b>textarea Code Select All</b></center> <br> <form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="5" style="max-width: 95%; min-width: 250px; overflow: auto;" wrap="VIRTUAL">

---

textarea Code Select All

<div style="width:100%;border:1px solid #a87b06;background:#ab820c;padding:2px;margin:0 auto"> <div style="font-size:100%;border:1px solid white;background:#fce45c;color:#333;padding:2px;margin:2px"> <div class="css textarea"> <center> <b>textarea Code Select All</b></center> <br> <form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="5" style="max-width: 95%; min-width: 250px; overflow: auto;" wrap="VIRTUAL">

---

textarea Code Select All

<div style="width:100%;border:1px solid #a87b06;background:#555555;padding:2px;margin:0 auto"> <div style="font-size:100%;border:1px solid white;background:#464555;color:#ddd;padding:2px;margin:2px"> <div class="css textarea"> <center> <b>textarea Code Select All</b></center> <br> <form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="5" style="max-width: 95%; min-width: 250px; overflow: auto;" wrap="VIRTUAL">

 <div style="border:2px solid#2c2c2c"><div style="border:2px solid#444444"><div style="border:2px solid#5a5a5a"><div style="border:2px solid#727272"><div style="border:2px solid#888888"><div style="border:2px solid#a0a0a0"><div style="border:2px solid#b8b8b8"><div style="background-color:#fff;border:2px solid#d0d0d0"><center><div class="code" style="overflow: scroll; width: 98%; height: 350px;"><pre><code class="javascript"><span class="comment"><font color="white">












</font></code></pre></div></center> </div></div></div></div></div></div></div></div>

<div style="background: #ddd; border: 1px solid #708090; margin: 0 auto; padding: 2px; width: 95%;">
<div style="background: #eee; border: 1px solid white; color: #333333; font-size: 100%; margin: 2px; padding: 2px;">
<div class="code" style="height: 150px; overflow: scroll; width: 98%;">
<pre><code class="javascript"><span class="comment"><span style="color: white;">
#GANTI DENGAN TEXT

</span>
</span></code></pre>
</div>
</div>
<div style="background: #eee; border: 1px solid white; color: #333333; font-size: 100%; margin: 2px; padding: 2px;">
<div class="css textarea">
<b>textarea Code Select All</b>
<br>
<form name="copy">
<div align="center">
<textarea cols="50" name="txt" rows="5" style="max-width: 95%; min-width: 250px; overflow: auto; width: 516px; height: 237px;" wrap="VIRTUAL">
#GANTI DENGAN TEXT
</textarea></div>
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All Code" type="button"> </div>
</form>
</div>
</div>
</div>

textarea Code Select All

<div style="background: #ddd; border: 1px solid #708090; margin: 0 auto; padding: 2px; width: 95%;"> <div style="background: #eee; border: 1px solid white; color: #333333; font-size: 100%; margin: 2px; padding: 2px;"> <div class="code" style="height: 150px; overflow: scroll; width: 98%;"> <pre><code class="javascript"><span class="comment"><span style="color: white;"> #GANTI DENGAN TEXT </span> </span></code></pre> </div> </div> <div style="background: #eee; border: 1px solid white; color: #333333; font-size: 100%; margin: 2px; padding: 2px;"> <div class="css textarea"> <b>textarea Code Select All</b> <br> <form name="copy"> <div align="center"> <textarea cols="50" name="txt" rows="5" style="max-width: 95%; min-width: 250px; overflow: auto; width: 516px; height: 237px;" wrap="VIRTUAL"> #GANTI DENGAN TEXT </textarea></div> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All Code" type="button"> </div> </form> </div> </div> </div>