Tips Membuat Navigasi "Back To Top" Blogspot

Tips membuat navigasi "Back To Top" Blogspot dengan mudah dan works tenan. Navigasi atau tombol back to top sangat berguna untuk kemudahan pengunjung dalam explorasi konten website atau blog kita, dimana jika terdapat konten yang terlalu panjang, pengunjung tidak perlu capek untuk menscroll berulang-ulang hanya untuk sampai ke header website atau blog.

Biasanya ketika pengunjung sudah sampai di akhir sebuah artikel, jika tidak ada related artikel atau social media share atau ads, pengunjung malah akan kebingungan ingin melakukan apa, dan akhirnya pengunjung lebih memilih untuk move on menekan tombol exit. Jadi dengan adanya kombinasi fitur yang tepat, ini akan jadi sumber dollar yang tepat dimana ada ads, ada related artikel, dan tombol back to top.

Related Article - Tips Anti Plagiat, Menonaktifkan CTRL+U Blogspot

Ok, Langsung saja ke tahap implementasi :

1. Pastikan sudah masuk ke akun blogspot anda, jika belum monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit HTML"
4. Gunakan CTRL+F, Cari kode ]]></b:skin>
5. Kalo sudah ketemu, monggo copy script CSS dibawah ini, dan paste tepat diatas kode ]]></b:skin>
   
   
   #scrolltop{
       padding:5px;
       position:fixed;
       bottom: 5px;
       right: 5px;
       cursor:pointer;
   }


6. Kemudian gunakan CTRL+F, Cari kode </head>
7. Kalo sudah ketemu, monggo copy kode Javascript dibawah ini, dan paste tepat diatas kode </head> 
   
   
   <script src='https://googledrive.com/host/0By-e_j-W4HZ1S0dwRTJLOHhyOE0' type='text/javascript'></script>
   <script language="javascript"> $(window).ready(function(){ $('#scrolltop').click(function(e){ e.preventDefault(); $('html, body').animate({scrollTop:0}, 'slow'); }); }); </script>


8. Gunakan CTRL+F, Cari kode </body>
9. Kalo sudah ketemu, monggo copy kode Javascript dibawah ini, dan paste tepat diatas kode </body> 
   
   
   <a href="#" id="scrolltop"><img src="URL Icon Agan" alt="Back To Top" title="Back To Top" /></a>

Related Article - Tips Membuat Animasi Images Artikel Blogspot

Trakhir agan tinggal ganti text yang merah dengan url icon back to top agan kemudian klik Save untuk menyimpan perubahan. So, demikian artikel tentang tips membuat navigasi "Back To Top" Blogspot kali ini, semoga bermanfaat. :)

› Read More

Tips Membuat Related Posts Thumbnail Blogspot

Tips Membuat Related Articles / Posts dengan image atau thumbail Blogspot dengan mudah, simple, tanpa repot, dan works tenan. :) Sebelum lanjut kita kupas dulu sebentar definisi dan fungsi related post itu, Related Posts / Articles adalah sebuah komponen atau widget yang digunakan untuk menampilkan artikel-artikel secara acak yang ada dalam sebuah blog. fungsi dari related artikel sendiri adalah memudahkan pengunjung blog untuk melihat-lihat artikel kita yang lain, dan menjaga agar berlama-lama berada di blog kita. Itulah sebabnya mengapa related post selalu ditempatkan di akhir sebuah artikel, secara psikologi ketika pengunjung selesai membaca sebua artikel sampai akhir, biasanya si pengunjung kebingungan ingin melakukan apa, sedang untuk mengklik home dan mencari-cari artikel lain kemungkinannya sangat kecil, malah seringkali pengunjung lebih memilih move on ke web lain. :'(

Related Article - Tips Membuat Social Media Share Artikel Blogspot

Kali ini membuatnya dengan bantuan linkwithin, widget related post yang diberikan cukup bagus, dan menarik, jadi agan tidak perlu repot lagi mikirin masalah codingan, tinggal copy paste aja.

Ok, Jika sudah paham, kita lanjut ke tahap instalasi, berikut langkah-langkahnya:

1. Kunjungi web www.linkwithin.com
2. Jika tampilannya seperti ini, maka isilah form sesuai data agan



3. Jika muncul tampilan seperti ini, klik link Install Widget





4. Langkah terakhir, cek dulu apakah sesuai dengan data agan. Jika textarea Edit Content: dan atau Edit Template: kosong, ulangi lagi langkah 2 jika belum diclose/klik back di browser. Jika tidak memungkinkan monggo ulangi lagi dari awal. :p





5. Tekan Add Widget, dan lihatlah hasilnya

Apakah ada yang aneh, belum puas sampai disini. Jika related postnya muncul di Hompage / halaman utama, mungkin agan bisa mencoba solusi ini jika ingin menampilkannya hanya di akhir artikel saja.

1. Copy script yang di Edit Content saja. Kalo sudah klik add widget tadi, berarti cari di bagian Layout sidebar.
2. Masuk ke menu Template, klik Edit HTML
3. Gunakan CTRL+F, cari kode <data:post.body/> , 
4. Jika terdapat 2 atau 3 <data:post.body/>, maka PASTE script linkwithin yang agan copy tadi ke yang nomor 2 atau nomor 3, coba-coba saja mana yang cocok.
5. Ini step tambahan saja: Jika menggunakan template blogger yang Simple biasanya kodenya yang ketiga itu seperti <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
6. Jika demikian, sisipkan saja script linkwithin agan setelah <data:post.body/> tapi masih didalam kode yang merah.
7. Kemudian klik  Save, (terus yang di sidabar tadi hapus saja).

Related Article - Tips Membuat Animasi Image Artikel Blogspot

Demikian artikel tentang Tips Membuat Related Posts Thumbnail Blogspot kali ini, semoga bermanfaat. :)

› Read More

Tips Membuat Animasi/Efek Bintang Jatuh di Cursor Blogspot

Tips membuat animasi atau efek bintang jatuh di cursor blogspot dengan simple, mudah dan works tenan. Bagi yang suka berkreasi dalam mempercantik dan memperganteng tampilan blogspotnya. Animasi bintang jatuh pada cursor ini seperti efek bintang bertaburan yang jatuh dari cursor, setiap kali cursor tersebut bergerak. Meskipun blog agan terlihat unyu-unyu setelah memasang animasi ini, jangan khawatir masih banyak pengunjung diluar sana yang akan lebih betah untuk berlama-lama di blog agan. Gimana tidak, kapan lagi coba, bisa lihat bintang jatuh di komputer kita. Jatuhnya dari kursor pula bukan langiet. :v

Dengan memasang efek bintang jatuh di blog agan, akan meningkatkan durasi pengunjung di blog agan. amin, kita do'a sama-sama. :)

Related Article - Tips Menambah Fitur Emoticon Pada Komentar Blogspot

Ok, untuk lebih memahami langsung saja kita praktik, berikut langka-langkahnya:

1. Pastikan sudah masuk ke akun blogspot anda, jika belum monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit HTML"
4. Gunakan CTRL+F, Cari kode </head>
5. Kalo sudah ketemu, monggo copy kode Javascript dibawah ini, dan paste tepat diatas kode </head>
   
   
   <script type='text/javascript'>

   // <![CDATA[

   var colour="#52D8ED"; // Kode warna ini bisa diganti warna yang lain
   

   var sparkles=100;

   var x=ox=400;

   var y=oy=300;

   var swide=800;

   var shigh=600;

   var sleft=sdown=0;

   var tiny=new Array();

   var star=new Array();

   var starv=new Array();

   var starx=new Array();

   var stary=new Array();

   var tinyx=new Array();

   var tinyy=new Array();

   var tinyv=new Array();

   window.onload=function() { if (document.getElementById) {

   var i, rats, rlef, rdow;

   for (var i=0; i<sparkles; i++) {

   var rats=createDiv(3, 3);

   rats.style.visibility="hidden";

   document.body.appendChild(tiny[i]=rats);

   starv[i]=0;

   tinyv[i]=0;

   var rats=createDiv(5, 5);

   rats.style.backgroundColor="transparent";

   rats.style.visibility="hidden";

   var rlef=createDiv(1, 5);

   var rdow=createDiv(5, 1);

   rats.appendChild(rlef);

   rats.appendChild(rdow);

   rlef.style.top="3px";

   rlef.style.left="0px";

   rdow.style.top="0px";

   rdow.style.left="3px";

   document.body.appendChild(star[i]=rats);

   }

   set_width();

   sparkle();

   }}

   function sparkle() {

   var c;

   if (x!=ox || y!=oy) {

   ox=x;

   oy=y;

   for (c=0; c<sparkles; c++) if (!starv[c]) {

   star[c].style.left=(starx[c]=x)+"px";

   star[c].style.top=(stary[c]=y)+"px";

   star[c].style.clip="rect(0px, 5px, 5px, 0px)";

   star[c].style.visibility="visible";

   starv[c]=50;

   break;

   }

   }

   for (c=0; c<sparkles; c++) {

   if (starv[c]) update_star(c);

   if (tinyv[c]) update_tiny(c);

   }

   setTimeout("sparkle()", 40);

   }

   function update_star(i) {

   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";

   if (starv[i]) {

   stary[i]+=1+Math.random()*3;

   if (stary[i]<shigh+sdown) {

   star[i].style.top=stary[i]+"px";

   starx[i]+=(i%5-2)/5;

   star[i].style.left=starx[i]+"px";

   }

   else {

   star[i].style.visibility="hidden";

   starv[i]=0;

   return;

   }

   }

   else {

   tinyv[i]=50;

   tiny[i].style.top=(tinyy[i]=stary[i])+"px";

   tiny[i].style.left=(tinyx[i]=starx[i])+"px";

   tiny[i].style.width="2px";

   tiny[i].style.height="2px";

   star[i].style.visibility="hidden";

   tiny[i].style.visibility="visible"

   }

   }

   function update_tiny(i) {

   if (--tinyv[i]==25) {

   tiny[i].style.width="1px";

   tiny[i].style.height="1px";

   }

   if (tinyv[i]) {

   tinyy[i]+=1+Math.random()*3;

   if (tinyy[i]<shigh+sdown) {

   tiny[i].style.top=tinyy[i]+"px";

   tinyx[i]+=(i%5-2)/5;

   tiny[i].style.left=tinyx[i]+"px";

   }

   else {

   tiny[i].style.visibility="hidden";

   tinyv[i]=0;

   return;

   }

   }

   else tiny[i].style.visibility="hidden";

   }

   document.onmousemove=mouse;

   function mouse(e) {

   set_scroll();

   y=(e)?e.pageY:event.y+sdown;

   x=(e)?e.pageX:event.x+sleft;

   }

   function set_scroll() {

   if (typeof(self.pageYOffset)=="number") {

   sdown=self.pageYOffset;

   sleft=self.pageXOffset;

   }

   else if (document.body.scrollTop || document.body.scrollLeft) {

   sdown=document.body.scrollTop;

   sleft=document.body.scrollLeft;

   }

   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

   sleft=document.documentElement.scrollLeft;

   sdown=document.documentElement.scrollTop;

   }

   else {

   sdown=0;

   sleft=0;

   }

   }

   window.onresize=set_width;

   function set_width() {

   if (typeof(self.innerWidth)=="number") {

   swide=self.innerWidth;

   shigh=self.innerHeight;

   }

   else if (document.documentElement && document.documentElement.clientWidth) {

   swide=document.documentElement.clientWidth;

   shigh=document.documentElement.clientHeight;

   }

   else if (document.body.clientWidth) {

   swide=document.body.clientWidth;

   shigh=document.body.clientHeight;

   }

   }

   function createDiv(height, width) {

   var div=document.createElement("div");

   div.style.position="absolute";

   div.style.height=height+"px";

   div.style.width=width+"px";

   div.style.overflow="hidden";

   div.style.backgroundColor=colour;

   return (div);

   }

   // ]]>

   
   

   </script>

Related Article - Tips Membuat Animasi Image Artikel Blogspot

Demikian artikel tentang tips membuat animasi/efek bintang jatuh di cursor blogspot kali ini, semoga bermanfaat. :)

› Read More

Tips Menambah Fitur Emoticon Pada Komentar Blogspot

Tips menambah fitur emoticon pada komentar Blogspot dengan mudah dan works tenan. Emoticon sangat membantu pengunjung untuk mengungkapkan argumen ala perasaannya dalam komentar setelah membaca artikel yang kita suguhkan. Kita juga akan lebih mudah memahami perasaan mereka hanya dengan emoticons ini sehingga tercipta rasa saling memahami dan melengkapi. :)

Sampai sekarang penggunaan emoticons selalu ada baik di aplikasi-aplikasi messenger, social media, dan lain lain karena memang emoticons sifatnya lebih simple, efektif dan efisien. :v

Related Article - Tips Menangani iOS 7 Bermasalah

Ok, langsung saja kita masuk ke tahap instalasi :

1. Pastikan sudah masuk ke akun blogspot anda, jika belum monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit HTML"
4. Gunakan CTRL+F, Cari kode ]]></b:skin>
5. Kalo sudah ketemu, monggo copy script CSS dibawah ini, dan paste tepat diatas kode ]]></b:skin> 
   
   
   .emoWrap {
   background:#ccc;
   border: 1px solid #333;
   margin:5px;
   padding:10px;
   }


6. Selanjutnya gunakan CTRL+F, Cari kode </body>
7. Kalo sudah ketemu, monggo copy kode Javascript dibawah ini, dan paste tepat diatas kode </body> 
   
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>   

   <script type='text/javascript'>

   //<![CDATA[

   var emoRange = "#comments p, div.emoWrap",

       putEmoAbove = "iframe#comment-editor",

       emoMessage = "To insert emoticon you must added at least one space before the code.";

   
   

   // Emoticon bar before comment-form

   $(function() {

       $(putEmoAbove)

           .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>To insert emoticon you must added at least one space before the code.</div>');

       var emo = function(emo, imgRep, emoKey) {

           $(emoRange)

               .each(function() {

               $(this)

                   .html($(this)

                   .html()

                   .replace(/<br>:/g, "<br> :")

                   .replace(/<br>;/g, "<br> ;")

                   .replace(/<br>=/g, "<br> =")

                   .replace(/<br>\^/g, "<br> ^")

                   .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));

           });

       };

       emo(/\s:\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHoh6mo756OWdnCxHROXAgH3Qpq4DM7ihCsl_He6xFYiEQAzF7PWggIymj0s_n51GSFh1W2ScTW_KdokFmsGqpQbFY20-PkN8gqLwwMFi9iOfAFRvPP-2ad4ZYPRFqg92CIn2ZJyaaBic/s36/03.gif", ":))");

       emo(/\s;\(\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqK-VLnVoJVp2nMyc_HTaN2J9LX3G42S8gvVcanMVgzeyKAcdYV3NldxhJ6gOOd7unYUCczDSN47bLCwxZP_cLWl2NZDck1grJBsvr_8uMtWJ67xiX3GeXGX_CNbvIfqohXddGvIKJa0Y/s47/06.gif", ";((");

       emo(/\s:\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpAlWyR-RhGv9BoUN-NIuKYMg8ApExVHq90zfDq4F658VWCTLsL-3nX4rOFfJHcvii-GMGvW3H1fHwSk_nWClNoOX9TQlYv4YMoQYXFr8_DzKfyog2ZrObxG9hyphenhyphenybtFJm0hVTtUOwjB68/s36/01.gif", ":)");

       emo(/\s:-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNPoWGBo4Fn1CTlChC6gafffWbm8rYMGvv75oxELlHlZo73RBH7dR8GjQiC7jpVFM8DtgMfu0qoq5GzK1ZJ4NJ9Pqds_Rj64F_oSSI0_vETc9NbpBxoBJPx-14QABwUD8LyqC8pU4EfYE/s36/02.gif", ":-)");

       emo(/\s=\)\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ruXFuGQuS0927ONYgMJkLP2LX20KfNlfQdeo1VM161X6BSkcF8GDiQvYfIYadQgRCOWMDXpwU7o8JIrBLHkY8uRvpP9jmdAKxIIqubNS14HiutM5jr6AU9wPAw2cHo18GAJv13IU6cQ/s36/03a.gif", "=))");

       emo(/\s;\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq1h9pnulRTR4X-BaFgXMI8mi2HcIYjXhJr8J8tAM_Sb6ijyz_mLehHnNhnZt6BfZ8dfIVVesfgjYTsK-7hB7mj6olVOZ3EqZM26YTGuNCcr0poxsvTZdRGUQUORsnOu6LFKgWKWExzwo/s36/04.gif", ";(");

       emo(/\s;-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgND2j6NVIDb6Ps2j2YltTt2el9XGcamZLP5cFM9ja9hMqzUi24g7GZAYLYonTO0ObltlT2hzA7HHfNaKCVfDFy9Tjs83r54aKm6CkdSq4XNSs_iOmjEmY6lMGZO4kAyylFk48VbwJgXAc/s36/05.gif", ";-(");

       emo(/\s:d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhms_ZaH6a65ey4DMWHi9IDo2oUhKv8lRdDL_W8H10FzKEuBU0uhJdxOLcEL5xIBSETQfh8ee0vYsK5J3H7ggzpgyb6M_wRy6QszpXReoYnXdWg6NEF3nq9gah9BVqgdjIC_Pf63JENd9g/s36/7.gif", ":d");

       emo(/\s:-d/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcl89ZZN8sK_UesYjAgZRXiUE0fcOhF1Hfb_HwEqTZTelWFmow3xWl_6StC30hb1DQ1mB4IwTc3N3FOYuXqP-rk8tcSkxH5_lzCikjLNyuHQaGTvw0Tn-z-OuQvD5K6n-5qDwPR27ACCE/s36/8.gif", ":-d");

       emo(/\s@-\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDQLywO56jx6dyASdImP5L9ruhf8l5wxbp-7fqcKbKtBTyepvqjH_t_XrtyYoapqYlqAW0SpfWtcOnMT0BqJCAhgubeC-OhCuBxuaki-5uczpd6dJ4HBE6_FKyRxO0xRoH5NQrMOLzYbA/s36/09.gif", "@-)");

       emo(/\s:p/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKLKOSPwofZNnChQXE4eFT5JiLkWvVT9QubN5nvicDzX6UezSIdLz9XRylYz9EP3ZB46GyL44i9B6xc0avLZOHDVqmEKXYydRCtEdX1c6fOevv2EGAVppOee2oPFWlZ-BUL19RUcxXMo/s36/10.gif", ":p");

       emo(/\s:o/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ815Xn9RAnQpRiKbPy20-osbpQf1pydZSfJ_AhebANvwdCq8UQMMBRD2dMEc-VUPqb3leLJ2nujlPj7uCU60mMf3PbbtSUWKO_FAXlBq0XoM_p4mpfatKIMVK9JMbPfUbG38CuepbbJQ/s36/11.gif", ":o");

       emo(/\s:&gt;\)+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTTVw5uIXjW85L1Pjp9axkh3pFIVbCln5SiHKtFluxzmF7XsweF4ftVmlsi5Qug2gLfJvS5dqEJDVL-dODchnZmYJ7jb_pEBHuQ6EudCUzPoZVcBTFPTUbmgcHzUsp8NyshZpHYHNWEDg/s36/12.gif", ":&gt;)");

       emo(/\s\(o\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI1PJ9-gcbc1G8-gwcg_1D7qHLuq-YapeZDN9f2fGE87KZjlWEydWbxvo-LexJ9LCNE2Bm8Uqf2io00gj1FOBXXTM-cjjFN1Qh_bHNMuuO8W5esuzVLdFB7UJm3KyUmJ1V0sRc9bMtNZA/s36/13.gif", "(o)");

       emo(/\s\[-\(+/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_VqM3kc6XJnBxI3PphXqH5Zm_TYcwM6bt0Sg9EvldU12TNRVdn7vl1B3uuFLAfo2kvcUr8ZsdFjmb4gHogLgjasM6boOH7hxDQ4OJnZAo_muvkahHOIY8n8-71zZ9JtiVBqHlwHZE7XM/s36/14.gif", "[-(");

       emo(/\s:-\?/g, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnbILcjVIhbU4NqFr61iUcmDYLz16MvDvK1wFyQgRrGlFX6ZmAiGh2LFq0rU9hbjl84uL84aNuXd1x5L8Diq-Hh8VfuJvCK0jwRtrJGwEoqD78rGpUYUs96IUumcPFYzsZufDvUSeW2GQ/s36/15.gif", ":-?");

       emo(/\s\(p\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi7t6zYkdhExHJpeqfhgvNWiuOyWvAS1Wop1gPblo0oA5JNrJ2U4yJ_dun7ZOKLHodnY6Qjzdt8Z5WzazlUsCP5D4JjWH_lvvIoSaaWOhNITGCjoomvaikurzSvlcac83kmvk11xL-bvI/s36/16.gif", "(p)");

       emo(/\s:-s/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj4NWYcmS86v2FgJHPiWRW_s5BA8ypdVVg1ImG-NQimmuehvzXzqcwMYTuwKQgFwLxxeruozLBgOmLL0VOephZxw2akKpBR8hbfgba8ReGUR3ZRldY2Uj5y3GZ8vwlBERBtUA_De48xT8/s36/17.gif", ":-s");

       emo(/\s\(m\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBJr_CwBlAmYOjCtrvaH7Bbl6K8PUtz3aKgyRmgdXGiwZxnoedt1t7GK-1ig1ZMddI6MpjSO70j8agBekG4GwBuLvJk5pTxwI_LlL_sz_bEphPLe0yXXI9fGk_acL1nz-4su2VbbDd-Cs/s36/18.gif", "(m)");

       emo(/\s8-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd_jM9OM0jjNKcBy24HEI8ptkNG2C7XPmKTQQjYvxjnsJtymNu9EfetHxPs6IlL5-vu6Ju0aDdl74NBYynZUi2A4L2LMzQ6EINwbsdDiya1oJfElMEz8aeB3PEKhNLmY3WXZUeOfonhTU/s36/19.gif", "8-)");

       emo(/\s:-t/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV77Sf-6sDBuGbJu1KAE4kFmkPjo9PUAmqeEBd5MHGn6K4ycsMlPH3Hj3xCQe8pl4WqhPrDJnjKNT-GsgzzZkICI8rZZbvWxwEuyiOp2y-Dug6elybBQodOdT-ruO7Vpoy54g7prhyphenhyphenDag/s36/20.gif", ":-t");

       emo(/\s:-b/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-SH9c7fbds6y2SUaScHzyn8fiDMGq39Hia4PQykg5GmXd7in-3pmzOghcKAz65ToO5c417XnPG9h1cSINbqru1KhM9ICN0Go4q3vQCUouEA009QK4ArHny0WDOJaKSsZQc5OnWQWkIxI/s36/21.gif", ":-b");

       emo(/\sb-\(+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw1GOghOI_61_5pLJgSUcF6ici6QBEcNTPzEdK_iilO1BB5pA7oJCkR0cN1ERKtvVZfOjBlo-UvzBTzMhd6t8FL3ImtzQ4om_UfqXisGlFBNRQGb4_D0nhAWUnWDMMk2sWrwQAgNblvC8/s35/22.gif", "b-(");

       emo(/\s:-#/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK4q-kEw0Pj1kGWRaWGOsN6WN8tun2GwcdHIJ3mdhfogi9-tJLRhLe3hy5J4rkXh_FRGOGXrQDcrQjDKU46NecVtb-k_OT8yISemxDE1rjfasz2KBr-rPSMVGQXQKYQYJtmp_VkCg97iE/s36/23.gif", ":-#");

       emo(/\s=p~/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX3IPebjIYrcSz5Dyrd1Hs-E1ax6IOLMwqlTktkbNuvLOxpGX8qdb4hsRbiUGXCrktP7z3i9ErYUSPQK8DTNVJg1f58IDpnr08AC_7xtKrbUHJyZfXiNfVmHfWr2rnMda2-aF6At75jk0/s36/24.gif", "=p~");

       emo(/\s\$-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnl3h8RdFWpHbA8DpTX69-2hk4541VU09bBvyq-9e2NfmahUMbwbZkA0kv6mIGIReR66dh8sWMZn8tgS4jExoYTQ_dsEIxSNoVQwwAE3IgEfixL7qqweVAF15EOZetsTUC7zsnbYeJvI/s36/25.gif", "$-)");

       emo(/\s\(b\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhTGEH9SQQ68blMbEamDVTCcUewHCbKg5z8quA9Rnpf5CqAjjzLfwwGH6aHPsu-HXNfo0w9kVM4eomW6jo7CFtVCaNJkxFHub0MNMgfPPXvlH05KYZWa5llbXOu8wdFQ8wkQ-GmOl_g4M/s36/26.gif", "(b)");

       emo(/\s\(f\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0DFfW1s7B93d3xygHEVn0aar9U8oD0bLDr3HNKVpgVcf-3k_9MN8C7JuDPQHkzhiGVWZtBqcPlcWW13IZnT8yQAYK4GL2ZIWjJH8umsYUUL73qjSSPL1AF7QxJWzAJrfByCHeiGcbtDA/s36/27.gif'", "(f)");

       emo(/\sx-\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiP3M71JdiEviS5WxXkMH7nmiEZa0JklRTCnqgpUXIVvLLmOu78GANxzc1_qajxxIWX3QhWBG8z4xWMfU4d_8m-TFQUCDMOPylCLdMqSUfsRYgodUywSwCRrbwT2sFDvlTHaZc-dbi37A/s36/28.gif", "x-)");

       emo(/\s\(k\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqd_nCmbIpbwtswH528BLvoCLDg3gEkTBAhQdDUVct52ruP960-Kzq-TLiHYfQDE4-D91JbqdoBgVZGhMrC0LZZt9d__zvwPhtia7D3MOKFl4ZPJYr1Hw10yaOo4Op6o3JZCDatTtGwKA/s36/29.gif", "(k)");

       emo(/\s\(h\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMvc71khPfaExHdNi35vemj7Ah_0e_msWBi1Ez8tO-CdJne4vYCgGXNIWYvptGuQNP1pqTRFdMtrzDo5ZAj07FpZiprJyFoHvxwZyyaCn0vxp4kMu_oEIqDQQh-lEag-3dMAcKjVSWvLM/s36/30.gif", "(h)");

       emo(/\s\(c\)+/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXz603yQpD2tpBwQyyT3urkVM5lj6IFJPvWf9p1JxPej7P8PCIN6q60SCgtytm8AIdpb3Xz-1i44r_qWMbEOQBKB7jZpsp8mNYuR6zo_Xtoa3Uu2J4B17MW7fEnKL9utfsMOc1xu3V7mg/s36/31.gif", "(c)");

       emo(/\scheer/ig, "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4455qFcsMnLULNlvNEGi4WJfPVnD68P-3ujcgotZLfNNkxiTgdvm_vir4qgyy22m6Q5ewhYHwaUTKLRAimnb5m3jRgLou3YdwbXY35HgFFZsIrwmrJxYlQr8W7AaZZ3qdgvKV-x6Px6Q/s36/32.gif", "cheer");

      

   // Show alert one times!

       $('div.emoWrap')

           .one("click", function() {

           if (emoMessage) {

               alert(emoMessage);

           }

       });

       // Click to show the code!

          $('.emo')

           .css('cursor', 'pointer')

           .live("click", function(e) {

           $('.emoKey')

               .remove();

           $(this)

               .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');

   $('.emoKey')

               .trigger("select");

   e.stopPropagation();

       });

       $('.emoKey')

           .live("click", function() {

           $(this)

               .focus()

               .select();

       });

   
   

   });

   //]]>

   </script>

   </b:if>

Related Article - Tips Membuat Navigasi "Back To Top" Blogspot

Terakhir klik Save untuk menyimpan perubahan. Nah, demikian artikel tentang tips menambah fitur emoticon pada komentar blogspot kali ini, semoga bermanfaat. :)

› Read More

Tips Membuat Animasi Images Artikel Blogspot

Tips membuat animasi images artikel Blogspot yang mudah, simple dan works tenan. Animasi kali ini cukup sederhana saja, hanya menampilkan efek berputar dan membesar pada images artikel. Untuk membuat animasi yang lebih menggigit, agan bisa memodifikasi script CSS nya. Untuk membuat animasi sederhana kali ini hanya menggunakan script CSS3 memanfaatkan efek transform, transition, rotate dan translate. Jadi akan memudahkan agan untuk membuat efek yang lebih greged daripada ini.

Related Articles - Tips Menangani iOS 7 Bermasalah

Bagaimana, setelah melihat screen shoot diatas apakah sudah ada gambaran? pasti sudah ada yah, kalau ga ada, saya bingung juga mau jelasin seperti apa. :v Mungkin dengan praktik langung bisa lebih memudahkan pemahaman.

Ok, Begini langkah-langkahnya:

1. Pastikan sudah masuk ke akun blogspot anda, jika belum monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit HTML"
4. Gunakan CTRL+F, Cari kode ]]></b:skin>
5. Kalo sudah ketemu, monggo copy script CSS3 dibawah ini, dan paste tepat diatas kode ]]></b:skin>
   
   
   .post img {
   -o-transition:all 1.5s ease;
   -moz-transition:all 1.5s ease;
   -webkit-transition:all 1.5s ease;
   }
   .post img:hover {
   -o-transform:scale(1.2) rotate(360deg) translate(0px);
   -moz-transform:scale(1.2) rotate(360deg) translate(0px);
   -webkit-transform:scale(1.2) rotate(360deg) translate(0px);
   -o-transition:all 1.5s ease;
   -moz-transition:all 1.5s ease;
   -webkit-transition:all 1.5s ease;
   }

Related Article - Tips Membuat Menu Dropdown Web Blog

Terakhir klik Save untuk menyimpan perubahan, demikian artikel tentang Tips Membuat Animasi Images Artikel Blogspot kali ini, semoga bermanfaat. :)

› Read More

Tips Anti Plagiat, Menonaktifkan CTRL+U Blogspot

Pada artikel kali ini saya akan membahas topik menarik yaitu tips anti plagiat, menonaktifkan / mendisbale fungsi CTRL+U website atau blogspot, agar artikel kita terbebas dari plagiat. Namun pada kenyataannya, usaha tersebut begitu mudah untuk dikibulin bahkan dengan fasilitas dari browser yang digunakan. Setelah menggunakan berbagai teknik seperti menonaktifkan klik kanan, menonaktifkan fungsi copy paste, tapi bagaimanapun itu adalah usaha, tidak ada yang sia-sia, mungkin dengan begitu banyak juga plagiat yang malas duluan hanya untuk men copy sebuah artikel.

teknik ini pun saya temukan dari blog sebelah, dan ini memang hasil copy paste tapi isinya artikel tentu berbeda hanya kalau ada script-script dan picture, baru saya full copas. :v jadi sebelumnya saya meminta maaf kepada para blogger yang merasa artikelnya saya copas, untuk masalah script dan picture memang saya full copy paste, paling hanya ganti nilai / variabel saja kalo script, karena saya belum sepenuhnya bisa membuat picture dan script-script seperti itu langsung dari otak saya. :)

Related Article - Tips Membuat Pagination atau Page Number Blogspot

Ok, untuk lebih memahami langsung saja kita praktik, berikut langka-langkahnya:

1. Pastikan sudah masuk ke akun blogspot anda, jika belum monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit HTML"
4. Gunakan CTRL+F, Cari kode </head>
5. Kalo sudah ketemu, monggo copy kode Javascript dibawah ini, dan paste tepat diatas kode </head>

<script src='http://yourjavascript.com/5277316191/donotcopasme.js' type='text/javascript'/>

dengan menyisipkan kode javascript diatas, ketika plagiat menekan CTRL+U, maka akan langsung diredirect ke halaman lain yang berisi picture Plagiat Detected, seperti dibawah ini:

Related Article - Tips Membuat Menu Dropdown Web Blog

Terakhir klik Save untuk menyimpan perubahan, demikian tips anti plagiat, menonaktifkan CTRL+U Blogspot kali ini, semoga bermanfaat untuk kebaikan website atau blog kita semua.

source: jam-vista

› Read More

Tips Menghilangkan Entri Atom dan Subscribe To (Blogspot)

Tips menghilangkan Entri Atom dan Subscribe To Atom pada Blogspot. Berdasarkan pada alasan-alasan blogger mengapa fasilitas Entri (Atom) dan Subscribe To Atom ini lebih baik dihilangkan adalah karena penempatannya yang kurang menggigit, tidak user friendly, sudah ada tools yang lebih baik untuk digunakan seperti feedburner. Sebelum memulai tahap eksekusi ala deportasi, sebenarnya apa sih fungsi dari kedua fasilitas ini? Entri (Atom) adalah fasilitas untuk berlangganan artikel/posting, sedangkan Subscribe to: Posts (Atom) adalah fasilitas pengunjung untuk berlangganan post beserta komentar-komentarnya.

Related Article - Tips Membuat Breadcrumb di Blogspot

Ok, langsung saja kita masuk tahap eksekusi Entri (Atom):

1. Pastikan sudah masuk ke akun blogspot agan, jika belum monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit Template"
4. Gunakan CTRL+F, cari kode <b:include data='feedLinks' name='feedLinksBody'/>
5. Kalo sudah ketemu, monggo dihapus saja

Kemudian tahap menghapus Subscribe to: Posts (Atom)

1. Masih tetap di editor Edit HTML, jika sudah move on monggo login dulu. :)
2. Pilih menu "Template"
3. Pilih "Edit Template"
4. Gunakan CTRL+F, cari kode dibawah ini
   
   
   <div class='feed-links'>

   <data:feedLinksMsg/>

   <b:loop values='data:links' var='f'>

   <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

   </b:loop>

   </div>


5. Monggo, Hapus semua kode tersebut

Related Article - Tips Membuat Pagination Atau Page Number Blogspot

Demikian tips menghilangkan entri atom dan subscribe to (Blogspot) kali ini, semoga bermanfaat. :)

› Read More