UTS internet

Diposting oleh adat istiadat on Rabu, 14 Desember 2011

buatlah 5 postingan
1. trik cara membuat daftar blog
2. trik cara membuat recent post berjalan
3. trik seo
4. trik cara membuat replay pada komentar blog
5. cara menambahkan teks berjalan

jawaban :

1. Login di Blogger dengan ID anda kemudian langsung menuju ke edit html.di tab Template Jangan lupa kasih tanda centang pada kolom expand template widget.

Selanjutnya, cari kode html berikut :atau yang mirip dengan kode tersebut:

<b:include data='post' name='post'/>
Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#f2f2f2;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Kemudian save template.
Untuk langkah yang ke-2,membuat sebuah Link yang akan menampilkan daftar isi Blog, anda bisa menempatkannya di Sidebar blog anda, atau anda bisa meletakannya di Menu Navigasi seperti pada blog ini,tapi itu semua terserah anda ingin menempatkanya dimana, yang penting link tersebut harus tampilan pada halaman blog anda,berikut Link-nya
<a href="http://NamaBlog.blogspot.com/search?max-results=300">Daftar isi Blog</a>
Ganti teks yang berwarna merah dengan nama blog anda dan angka 300 menunjukan jumlah postingan yang ingin ditampilkan,kalo sudah Save Template anda
catatan:
Atau jika anda ingin menambahkan kode marquee silahkan tambahkan kode berikut
<marquee scrolldelay="50" scrollamount="1">Daftar Isi</marquee>

2.Masuk ke halaman Dasboard > Tata Letak (Rancangan) > Elemen Laman
Tambah gadget elemen HTML/JavaScript
Copy kode berikut dan paste pada elemen HTML/JavaScript tersebut


<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 == "top" || sDirection =="bottom")
{
//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="top"; var sOpenLinkLocation="Y"; var sBulletChar="รข�¢"; </script> <script style="text/javascript" src="http://namablogSOBAT.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>


Keterangan :

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

3. trik-trik seo  :
  1. Basic format
    Langsung saja, format dasar seo sebenarnya terletak di: Title/Judul halaman, Meta, yang dibagi menjadi dua yakni meta keyword dan meta description. Sedangkan di Body yang perlu diperhatikan adalah penulisah heading (<H1>, <H2>, <H3>) dan seterusnya, karena penulisan heading sangat berpengaruh dalam proses seo. Sebaiknya gunakan heading dengan ‘bijak’, yakni <H1> sebaiknya untuk judul utama, <H2> untuk sub menu dan seterusnya. Pengaruhnya lumayan dasyat dan hasilnya pun optimal. Hanya dengan menerapkan basic format ini, saya kira semua syarat dari search engine sudah terpenuhi. Memang sih akan ada banyak lagi yang harus dikerjakan, tapi yang penting kan basicnya harus benar dulu.
  2. Pemilihan Keyword
    Tahap ini sebenarnya tahap yang paling sulit, karena ditahap ini anda akan mendapatkan tantangan besar untuk menentukan keyword apa yang cocok untuk web anda. Tapi gak perlu takut untuk mencoba, karena master seo pun masih mencoba-coba dalam menentukan keyword apa yang cocok, namun tidak asal coba. Semua itu harus ditentukan dengan tools yang khusus dipakai untuk menentukan keyword. Pakai saja yang gratis, yakni tools yang dipakai untuk google adword, karena tools itu bisa memberikan hasil yang optimal. Tips untuk memilih keyword yakni jangan menggunakan keyword yang lagi populer dan banyak diperebutkan, sebaiknya hindari itu dari pada anda akan cepat putus aza.
  3. Backlink & Blog walking
    Ini yang penting. Saya gak perlu menjelaskan ini lebih rinci karena pasti anda sudah tahu tentang ini. Intinya bagaimana web anda bisa dilink oleh web lain yang topiknya sejenis kalau bisa, tapi kalau enggak juga gak apa-apa. Dari pengalaman yang saya liat selama ini link yang tidak setopik memang kurang greget, tapi cukuplah untuk nambah-nambah poin untuk ningkatin pagerank. Demikian juga dengan blog walking, yakni dengan memberikan komentar yang tentunya baik dan relefan dengan topik di sejumlah blog dengan harapan mendapatkan tautan balik ke web kita.

4.Masuk blogger > rancangan > edit html > centang expand template widget
Kemudian cari kode <data:commentPostedByMsg/> , kemudian copy dan pastekan kode dibawah ini tepat diatas kode dibawah ini, tepat diatas kode 
<data:commentPostedByMsg/> :
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=1585432713698910361&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450,&quot;);return false;' style='padding:0px 5px; border:1px solid #ddd;'>Reply Comment</a>
</b:if>

Ganti Tulisan angka pada blogID=1585432713698910361 dengan menggunakan blogID sobat sendiri, setelah selesai silahkan simpan/save.



5. buka dasbor lalu tambah gadget tingkalkan halaman ini sebentar lalu buka google lalu masukan widgeo.net trus pilih flash message tulis teks yang ingin di jadikan teks berjalan lalu klik get widget copy pastekan kode script nya ke html tadi

{ 0 komentar... read them below or add one }

Posting Komentar