Firman Blog: Script

Cara Membuat Photoshop Online Di Blog

Unknown 7 News, Script, Tips, Tutorial Blogger 3:15:00 PM

tes3
<div style="text-align: center;">
How to Make 'Photoshop Online' In Blog - Cara Membuat "Photoshop Online" Di Blog 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD4aFcL83FOsYNBVKaLZ6nO8lw-EiHmUl6mK3s-Yjc3q4xrvX29BheJRf_m_GQvVZ46GvfVBZckGfvWI_4bE0XUvYMIgU5TUP4m3nBNVpRxzeNO_bn5-LXBQ4GbN9pUViBFXapnJ2_jvW/s1600/Photoshop+Online+-+Firman+blog.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD4aFcL83FOsYNBVKaLZ6nO8lw-EiHmUl6mK3s-Yjc3q4xrvX29BheJRf_m_GQvVZ46GvfVBZckGfvWI_4bE0XUvYMIgU5TUP4m3nBNVpRxzeNO_bn5-LXBQ4GbN9pUViBFXapnJ2_jvW/s1600/Photoshop+Online+-+Firman+blog.JPG" width="400" /></a></div>
 </div>
<div style="text-align: left;">
Ya, sekarang saya akan membagikan tutorial Cara Membuat "Photoshop Online" Di Blog,</div>
<div style="text-align: left;">
Sebelum itu kita harus mengetahui Dampaknya :</div>
<div style="text-align: left;">
<ol>
<li>Dampak Positif</li>
</ol>
</div>
<div style="text-align: left;">
<ul>
<li>Blog menjadi proffesional.</li>
<li>Image editor untuk pengunjung blog anda.</li>
<li>dll</li>
</ul>
</div>
<div style="text-align: left;">
<ol>
<li>Dampak Negatif</li>
</ol>
</div>
<div style="text-align: left;">
<ul>
<li>Menurut saya tidak ada dampak negatifnya kenapa (?)</li>
</ul>
</div>
<div style="text-align: left;">
 
</div>
<div style="text-align: left;">
Langkah - Langkah Pembuatan :</div>
<div style="text-align: left;">
 
</div>
<div style="text-align: left;">
1. Masuk www.blogger.com, Pages, New Page, Blank Page, HTML atau Masuk www.blogger.com, Klik tombol pensil di atas sendiri   dan masukan script dibawah ini di lembar kerja tersebut :</div>
 
<div style="background-color: #82cafa; border: 3px #5f200e double; padding: 10px; text-align: left;">
<div color:="" red="" style="overflow: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; width: &lt;span style=;"> 
<div dir="ltr" style="text-align: left;" trbidi="on"> 
<strike> 
</strike> <iframe frameborder="0" height="560" id="pixlr" src="http://pixlr.com/editor/" type="text/html" width="800"></iframe><strike> 
</strike> <strike> 
</strike></div> 
 
 
</div></div>
 
2. Pilih tombol Publish 
 
 
 Note : 
 
 (?) : Karena saya sudah mencobanya dan photoshop online itu tidak mengurangi : Cepat Loading, SEO Blog 
 
<div style="background-color: orange; border: 3px #5f200e double; padding: 10px; text-align: left;">
Text Orange : Itu Cara Membuat Photoshop Online Di Halaman Blog</div>
 
<div style="background-color: lime; border: 3px #5f200e double; padding: 10px; text-align: left;">
Text Hijau : Itu Cara Membuat Photoshop Online Di Postingan Blog</div>

Cara Membuat Photoshop Online Di Blog

How to Make 'Photoshop Online' In Blog - Cara Membuat "Photoshop Online" Di Blog Ya, sekarang saya akan membagikan t...

Cara Bikin Fanpage Facebook Di Blog

Unknown 7 Script, Tutorial Blogger 12:12:00 PM

tes3
Firman Blog - Mengapa saya beri judul <a href="http://firmansyahnuralifrohman.blogspot.com/2013/12/cara-bikin-fanpage-facebook-di-blog.html" target="_blank">"Cara Membuat FanpageFacebook Di Blog" </a>karena, sekarang saya mau membagikan tutorial "Cara Membuat Fanpage Facebook Di Blog", langsung aja kita ke TKP. 
------------------------------------------------------------------------------------------------------------------------- 
1) Tutorial Pertama Cara Bikin Fanspage FB Dan Pasang Like Box Di Blog" 
------------------------------------------------------------------------------------------------------------------------- 
 
 Pada bagian artikel ini, ada 2 bagian yang di bahas, yaitu : 1. Cara Bikin Fanpage 2. Cara Pasang Widget Like box di Blog  
 
 Cara Bikin Fanpage : 
<div style="border: 2px solid rgb(0, 0, 255); font-family: 'Open Sans', sans-serif; font-size: 14px; height: 120px; line-height: 19.59375px; overflow: auto; padding: 15px; text-align: justify;">
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;">
Ok deh, langsung aja dan untuk memulai jangan lupa login ke akun facebook masing-masing :</div>
<div style="border: 3px dotted rgb(255, 153, 0); font-family: 'Times New Roman'; font-size: medium; line-height: 20px; margin: 0px; padding: 5px;">
Untuk Cara Bikin / membuat Fanpage langsung saja masuk sini :<a href="http://www.facebook.com/pages/create.php" rel="nofollow" style="color: #0441c8; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">http://www.facebook.com/pages/create.php</a> Muncul tampilan seperti di bawah ini. Pilih salah satu yang paling menggambarkan tema bisnis atau group anda.</div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;">
 </div>
<div class="separator" style="clear: both; font-family: 'Times New Roman'; font-size: medium; line-height: 18px; padding: 0px; text-align: center;">
<img border="0" height="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_wirK2y2Y8t6vEBisYq5EV7oy_rs_h_iyUvF0N0yXDDy4an0ukoWoPKt9HGPjeoZDeMuhuIGILkjDkkhT73L74CudD-aNbLji60CwiVzJQzMcqWp3g_WDnLJ4yp4ATbzCv9gzWJDE16Fs/s400/Bikin+fanpage+1.JPG" style="border: 0px; margin: 0px; padding: 0px;" width="400" /></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;">
Selanjutnya, muncul tampilan form seperti di bawa ini : Upload profile picture dll, tapi proses ini bisa di skip dan bisa di updated belakangan</div>
<div class="separator" style="clear: both; font-family: 'Times New Roman'; font-size: medium; line-height: 18px; padding: 0px; text-align: center;">
<img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYy2W-kSM8cBDA25pgGGymEqQcMz9Uussl5sY971L7qB3IbcVSm1_BULWDRa-LbfUI05qAFCwREY-Kz8Qu4ppRy5ViIis_mBDt8kwxaRBZCFBOsT-P1PgMjz6DiB5Y6RJr0wJ9804tQ473/s400/Bikin+fanpage+2.JPG" style="border: 0px; margin: 0px; padding: 0px;" width="400" /></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;">
 Ok, skip dulu dan lanjut proses sampai sistem menampilkan halaman penyelesaian akhir seperti tampilan screenshot di bawah ini :</div>
<div class="separator" style="clear: both; font-family: 'Times New Roman'; font-size: medium; line-height: 18px; padding: 0px; text-align: center;">
<img border="0" height="311" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimkrw5dhyKUu31jG1Myev9yadH-OuDs5UvcDfflLZslhuqCrNnad21QSfDNwNOnGVlex0gu28PFkhuiGByTV9-2QWKX7UODAwjbTrOLw20iaRUqzoYglZbF99ulKAwzXB9WfHE_u4qCihR/s400/Bikin+fanpage+3.JPG" style="border: 0px; margin: 0px; padding: 0px;" width="400" /></div>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;">
 Sampai disini, artinya pembuatan sebuah fanpage udah selesai dengan alamat URL :http://www.facebook.com/pages/nama fan page/kode fanpage atau http://www.facebook.com/nama fan page  Proses berikutnya tinggal updated :</div>
<ol style="font-family: 'Times New Roman'; font-size: medium; line-height: 18px; margin: 0px; padding: 10px 0px;">
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Add profile picture</li>
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Add Cover buat header</li>
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Setting untuk admin</li>
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Dan langkah berikutnya adalah menarik member atau orang lain untuk nge-like fan page kita</li>
</ol>
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;">
Salah satu cara efektif, mungkin dengan cara pasang Fanpage kita di Blog, untuk fitur ini di namakan LIKE BOX. Jadi pengunjung blog bisa melakukan "LIKE" dari Like Box yang di pasang di blog milik sobat.</div>
</div>
 
Pasang widget Like Box di Blog : 
<div style="border: 2px solid rgb(0, 0, 255); font-family: 'Open Sans', sans-serif; font-size: 14px; height: 120px; line-height: 19.59375px; overflow: auto; padding: 15px; text-align: justify;">
<div style="font-family: 'Times New Roman'; font-size: medium; line-height: normal; text-align: start;">
<div style="background-color: #fcf8c0; border: 3px dotted rgb(255, 153, 0); line-height: 18px; margin: 0px; padding: 5px; text-align: justify;">
<div style="color: red; margin: 0px; padding: 0px;">
Pasang widget Like Box di blog :</div>
Untuk membuat widget like box sama mudahnya dengan bikin FP Facebook, silahkan sobat klik link ini : <a href="http://developers.facebook.com/docs/plugins" rel="nofollow" style="color: #0441c8; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">http://developers.facebook.com/docs/plugins</a></div>
 Dari pilihan aplikasi yang tampil, pilih Like Box, seperti gambar berikut : 
<div class="separator" style="background-color: white; clear: both; line-height: 18px; padding: 0px; text-align: center;">
<img border="0" height="53" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdyuFOZYNDDEqF0rS9CfEmWfoit06HJhFZO1qrLtf-NLQV2QenDagjmK4yI5vsWs6C3CN_F_-Au8plwPg2wg9VTfyO8U8_1uvOBr3yfSXL-8o3DXCStTEjzIz_S_g2yynMqbEFyiv56EaJ/s400/Bikin+fanpage+4.JPG" style="border: 0px; margin: 0px; padding: 0px;" width="400" /></div>
 Selanjutnya sampai di form pengisian data seperti gambar di bawah : 
<div class="separator" style="background-color: white; clear: both; line-height: 18px; padding: 0px; text-align: center;">
<img border="0" height="385" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwqBO9Qxp0QQx9Gh8U7Yxi5yO8sOf4XlI17X9rMIsExLOuxcAOzoVbxByjjenyHtCrsQyxxbWQA9zQddhkULbnC8x5C3yW46oYPfk2nrspvHpmP5qiJDyF2IG2nBjsP3ctc48_qtdx2ZdF/s400/Bikin+fanpage+5.JPG" style="border: 0px; margin: 0px; padding: 0px;" width="400" /></div>
  Perhatikan gambar di atas : 
<ol style="background-color: white; line-height: 18px; margin: 0px; padding: 10px 0px; text-align: justify;">
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Facebook Page URL : Di isi dengan link fanpage sobat yg udah di bikin diatas</li>
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Width & Height : adalah ukuran lebar dan tinggi, bisa di atur-atur sesuai dengan ukuran sidebar blog</li>
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Color Scheme : Untuk menyesuaikan dengan backgroung blog milik sobat. Kalau backgroundnya terang, sebaiknya pilih light saja</li>
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Selebihnya bisa di coba-coba sendiri, silahkan di test dengan melihat hasil preview di sampingnya.</li>
<li style="margin: 0px 0px 0px 35px; padding: 0px; position: relative;">Langkah terakhir, Klik Get Code. Kode inilah yang nanti di pasang di widget blog</li>
</ol>
Gimana Cara mengambil Code-nya kemudian di pasang di Blog? Dari membaca komentar - komentar dari pengunjung, rupanya masih banyak kendala yah?, sebetulnya cukup mudah. Pada saat klik Get Code, kita di hadapkan pada pilihan mau format : 
<blockquote class="tr_bq" style="background-color: white; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 5px; font-style: italic; line-height: 18px; margin: 10px 20px; padding: 0px 0px 0px 7px; text-align: justify;">
1. HTML5 2. XFBML 3. IFRAME 4. URL</blockquote>
 Dari 4 pilihan itu kebanyakan orang ambil HTML5 atau IFRAME, Namun saya lebih suka memakai kode HTML5. Kenapa?, karena script yang di bungkus IFRAME kurang bagus buat SEO. Kalau blog kita di test di http://chkme.com kode IFRAME akan mengurangi penilaian SEO blog milik kita:). Untuk itu pakai yg pilihan Tab HTML5 saja. Perhatikan gambar di bawah : 
<div class="separator" style="background-color: white; clear: both; line-height: 18px; padding: 0px; text-align: center;">
<img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVb9NWpPb9qDBRC039wSNSP7bDViqqfYyyTKdRITB26NfDmhMV6g1ggQQ83MVJwdcM1D92zigDoPf3hwddF59bCXIaWAaeXxbpmEKKCcSaWcT9PmmIJXvTeGGUC9keVZtpgvoHBQbvg5PC/s400/01+Facebook.PNG" style="border: 0px; margin: 0px; padding: 0px;" width="400" /> </div>
<div class="separator" style="background-color: white; clear: both; line-height: 18px; padding: 0px; text-align: center;">
 </div>
2 bagian script di atas jadikan satu dan Copas ke Widget atau bagian blog yg ingin di tampilkan FP tersebut. Kalau ingin tampil di Sidebar, copas apa adanya saja seperti script asli pada saat kita Get Code.</div>
</div>
 
------------------------------------------------------------------------------------------------------------------------- 
2) Tutorial Kedua "Cara Bikin Fanspage Facebook Melayang Di Blog" 
------------------------------------------------------------------------------------------------------------------------- 
<div style="background-color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
Jika anda ingin memasang facebook fan page anda melayang di blog, saudara dapat mengikuti langkah-langkah di bawah ini. Namun jika anda ingin memasang facebook fan page yang standar atau yang lazim di gunakan oleh banyak orang. Anda bisa membaca artikel saya sebelumnya </div>
<div style="background-color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
 </div>
<div style="background-color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
Di sini saya akan memberikan dua script fan page melayang yang berbeda, jadi anda hanya harus memilih salah satu script saja untuk dipasang di blog anda.  dan untuk melihat hasilnya anda bisa mencoba scriptnya satu persatu.</div>
<div style="background-color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<ul>
<li>Login dengan akun blogger saudara</li>
<li>Masuk ke menu TATA LETAK</li>
<li>Klik Tambah Gadget => HTML/Javascript</li>
<li>Silahkan masukan salah satu script di bawah ini</li>
</ul>
</div>
<div style="background-color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
Script Fan Page Melayang Yang Pertama . . .</div>
<div class="separator" style="background-color: white; clear: both; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: center;">
</div>
<div style="background-color: #f2f2f2; border: 2px solid rgb(0, 0, 255); font-family: 'Open Sans', sans-serif; font-size: 14px; height: 120px; line-height: 19.59375px; overflow: auto; padding: 15px; text-align: justify;">
    <style type="text/css"> 
    #topbar{position:absolute; padding-left:260px; background-color: transparancy; width: 300px; 
    visibility: hidden;z-index: 100; } 
    </style> 
    <script type="text/javascript"> 
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session 
    var startX = 30 //set x offset of bar in pixels 
    var startY = 5 //set y offset of bar in pixels 
    var verticalpos="fromtop" //enter "fromtop" or "frombottom" 
    function iecompattest(){ 
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body 
    } 
    function get_cookie(Name) { 
 
    var search = Name + "=" 
    var returnvalue = ""; 
    if (document.cookie.length > 0) { 
    offset = document.cookie.indexOf(search) 
    if (offset != -1) { 
    offset += search.length 
    end = document.cookie.indexOf(";", offset); 
    if (end == -1) end = document.cookie.length; 
  returnvalue=unescape(document.cookie.substring(offset, end)) 
    } 
    } 
    return returnvalue; 
    } 
    function closebar(){ 
    if (persistclose) 
    document.cookie="remainclosed=1" 
    document.getElementById("topbar").style.visibility="hidden" 
    } 
    function staticbar(){ 
     barheight=document.getElementById("topbar").offsetHeight 
     var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; 
     var d = document; 
     function ml(id){ 
      var el=d.getElementById(id); 
      if (!persistclose || persistclose && get_cookie("remainclosed")=="") 
      el.style.visibility="visible" 
      if(d.layers)el.style=el; 
      el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; 
      el.x = startX; 
      if (verticalpos=="fromtop") 
      el.y = startY; 
      else{ 
      el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; 
      el.y -= startY; 
      } 
      return el; 
     } 
     window.stayTopLeft=function(){ 
      if (verticalpos=="fromtop"){ 
      var pY = ns ? pageYOffset : iecompattest().scrollTop; 
      ftlObj.y += (pY + startY - ftlObj.y)/8; 
      } 
      else{ 
      var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; 
      ftlObj.y += (pY - startY - ftlObj.y)/8; 
      } 
      ftlObj.sP(ftlObj.x, ftlObj.y); 
      setTimeout("stayTopLeft()", 10); 
     } 
     ftlObj = ml("topbar"); 
     stayTopLeft(); 
    } 
    if (window.addEventListener) 
    window.addEventListener("load", staticbar, false) 
    else if (window.attachEvent) 
    window.attachEvent("onload", staticbar) 
    else if (document.getElementById) 
    window.onload=staticbar 
    </script> 
    
    <div class="clear"> 
    </div> 
    <div id="topbar"> 
    <div style="text-align: right;"> 
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVJFbOR2z5zWOK4CngSPlQ939bqwh5wm-kZc5qkeJVucT1DD3BpJuTvCWR18fZnc8PKrF70F0OzW8kn-PeIIGHm7XwtOR4jI-7AUq9B1hHDcXvNJYHxlg4YVGBqFMQ8admN-cvdBK4WCfB/s1600/close3.png" /></a></div> 
    <center> 
    <div style="background: #fff;"> 
    <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/Blognya-Ilmu/147008725448902" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box> 
    </div> 
    </center> 
    </div></div>
 
Script Fan Page Melayang Yang Kedua . . .  
<div style="background-color: #f2f2f2; border: 2px solid rgb(0, 0, 255); font-family: 'Open Sans', sans-serif; font-size: 14px; height: 120px; line-height: 19.59375px; overflow: auto; padding: 15px; text-align: justify;">
 <style type="text/css"> 
        #topbar{position:absolute;padding-left:-100px;background-color: transparancy;width: 300px;visibility: hidden;z-index: 200;} 
        </style> 
        <script type="text/javascript"> 
        var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session 
        var startX = 25 //set x offset of bar in pixels 
        var startY = 25 //set y offset of bar in pixels 
        var verticalpos="fromtop" //enter "fromtop" or "frombottom" 
        function iecompattest(){ 
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body} 
        function get_cookie(Name) { 
        var search = Name + "=" 
        var returnvalue = ""; 
        if (document.cookie.length > 0) { 
        offset = document.cookie.indexOf(search) 
        if (offset != -1) { 
        offset += search.length 
        end = document.cookie.indexOf(";", offset); 
        if (end == -1) end = document.cookie.length; 
returnvalue=unescape(document.cookie.substring(offset, end))}} 
        return returnvalue;} 
        function closebar(){ 
        if (persistclose) 
        document.cookie="remainclosed=1" 
document.getElementById("topbar").style.visibility="hidden"} 
        function staticbar(){ 
barheight=document.getElementById("topbar").offsetHeight 
        var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; 
        var d = document; 
        function ml(id){ 
        var el=d.getElementById(id); 
        if (!persistclose || persistclose && get_cookie("remainclosed")=="") 
        el.style.visibility="visible" 
        if(d.layers)el.style=el; 
        el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; 
        el.x = startX; 
        if (verticalpos=="fromtop") 
        el.y = startY; 
        else{ 
        el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; 
        el.y -= startY;} 
        return el;} 
        window.stayTopLeft=function(){ 
        if (verticalpos=="fromtop"){ 
        var pY = ns ? pageYOffset : iecompattest().scrollTop; 
        ftlObj.y += (pY + startY - ftlObj.y)/8;} 
        else{ 
        var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; 
        ftlObj.y += (pY - startY - ftlObj.y)/8;} 
        ftlObj.sP(ftlObj.x, ftlObj.y); 
        setTimeout("stayTopLeft()", 10);} 
        ftlObj = ml("topbar"); 
        stayTopLeft();} 
        if (window.addEventListener) 
        window.addEventListener("load", staticbar, false) 
        else if (window.attachEvent) 
        window.attachEvent("onload", staticbar) 
        else if (document.getElementById) 
        window.onload=staticbar 
        </script> 
        
        <div class="clear"> 
        </div> 
        <div id="topbar"> 
        <div style="text-align: right;"> 
        <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVJFbOR2z5zWOK4CngSPlQ939bqwh5wm-kZc5qkeJVucT1DD3BpJuTvCWR18fZnc8PKrF70F0OzW8kn-PeIIGHm7XwtOR4jI-7AUq9B1hHDcXvNJYHxlg4YVGBqFMQ8admN-cvdBK4WCfB/s1600/close3.png" /></a></div> 
        <center> 
        <div style="background: #fff;"> 
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlognya-Ilmu%2F147008725448902%3Fref%3Dhl&amp;width=300&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe> 
        </div> 
        </center> 
        </div></div>
 
<blink style="background-color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">Catatan :</blink> 
<ul style="background-color: white; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 19.59375px; text-align: justify;">
<li>Ganti yang berwarana merah dengan url fan page saudara.</li>
<li>Kode berwarna Biru, ganti dengan script fan page facebook saudara.</li>
</ul>
<div style="text-align: justify;">
Trimakasih Telah Membaca <a href="http://www.blogger.com/data.post.url" target="_blank">"Cara Bikin Fanpage Facebook Di Blog"</a></div>

Cara Bikin Fanpage Facebook Di Blog

Firman Blog - Mengapa saya beri judul "Cara Membuat FanpageFacebook Di Blog" karena, sekarang saya mau membagikan tutorial "...

Cara Membuat Show Hidden Komentar

Unknown 11 Komentar, Script, Tutorial Blogger 1:34:00 PM

tes3
Firman Blog - Mengapa saya beri judlu "Cara Membuat Show Hidden Komentar" Karena disini saya akan memberi tutorial "Cara Membuat Show Hidden Komentar" , Langsung aja TKP. 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9KT8L4E69r421HjlMUYWd3pyndxqNpLSwtSLSavsQcahMTTKJ7lIC3nEdr3VQfWOVrSAisvVZKVeev7BWaYpsD1AJol5fzYWIEEBtHaJQwQ41I2xAO4ubM7RmknLqUZNTWZNN4sh5V0X/s1600/Show+Hidden+Komentar-firman+blog.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj9KT8L4E69r421HjlMUYWd3pyndxqNpLSwtSLSavsQcahMTTKJ7lIC3nEdr3VQfWOVrSAisvVZKVeev7BWaYpsD1AJol5fzYWIEEBtHaJQwQ41I2xAO4ubM7RmknLqUZNTWZNN4sh5V0X/s400/Show+Hidden+Komentar-firman+blog.PNG" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
1) Pertama, pergilah ke Dashboard, lalu Template, kemudian pilih "EDIT HTML".</div>
<div class="separator" style="clear: both; text-align: left;">
2) Kedua, Taruh kode di bawah ini di atas ]]></b:skin> (CTRL + F) :</div>
 
<div style="border: 3px double rgb(95, 32, 14); padding: 10px; text-align: left;">
/* Panel Comments */ a.openpanel { display:block; width:auto; padding:0px 0px; text-align:center; font-weight:bold; line-height:32px; background-color:#000; color:white; text-decoration:none; margin:0px 0px; -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2); box-shadow:0px 1px 1px rgba(0,0,0,0.2); position:relative; } a.openpanel em { width:0px; height:0px; display:block; position:absolute; top:15px; right:15px; border:6px solid transparent; border-top-color:white; } a.openpanel.active {background-color:#303030;} a.openpanel.active em { top:6px; border-color:transparent transparent white transparent; } div.paneline { height:0px; border-bottom:4px inset #1a1a1ab; } div.hompiPanel { padding:10px 20px 20px; -webkit-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2); -moz-box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2); box-shadow:inset 0px 1px 7px rgba(0,0,0,0.2); margin:0px 0px !important; }</div>
 
3) Ketiga, Cari Kode </head> (CTRL +F), setelah ketemu letakan kode di bawah ini dia atas kode </head> 
 
<div style="border: 3px double rgb(95, 32, 14); padding: 10px; text-align: left;">
<script src='http://reader-download.googlecode.com/svn/trunk/blogger-slide-panel-comments.js' type='text/javascript'></script> <script type='text/javascript'> //<![CDATA[ var panelSelector       = '#comments',     openPanelText       = "Open Comment",     closePanelText      = "Close Comment",     slideDownPanelSpeed = 600,     slideUpPanelSpeed   = 400; //]]> </script></div>
 
4) Keempat, Klik "Simpan" 
 
*Bila kurang jelas bisa komentar atau PM <a href="http://www.fb.com/firmansijenius" rel="nofollow" target="_blank">(klik)</a> 
 
Keyword : Tutorial Blogger, Tips And Trick, Komentar.

Cara Membuat Show Hidden Komentar

Firman Blog - Mengapa saya beri judlu "Cara Membuat Show Hidden Komentar" Karena disini saya akan memberi tutorial "Cara Mem...

Cara Setting Robot.txt

Unknown 3 Script, Tutorial Blogger 1:39:00 PM

tes3
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="margin-left: 1em; margin-right: 1em;">
</div>
Cara Setting Robots.txt - Mungkin sobat sudah sering mendengar istilah robots.txt. Apa sih robots.txt itu? apakah perlu di setting? bagaimana kalau saya biarkan saja? mungkin masih banyak pertanyaan lain. 
 
 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS39Q9ReCcOhI0i3nL3ssaXAJkzburohJSRS2W1WVv6QQO6d-wK1w" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="224" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS39Q9ReCcOhI0i3nL3ssaXAJkzburohJSRS2W1WVv6QQO6d-wK1w" width="320" /></a></div>
 
<table border="1" bordercolor="dddddd" style="text-align: center;"><tbody>
<tr bgcolor="fcfcfc"><td align="center" bgcolor="f4f4f4">Konten</td></tr>
<tr bgcolor="fcfcfc"><td style="text-align: center;"><div style="text-align: left;">
APA ITU ROBOTS.TXT?</div>
</td></tr>
<tr bgcolor="fcfcfc"><td style="text-align: center;"><div style="text-align: left;">
APAKAH SETIAP BLOG MEMPUNYAI ROBOTS.TXT?</div>
</td></tr>
<tr bgcolor="fcfcfc"><td style="text-align: center;"><div style="text-align: left;">
APA ARTI DARI KODE-KODE DI ATAS?</div>
</td></tr>
<tr bgcolor="fcfcfc"><td style="text-align: center;"><div style="text-align: left;">
KENAPA LABEL TIDAK DIMASUKAN KE PENCARIAN?</div>
</td></tr>
<tr bgcolor="fcfcfc"><td style="text-align: center;"><div style="text-align: left;">
BAGAIMANA CARA MENCEGAH ROBOT PADA HALAMAN TERTENTU?</div>
</td></tr>
<tr bgcolor="fcfcfc"><td style="text-align: center;"><div style="text-align: left;">
DIMANA CARA EDIT ROBOTS.TXT?</div>
</td></tr>
<tr bgcolor="fcfcfc"><td style="text-align: center;"><div style="text-align: left;">
SAYA TIDAK PERNAH UTAK ATIK ROBOTS.TXT, BAGAIMANA?</div>
</td></tr>
</tbody></table>
 
<h4 style="font-size: 16px; font-weight: normal; line-height: 23.390625px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 20px !important; padding: 0px 0px 12px; text-transform: uppercase;">
APA ITU ROBOTS.TXT?</h4>
Robots.txt adalah perintah bagi robot mesin pencari untuk menelusuri atau tidak menelusuri halaman pada blog kita. Boleh dikatakan robots.txt adalah filter blog kita dari mesin pencari. 
<h4 style="font-size: 16px; font-weight: normal; line-height: 23.390625px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 20px !important; padding: 0px 0px 12px; text-transform: uppercase;">
APAKAH SETIAP BLOG MEMPUNYAI ROBOTS.TXT?</h4>
Ya, semua blog sudah mempunyai robots.txt yang diberikan oleh blogger. Secara default robots.txt pada blog seperti ini : 
<pre style="border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="http" style="background-image: none !important; border: none !important; display: block; padding: 0px !important;">User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://namablog/feeds/posts/default?orderby=UPDATED</code></pre>
 
Untuk melihat robots.txt default, silahkan ketik dibrowser http://namablogsobat.blogspot.com/robots.txt 
<h4 style="font-size: 16px; font-weight: normal; line-height: 23.390625px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 20px !important; padding: 0px 0px 12px; text-transform: uppercase;">
APA ARTI DARI KODE-KODE DI ATAS?</h4>
User-agent: Mediapartners-Google Robot Google Adsense merayapi blog Disallow: Yang tidak diperbolehkan tidak ada User-agent: * Semua robot Search Engine / mesin pencari Disallow: /search Tidak diperbolehkan merayapi folder search dan setrusnya, seperti ..../search/label dan ... search/search?updated... Allow: / Mengizinkan semua halaman untuk dirayapi, kecuali yang tertulis pada Disallow di atas. Tanda (/) kurang lebih artinya nama blog. Sitemap: http://namablog/feeds/posts/default?orderby=UPDATED sitemap atau alamat feed blog kita.  
<h4 style="font-size: 16px; font-weight: normal; line-height: 23.390625px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 20px !important; padding: 0px 0px 12px; text-transform: uppercase;">
KENAPA LABEL TIDAK DIMASUKAN KE PENCARIAN?</h4>
Dengan penulisan kode default Disallow: /search, artinya perayapan untuk label seperti alamat http://namablog.com/search/label/Tutorial, nantinya tidak akan dirayapi oleh mesin pencari karena Label bukan URL yang real menuju satu halaman tertentu. 
<h4 style="font-size: 16px; font-weight: normal; line-height: 23.390625px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 20px !important; padding: 0px 0px 12px; text-transform: uppercase;">
BAGAIMANA CARA MENCEGAH ROBOT PADA HALAMAN TERTENTU?</h4>
Untuk mencegah google merayapi halaman tertentu di blog sobat, katakan sobat tidak ingin halaman about me diindex oleh mesin pencari. Untuk URL about me pada blog sobat misal : http://namablogsobat.blogspot.com/p/about.html Maka untuk robots.txt, silahkan copy kode defaut di atas, tambahakan halaman yang tidak diperbolehkan, hasilnya seperti ini : 
<pre style="border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="http" style="background-image: none !important; border: none !important; display: block; padding: 0px !important;">User-agent: Mediapartners-Google
Disallow:

Cara Setting Robot.txt

Cara Setting Robots.txt - Mungkin sobat sudah sering mendengar istilah robots.txt. Apa sih robots.txt itu? apakah perlu di setting? bag...

Notifikasi Komentar Ala Google Plus

Unknown 0 Script, Tutorial Blogger 1:24:00 PM

tes3
<div class="separator" style="clear: both; text-align: left;">Membuat Notifikasi Komentar Ala Google Plus - Setelah beberapa hari absen posting, saya akan bagikan bagaimana cara membuat notifikasi ala Google Plus. Jujur, banyak sekali permintaan tutorial ini dan sengaja saya pending mengingat lumayan rumitnya memahami tutorial asli notifkasi ini di blog DTE.</div><a href="http://www.technewspaper.net/wp-content/uploads/2013/05/google1.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" height="320" src="http://www.technewspaper.net/wp-content/uploads/2013/05/google1.jpg" width="320" /></a> 
 
 Ternyata setelah saya perhatikan, banyak pencuri yang ngintip source code blog ini. Kenapa saya katakan pencuri? karena hasilnya persis sama dengan notifikasi milik saya. Kalau pun menggunakan tutorial langsung dari DTE, saya rasa tidak akan semirip yang saya punya. Daripada nambah lagi orang yang berdosa, saya bagiin aja deh  Sebelum melangkah pada tutorial, silahkan liat dulu <a class="red" href="http://www.anonymous-404.blogspot.com" rel="nofollow" target="_blank" title="Demo"> Demo </a> 
 
 
 
 
 Langkah 1 : Simpan jQuery di atas <code style="font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;"></head></code> 
 
<pre style="border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="xml" style="background-image: none !important; border: none !important; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/></code></pre>Lewati langkah ini apabila sudah terdapat jQuery pada template sobat. 
 Langkah 2 : Simpan CSS ini di atas <code style="font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;">]]></b:skin></code> atau <code style="font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;"></style></code> 
<pre class="flexcroll" style="border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="css" style="background-image: none !important; border: none !important; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;">/* Notifikasi Komentar
----------------------------------------------- */
#cm-total {
 position:fixed;
 top:14px;
 right:0;
 width:188px;
 text-align:left;
 z-index:9999;
 cursor:pointer;
}
.total-counter {
 background-color:#d11919;
 color:white;
 padding:1px 4px;
 font-family:Arial,Sans-serif;
 font-size:11px;
 border-radius:5px;
 font-weight:bold;
}
#notif {
 position:fixed;
 top:20px;
 right:180px;
 z-index:9999;
 height:22px;
 width:19px;
 opacity:.4;
 cursor:pointer;
}
#notif:hover {
 opacity:1;
}
.close-notif {
 position:fixed;
 top:92px;
 right:20px;
 z-index:9999;
 cursor:pointer;
 display:none;
}
#cm-container {
 width:355px;
 position:fixed;
 top:67px;
 right:0;
 z-index:9999;
 background-color:#e5e5e5;
 padding:60px 20px 10px 20px;
 color:#666;
 box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
 text-align:left;
 border:1px solid rgba(0,0,0,.2);
 background-clip:padding-box;
 display:none;
}
#cm-container:before {
 content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVJ9-TBMYaAuL53XhNLw5vF4YLYeyVG3GdrdvuN9QhJuBdz0bNoR4soNGj5nBLgzd8C6zC4QwFC8aXae_PcDqVdIbgAKGCutvwIOGPWQDvMS5Q-R5MSwMNIm6Q1-lIvCrwRFyqN_jwJMs/s1600/arrow-notif.png');
 position:absolute;
 top:-14px;
 left:196px;
}
#cm-container:after {
 content:"Komentar Terbaru";
 position:absolute;
 top:22px;
 left:150px;
 text-align:center;
 font:normal 14px Arial;
 color:#333;
}
.cm-outer {
 margin:0 auto;
 padding:0;
 font-size:11px;
 text-align:left;
 font:normal 12px Arial;
}
.cm-outer ul{
 margin-bottom:5px;
}
.cm-outer li {
 padding:9px 10px 14px;
 list-style:none;
 clear:both;
 position:relative;
 border-radius: 3px;
 box-shadow: 0 1px 2px rgba(0,0,0,.2);
 background-color: white;
 margin-bottom:10px;
}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {
 display:block;
 float:left;
 background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDWxKR-JDufjCjg-YJ5riAcbbU7EQRy8PUM8Zzn2hwQROlAdfxuC1Xu6dZhTcoV-tDX8PW3vzzX92rBpQxd1hBHXsdMSmXvBNzzNIqLG8l2wh5t2ZasfibJSCxim0JN8zryc-RdAyVRWk/s1600/anon80.png') no-repeat 50% 50%;
 overflow:hidden;
 border-radius:3px 0 0 3px;
 position:absolute;
 top:0;
 left:0;
}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
content: url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhAm-oLwg7Q/s80-c/gravatar.png);
}</code></pre> Langkah 3 : Simpan kode ini di atas <code style="font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 23.390625px;"></body></code> 
<pre style="border-left-color: rgb(64, 98, 126); border-left-style: solid; border-left-width: 4px; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.4em; overflow: auto; padding: 0.8em 1em; position: relative; word-wrap: normal;"><code class="xml" style="background-image: none !important; border: none !important; display: block; font-family: Consolas, 'Andale Mono WT', 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', 'Nimbus Mono L', Monaco, 'Courier New', Courier, monospace; padding: 0px !important;"><div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQz4RbvK7lxx5BYFEGZOwwdeB3jn0TYH52b94aMzHD3bmyufqP21FnVbJct1gDtoZ7D0a5lwNLKHYXHMFdAgeRs8W8lpPpQZB6Vz45KZkRLzzejH1puaNMTBaj8M8jQwoPweLRv121NHQ/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivVsQfJ1x-PLAaIcy-aP5PbT9WZgEHgc1o2Jo4ToClm1xsb9WPrV-S00F6Q8Ok2TNbw27oDPITokks8lJfbpz0fzNqidieKGoMYYa3jeHTArny_FbrUfvkJoWP2kprqVdTB4rINqBHvug/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
 home_page: "<a href="http://firmansyahnuralifrohman.blogspot.com/">http://firmansyahnuralifrohman.blogspot.com/</a>",
 max_result: 6,
 t_w: 80,
 t_h: 80,
 summary: 40,
 new_tab_link: true,
 ct_id: "cm-container",
 new_cm: " Komentar Baru!",
 interval: 30000,
 alert: true,
 alert: function(total) {
 document.getElementById("cm-total").innerHTML = ''+total+'';
 document.title = '(' + total + ') ' + originalTitle;
 }
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/></code></pre><div class="catatan" style="border-bottom-color: rgba(0, 0, 0, 0.0980392); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; line-height: 23.390625px; padding: 15px 18px 15px 48px; position: relative;"> 
</div> Apabila ada pertanyaan silahkan didiskusikan di kolom komentar. Jangan ngintip lagi ya.. HARAM <img alt="" class="ki-smiley" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYfpCQWsjHjlsUnHVRLRBqTF2uV3Eq1E5zM2opUDnTkhDFkmB1xRSZTpTLG_3APD8WN9SUtqKC6poNE_VZ4Xr_VXGt9ayuiHTAt-c5rXL4P3TdyBS8U5YcGTYwMf_J3SG3lHws05Clr50/s1600/icon_smile.gif" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9tcHmZBmAaaN6mFjVYaS0x12PK4jLbQJtnt1SUGkivcfCinhk2bQSkf6SKkJiOv7E6IvgcimdWAsHzBPfXHVJYGmiHZQVhKZOJRHlbS2MPCFGhs1SXFl3l4RFUgi4CvPatHQTQFJ2dO4/s1600/preloader.gif); background-position: 50% 50%; background-repeat: no-repeat no-repeat; border: 0px !important; box-shadow: none; font-family: 'Open Sans', 'Segoe UI', Arial, Tahoma, sans-serif; font-size: 13px; height: auto !important; line-height: 23.390625px; margin-bottom: 3px; margin-right: 10px; max-width: 98%; padding: 0px; page-break-after: always; text-align: center; vertical-align: middle !important; width: auto !important;" /> 
<div class="resource" style="border: 1px solid rgb(179, 197, 224); font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; padding: 5px 10px;">Resource : http://blog.kangismet.net/2013/11/notifikasi-komentar-ala-google-plus.html</div>