Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Cara membuat Menu Tab View dengan Efek jQuery tanpa Edit HTML

Terkait Tutorial Blog, Posting kali ini yaitu Cara membuat Menu Tab View keren dengan Efek jQuery Tanpa Edit HTML di Blog akan sama sama kita bahas. saya Menemukan Menu Tab View yang caem ini dari infodariom beberapa waktu lalu saat Blogwalking, dan Tertarik untuk memposting nya karena memiliki Beberapa Kelebihan Tersendiri, dan keunggulan dari Menu Tab View Ini diantaranya :

» Tampilanya akan Mengikuti Gaya dari Template Kita, yaitu Bentuk dan Warnanya, jadi jika tidak di kostumasi terkait warna dan bentuknya pun sudah bisa sesuai dan serasi dengan Blog kita.

» Mempunyai Efek jQuery, atau efek smooth saat kita mengalihkan Menu Tab, yang tentu menambah nilai keindahan untuk Blog kita.

» Cara Instalasi atau Pemasanganya yang sangat Mudah karena kita mengaturnya Hanya lewat Tata Letak, yang tidak Perlu Ribet Menyisipkan script ke dalam Satu Widget HTML/JavaScript.

» Tidak Memerlukan embel embel atau tambahan CSS atau script untuk dimasukkan di Edit HTML.
 
DEMO
 
Berikut Cara Membuat Menu Tab View keren dengan Efek jQuery :

» Login ke Blogger - masuk Tata Letak - Lalu Tambah Widget HTML/JavaScript, masukkan script berikut :
» Lalu Simpan tanpa memberi judul sehingga akan Terlihat Seperti Gambar Beikut :

» Untuk Memasukkan widget ke dalam  Menu Tab view sobat Tinggal Menempatkan Di bawahnya.
Sekian dari saya semoga bermanfaat - Terima kasih.

readmore


Cara Membuat Tombol Follow Twitter disertai Jumlah followers



Cara Mudah Membuat Tombol Follow Twitter disertai Jumlah followers | Twitter follow Button
1. Masuk Blogger » Tata Letak » Tambah Gadget : HTML/JavaScript, isi dengan kode berikut :

<div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
lang=en&amp;link_color=&amp;screen_name=Nur_qholis&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe>

Note : Kode yang berwarna merah ganti dengan Username Twitter Anda.

2.Kemudan Simpan dan lihat hasilnya.

Recomended : Cara membuat widget update status twitter di Blog


readmore


Cara membuat widget update status twitter di Blog

Cara mudah membuat dan memasang Widget Update Status dan follow Twitter di Blog | kali ini masih terkait widget untuk Blog, saya sering posting seputar widget karena pembahasanya tak perlu membutuhkan waktu panjang, mengingat durasi koneksi yang saya punyai terbilang pendek.
 .

Langsung saja berikut Langkahnya :

1. Masuk Blogger » Tata Letak » Tambah Gadget : HTML/JavaScript, isi dengan kode berikut :
 .
<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4VbZf0IZfq0XxJHJjZc7RhaBf45S8Os7uD7LrM853UUuhxqTs2U2_t7IarhDFU3L6r65lBZ2wc8EuqTG8P6bzeO1c8Or89xQ6jzynSNM9ubkVSGduKWI3usSkafVp6gvImXAgz2tt1Ck/s1600/bg_twitter.gif) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
(new TWTR.Widget({version:2,type:"profile",rpp:10,interval:3e3,width:285,height:118,theme:{shell:{background:"transparent",color:"#000000"},tweets:{background:"transparent",color:"#000000",links:"#B45F04"}},features:{scrollbar:true,loop:true,live:true,hashtags:true,timestamp:true,avatars:true,behavior:"default"}})).render().setUser("Nur_qholis").start()
</script>

Note : Kode yang berwarna merah ganti dengan Username Twitter Anda.

2. Kemudan Simpan dan lihat hasilnya.

Recomended : Membuat Tombol Follow Twitter disertai jumlah followers

readmore


Cara Memasang Like Fanspage Facebook Melayang di Blog keren!!

Cara mudah Membuat Like Box fanspage Facebook keren melayang di Blog dengan posisi di kanan bawah | banyak Tutorial yang sudah mengulas tutorial ini, namun tak apalah mungkin bagi anda ada yang belum tahu dan ingin mencoba tampilan pop-up dari facebook like box berikut ini, yang tampilanya menarik disertai tombol close, berikut cara memasangnya :



1. Masuk Tata Letak
2. Tambah Gadget/HTML JavaScript
3. masukkan kode berikut :


<!-- FB melayang tombol close --!>
<style type='text/css'> 
#kotak-facebook {

      position:fixed !important;

      position:absolute; /* IE6 */

      bottom:-1000px;

      right:10%;

      margin:0px 0px 0px -182px;

      width:300px;

      height:auto;

      padding:16px;

       -webkit-box-shadow: 0px 0px 7px #222;

      -moz-box-shadow: 0px 0px 7px #222;

      box-shadow: 0px 0px 7px #222;  background-color:#C2CFDF; font:normal 1em Cambria,Georgia,Serif;

      color:#111;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-bottom-right-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-bottomright: 20px;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;}

    #kotak-facebook a.close {

      position:absolute;

      top:-10px;

      right:-10px;

      background:#333;

      font:bold 16px Arial,Sans-Serif;

      text-decoration:none;

      line-height:22px;

      width:22px;

      text-align:center;

      color:#fff;

      border:2px solid #fff;

      -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      box-shadow:0px 1px 2px rgba(0,0,0,0.4);

      -webkit-border-radius:10px;

      -moz-border-radius:10px;

      border-radius:10px;

      cursor:pointer;

    }
</style>
    <script type='text/javascript'>

    $(window).bind("load", function() {

         // animasikan nilai top saat halaman telah selesai dimuat

         $('#kotak-facebook').animate({bottom:"50px"}, 1000);

         // hilangkan kotak pesan saat tombol (x) di klik

         $('a.close').click(function() {

              $(this).parent().fadeOut();

         return false;

         });

    });

    </script>


    <div id='kotak-facebook'>

  Klik Like !
<br/>
<!-- Mulai --!>
<div id="fb-root"></div>

<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/id_ID/all.js#xfbml=1";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="http://www.facebook.com/pages/Nur-Sahabat-Blogs/285620244858036" data-width="290" data-height="182" data-show-faces="true" data-stream="false" data-header="false"></div>

<!-- Selesai --!>
    <a class='close' href='#'>&times;</a>

    </div>

Ganti kode yang berwarna biru dengan kode fanspage milik anda.

5. Terakhir Simpan.

readmore


Cara membuat widget Spiderman melayang keren Di blog

Cara membuat widget Spiderman melayang keren di Blog dengan pesan cihuy | banyak cara untuk membuat pengunjung merasa tertarik dengan blog kita. salah satunya dengan menghadirkan widget keren seperti ini, yang tentunya akan membuat pengunjung semakin betah nongkrong di blog kita, tapi juga perlu diperhatikan blog yang kebanyakan widget juga bisa mendapat efek negatif, sebut saja jika widget yang kita pasang diblog terlalu banyak, yang disitu terdapat banyak script dan link link tertentu yang harus dimuat, tentu akan membuat loading blog kita semakin lama, lemot gitoe!!
 
jadi terserah anda mau mencoba memasang widget ini atau tidak, dan bagi anda yang tertarik berikut selengkapnya, Cara membuat widget Respidey melayang di pojok atas Blog.

1. Login ke Akun Blogger sobat masuk Rancangan/edit HTML centang expand template widget
2. Kemudain cari (ctrl + f) kode : </body>
3. kemudian copy dan paste kode berikut di atas kode </body>

<div style="position: fixed; top: -10px; right: -10px;"><embed src="http://www.widgipedia.com/widgets/orido/RedSpidey-5671-8192_134217728.widget" swliveconnect="true" quality="best" loop="true" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="200" height="350"></embed></div>

(Anda atur Posisinya, agar pas dalam Penempatanya)  
4. seteleh itu pratinjau dulu jika tak ada masalah, terakhir simpan template anda.
   Semoga berhasil, terima kasih.

readmore


Cara Memasang Komentar facebook Diblog

Setelah sebelumnya saya posting tentang Cara memasang Tombol follow facebook di Blog
kali ini masih terkait Tutorial facebook untuk Blog, yaitu Cara Mudah Membuat Komentar facebook di Blog
  1. Pertama anda login dulu ke akun facebook anda, jika belum login.
  2. kemudian Klik link berikut :: https://developers.facebook.com/docs/reference/plugins/comments/
  3. Pada url to comment on isikan dengan alamat blog anda, contoh : http://javakahuripan.blogspot.com/, Pada number of post tentukan berapa jumlah komentar yang ingin sahabat tampilkan. pada width atur angkanya sesuai dengan lebar halaman posting dari blog anda. pada color scheme pilih warna yang anda inginkan.
Cara Memasang Komentar facebook Diblog
     4. Setelah itu klik Get Code » pilih atau ambil script yang bagian bawah.

Cara Mudah Memasang Komentar facebook Diblog


Lajut ke cara memasang Script tersebut ke blog anda.
  1.  Login ke Blogger » untuk mengantisipasi kesalahan silahkan unduh template lengkap (cadangkan Template)
  2.  jika sudah » masuk Rancangan/Edit HTML (Centang Expand Template widget) »  kemudian cari (ctrl +f) script seperti ini : <b:includable id='status-message'>,
  3.  perhatikan diatas kode tersebut terdapat kode </b:includable>
  4.  copy script facebook comments anda lalu pastekan di atas code </b:includable>.
  5.  Pratinjau dulu, jika tidak ada masalah silahkan simpan template anda dan lihat hasilnya.
Akhir kata semoga Artikel dan uraian diatas bermanfaat, terima kasih.

readmore


Cara Membuat Widget Recent Posts Keren terbaru

Jika anda sobat blogger bosan dengan tampilan recent post yang itu itu saja, tidak salahnya mencoba tampila recent post keren berikut ini. recent post ini dilengkapi fitur Thumbnail dan Next-Previous page, saya mendapatkan widget ini dari maskolis.com. bagi anda yang tertarik untuk mencoba menggunakan recent post keren seperti gambar dibawah, berikut ini Langkah dan cara membuatnya.

DEMO recent post keren 


1. Pertama anda harus Login ke akun Blogger » Masuk ke template » Edit HTML, kemudian centang expand widget templates
2. Untuk berjaga-jaga agar tidak terjadi kesalahan dalam pengeditan nantinya, backup dulu template anda.
3. Setelah semua langkah diatas anda lakukan, cari (ctrl + f) kode ]]></b:skin>,
 letakkan kode berikut ini diatas kode tadi :

#mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto} #terbaru{margin:0px} .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px} .mas-elemen img{background:#999;padding:4px;float:left;height:#70px;margin-right:8px;width:70px} .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111} .mas-elemen:hover{background-color:#c3c3c3} .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhetZqhRva8Sai0YoxKqf-5SB6_1tOTs2SIpwFKHQXfDkC3HKp7tPqWUSv7wLXMD3CuhjDnlgR6-LA7fcWtWjA94hO4m9zI3SFK_czXmJV0t313yulNUMTJfgmvi481-vILTk0kf3fxU4E/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3} #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px} #mas-navigasifeed:hover{background-color:#c3c3c3} #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px} #mas-navigasifeed span{padding:5px 10px} #mas-navigasifeed .next{float:right} #mas-navigasifeed .previous{float:left} #mas-navigasifeed .home{text-align:center} #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}

Perhatikan kode warna merah diatas, itu adalah lebar dan tinggi thumbnail image.

4. Selanjutnya masih pada posisi Edit HTML,  cari kode </head>
    masukkan kode berikut ini diatas kode </head> :
<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = "http://javakahuripan.blogspot.com/";
var charac = 100;
var urlprevious, urlnext;

function maskolisfeed(johny,banget){
var showfeed = johny.split("<");
for(var i=0;i<showfeed.length;i++){
if(showfeed[i].indexOf(">")!=-1){
showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
}
}
showfeed =  showfeed.join("");
showfeed = showfeed.substring(0,banget-1);
return showfeed;
}
function showterbaru(json) {
var entry, posttitle, posturl, postimg, postcontent;
var showblogfeed = "";
urlprevious = "";
urlnext = "";
for (var k = 0; k < json.feed.link.length; k++) {
if (json.feed.link[k].rel == 'previous') {
urlprevious = json.feed.link[k].href;}
if (json.feed.link[k].rel == 'next') {
urlnext = json.feed.link[k].href;
}
}
for (var i = 0; i < numfeed; i++) {
if (i == json.feed.entry.length) { break; }
entry = json.feed.entry[i];
posttitle = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
if ("content" in entry) {
postcontent = entry.content.$t;
} else if ("summary" in entry) {
postcontent = entry.summary.$t;
} else {
postcontent = "";
}
if ("media$thumbnail" in entry) {
postimg = entry.media$thumbnail.url;
} else {
postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDM1FRldBU0aDwyHubklSH0gYBaI6STvmGxDv2LhmE5lpQHItU_DFJ-08UNstWTUBaPmRq2tO2l_wy1c0QBG_-6lbkBusJT4tdU1vLb4T4YMTmjg2sCPx4QJ69s55yQNV04A4-i-Q-3qA/s1600/no+image.jpg";}
showblogfeed += "<div class='mas-elemen'>";
showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
showblogfeed += "</div>";
}
document.getElementById("terbaru").innerHTML = showblogfeed;
showblogfeed = "";
if(urlprevious) {
showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
} else {
showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
}
showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
}

function navigasifeed(url){
var p, parameter;
if(url==-1) {
p = urlprevious.indexOf("?");
parameter = urlprevious.substring(p);} else if (url==1) {
p = urlnext.indexOf("?");
parameter = urlnext.substring(p);
} else {
parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
}
parameter += "&callback=showterbaru";
incluirscript(parameter);
}
function incluirscript(parameter) {
if(startfeed==1) {removerscript();}
document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
document.getElementById("mas-navigasifeed").innerHTML = "";
var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
var terbaru = document.createElement('script');
terbaru.setAttribute('type', 'text/javascript');
terbaru.setAttribute('src', archievefeed);
terbaru.setAttribute('id', 'MASLABEL');
document.getElementsByTagName('head')[0].appendChild(terbaru);
startfeed = 1;
}
function removerscript() {
var elemen = document.getElementById("MASLABEL");
var parent = elemen.parentNode;
parent.removeChild(elemen);
}
onload=function() { navigasifeed(0); }
//]]>
</script>

Keterangan :
» var numfeed = 5;  Jumlah Artikel terbaru yang akan ditampilkan.
» pada widget var urlblog = "http://javakahuripan.blogspot.com/"; = ganti dengan URL blog Anda.
» var charac = 100; = Jumlah karakter atau huruf pada setiap post.

 5. Setelah itu save templates, kemudian menuju ke layout pilih kotak yang akan ditambahkan widget ini, Klik add gadget » HTML/Javascript masukkan kode berikut ini kedalamnya :

<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>

Kemudian save dan lihat hasilnya.

Sekian dulu Tutorial kali ini, terima kasih telah membaca artikel Cara membuat Recent Posts Keren di Blog, Semoga bermanfaat .

readmore


Cara memasang Tombol follow facebook di Blog

Cara membuat Follow Button facebook di blog tak begitu sulit, hanya di perlukan sedikit kemauan. langsung saja untuk Membuat Follow Facebook Button dengan Mudah seperti yang ada di bawah berikut caranya:
 
  1. Pertama anda wajib follow akun diatas ;-), kemudian anda login dulu ke akun facebook anda, jika belum login
  2. kemudian Klik link berikut :: https://developers.facebook.com/docs/reference/plugins/follow/
  3. Isikan Nama Pengguna facebook anda pada form pengisian.
Cara mudah memasang Tombol follow facebook di Blog
     4. Pada gambar di atas ganti zuck dengan nama pengguna akun facebook anda, nama pengguna bisa anda lihat dengan mengeklik profil anda dan lihat pada address bar, ambil yang saya beri kotak orange dan letakkan pada menu pengisian Profil URL

Cara memasang Tombol follow facebook di Blog

     5. Setelah semua anda atur, klik Get code untuk mendapatkan kode atau scriptnya, ambil yang bagian bawah dan pastekan di blog sobat, bisa di Template atau add Gadget - HTML/JavaScript.

Cara memasang Tombol follow facebook di Blog

Nah, sekian dulu pembahasan Tutorial mengenai Cara memasang Tombol follow facebook di Blog, semoga bermanfaat, terima kasih.

readmore


Kode Warna HTML

Untuk sobat yang sering membutuhkan kode warna Lengkap, bisa datang aja ke sini, dan bila ingin memasangnya di blog sendiri simak tutorialnya disini.

(* Klik / pilih warna yang diinginkan lalu copy kode yang muncul untuk mengambilnya.)



terima kasih atas kunjunganya, Salam Blogger.

readmore


Memasang kode Warna HTML Lengkap di Blog

Dunia Blog memang tidak bisa di pisahkan dengan yang namanya kode kode tertentu, begitu juga tentang tampilan atau desain yang dasar pokoknya berupa warna warna tertentu,jelas merepotkan jika kita menghafalkanya semua, untuk itu tool ini memudahkan kita untuk menemukan kode html suatu warna / color. Tanpa panjang kata langsung saja berikut cara memasang kode warna HTML di Blog / postingan sobat,
image

  • Pertama, pastinya Login dulu ke Blog Kalian.
  • Kemudian, dari Dasbor, Buat Sebuah Postingan Baru.
  • Lalu pada halaman Posting yang perlu di perhatikan kita menaruhnya (di  opsi Edit HTML pada Postingan) , Copy dan Paste-kan Code di bawah ke dalamnya.
<object border="0" classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="420"> <param value="http://www.2createawebsite.com/build/color.swf" name="movie">
<param value="High" name="quality">
<embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="High" src="http://www.2createawebsite.com/build/color.swf" name="obj1" type="application/x-shockwave-flash" width="420" height="420"> </object> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="420" id="col" width="420"> <param value="sameDomain" name="allowScriptAccess">
<param value="http://www.2createawebsite.com/build/col.swf" name="movie">
<param value="high" name="quality">
<param value="#ffffff" name="bgcolor"> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="420" align="middle" height="420"> </object>

  • Selesai, Pratinjau dulu jika sudah sesuai silahkan langsung di publish.

readmore


Cara Memasang Tool Parse HTML di Blog sendiri

imageParse HTML memang biasa di lakukan bagi seorang Blogger, Apalagi bagi Blogger yang tiap harinya mempublish artikel tentang Tutorial Blog , maka untuk preview nya sering meletakan kode / script agar muncul di suatu postingan, . Parse HTML ini maksudnya supaya kode atau script yang kita tulis dalam format HTML tersebut bisa muncul atau terlihat pada postingan, jadi harus diconvert atau di-parse dulu maksudnya. Nah seperti apa cara membuat widget parse HML ini ? Mudah kok, Berikut saya share cara membuat widget parse HTML untuk anda.

  •  copy kode berikut :
<script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}</script><table border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody><tr> <td valign="top" width="400"><textarea cols="50"id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><input onclick="convert();" type="button" value="Parse Script" /></td> </tr></tbody></table><br/></span></span><span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: x-small; line-height: 20px;"> © Kucoba.com Webmaster Tools |&nbsp;<a href="http://www.kucoba.com" style="color: #0b5394; text-decoration: none;">Blogger Tool</a>

  • Kemudian paste di dalam postingan sobat (jangan lupa pilih opsi edit HTML), sehingga hasilnya akan terlihat seperti ini : 


(Letakkan kode / script sobat pada kolom di atas lalu klik Parse Script untuk memparsenya.)
 
 Berikut ini adalah kode-kode HTML dasar yang akan dirubah kedalam bentuk sederhananya secara otomatis supaya bisa di masukkan kedalam postingan, kotak komentar, dll seperti yang sudah dijelaskan sebelumnya.
  • '<' menjadi '&lt;'
  • '>' menjadi '&gt;'
  • '"' (double quote) menjadi '&quot;'
  • ''' (single quote) menjadi '&#039;'
  • '&' menjadi '&amp;'
       sumber ilmu blogwalking : here

readmore


Previous Posts home