3.Cara Memasang Text Berjalan Recent Post di Blog

NAMA :ADE PRIMA PUTRI KA1

 NPM    : 1114232038 UTS KA1

1.CARA MEMASANG ALEXA PADA BLOG

Cara Pasang Alexa Site Widgets Blog Anda

berbagi-kreativitas.blogspot.com - Salam sahabat pengunjung! Anda menggunakan alexa untuk dapat memantau perkembangan ranking blog Anda? Jika belum segeralah daftar disini. Setelah proses pendaftaran selesai apa yang harus Anda lakukan agar dapat lebih mudah memantau perkembangan rank alexa blog Anda? Pasang Alexa Site Widgets pada blog Anda. Untuk mempermudah Anda saya akan paparkan bagaimana Cara Pasang Alexa Site Widgets pada blog.

Sebelum Anda lebih jauh melangkah sedikit banyaknya Anda harus tahu Apa Itu Alexa? dan Apa itu Alexa Rank? Silahkan baca pada artikel sebelumnya tentang 1001 Cara Susutkan Nilai Alexa Rank Blog disini, disitu sedikit banyaknya penjelasan tentang Alexa Saya paparkan.

Untuk Anda yang belum memasang Alexa Site Widgets pada blog Anda, silahkan perhatikan langkah-langkahnya dibawah ini.

1. Login atau masuk alexa.com atau klik disini
2. Setelah itu pilih menu Site Tools, lihat gambar

3. Setelah itu Anda akan dibawa pada halaman Tools yang alexa sediakan, pilih Alexa Site Widgets lihat gambar

4. Selanjutnya Anda akan dihadapkan kembali oleh sebuah halaman dengan 3 sampai 7 Teks Box, pilih yang paling atas saja lalu isi dengan Url atau alamat situs halaman depan Blog Anda, ex : http://berbagi-kreativitas.blogspot.com lalu klik tombol Bulid Widget lihat gambar

5. Setelah Anda input Url Blog Anda diatas Anda kembali akan dihadapkan oleh sebuah halaman, yang disini adalah halaman Kode Widgets Url blog Anda yang siap Anda pasang pada blog, lihat gambar

6. Terakhir tambahkan gadget atau terserah Anda mau meletakkan kode alexa situs Anda dimana pilih salah satu kode seperti gambar diatas sesuai kebutuhan Anda lalu simpan. Selesai sekitan dan terimakasih semoga membantu Anda bagi yang membutuhkan Salam.

2.CARA MEMASANG DAFTAR ISI PADA BLOOGER

Cara membuatnya adalah buat laman statis baru

1. Klik Posting, Laman Baru, kemudian Edit Laman, lalu Edit HTML
2. Pada Judul Laman masukkan Daftar Isi
3. Masukkan kode berikut pada kotak untuk isinya:
   
   <link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
   <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
   <script src="http://www.oblo.web.id/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
   <script type="text/javascript">
   var accToc=true;
   </script>
   <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

3.Cara Memasang Text Berjalan Recent Post di Blog

Widget recent post biasa kita jumpai dengan model dan bentuk yang rata-rata sama, dengan kode http://bisnis.pahdizul.com/feeds/posts/default maka widget default recent posts dengan mudah terpasang di blog. Ada pula widget recent posts yang disertai thumbnail atau gambar dari postingan dan beberapa widget recent posts lainnya yang bisa kita jumpai di beberapa blog yang berisi tutorial blog.

Agak berbeda dengan recent posts pada umumnya, recent post berikut adalah recent posts atau postingan terakhir dari blog yang berjalan atau biasa kita sebut dengan marquee. Contoh demonya bisa sobat lihat disini. Tertarik ingin memasangnya? berikut langkah singkat dan padatnya, tidak perlu backup template karena kita akan meletakkannya langsung di elemen halaman.

• Pada Elemen Halaman, klik Tambah Gadget.
  
• Kemudian pilih yang HTML/Javascript.
• Masukkan kode berikut kedalamnya :

  <script type='text/javascript'>
  //<![CDATA[
  function RecentPostsScrollerv2(json)
  {
              var sHeadLines;
              var sPostURL;
              var objPost;
              var sMoqueeHTMLStart;
              var sMoqueeHTMLEnd;
              var sPoweredBy;
              var sHeadlineTerminator;
              var sPostLinkLocation;
              try
              {           
              sMoqueeHTMLStart = "\<MARQUEE onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";           
              if( nWidth)
              {
                  sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";
              }
              else
              {
                  sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";
              }
              if( nScrollDelay)
              {
                  sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";
              }
              if(sDirection)
              {
                  sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"";
                  if(sDirection == "left" || sDirection =="right")
                  {
                      //For left and right directions seperate the headilnes by two spaces.
                      sHeadlineTerminator = "&nbsp;&nbsp;";
                  }
                  else
                  {
                      //For down and up directions seperate headlines by new line
                      sHeadlineTerminator = "\<br/\>";
                  }
              }
              if(sOpenLinkLocation =="N")
              {
                  sPostLinkLocation = " target= \"_blank\" ";
              }
              else
              {
                  sPostLinkLocation = " ";
              }
              sMoqueeHTMLEnd = "\</MARQUEE\>"
              sHeadLines = "";
              for(var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++)
              {
                  objPost = json.feed.entry[nFeedCounter];
                  for (var nCounter = 0; nCounter < objPost.link.length; nCounter++)
                     {
                      if (objPost.link[nCounter].rel == 'alternate')
                      {
                            sPostURL = objPost.link[nCounter].href;
                            break;
                      }
                  }
  sHeadLines = sHeadLines + "\<b\>"+sBulletChar+"\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">"  + objPost.title.$t + "\</a\>" + sHeadlineTerminator;
              }           
              document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )
              }
              catch(exception)
              {
                  alert(exception);
              }
  }
  //]]>
  </script>
  <script style="text/javascript"> var nMaxPosts = 20; var sBgColor; var nWidth; var nScrollDelay = 180; var sDirection="left"; var sOpenLinkLocation="Y"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://miscah.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>
  

• Simpan.

Keterangan :

1. Ganti kode yang berwarna merah dengan alamat blog sobat.
   
2. var nMaxPosts = 20 adalah jumlah postingan terakhir.
   
3. var nScrollDelay = 180 adalah kecepatan text.
   
4. var sDirection="left" untuk text berjalan dari kanan ke kiri, ganti dengan right jika ingin text tersebut berjalan dari kiri ke kanan.
   
5. var sOpenLinkLocation="Y" untuk link pada halaman yang sama, ganti dengan "N" untuk membuka link pada jendela baru (new tab).
   
6. var sBulletChar="•" adalah icon kecil pada bagian depan setiap link, bisa diganti dengan apa saja sesuai selera.