MASUKAN TEXT MU DISINI

Cara Membuat Breaking News di Blog 

/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOSIetj1qsvOH6wfrqqLajyDuUnlW71h8Zbsk5B48QVoWKYeFyFYOQpzMX1DUWI9t3Odc2XWINIr4nv6pK3Z-N4qeyslaaG2tAAmUIueJOiIwEWwbPFSHy9JO3KJGKvc_kQrs5jwueEkw/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}  

<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot; http://m-technogi.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>

Pada tutor kali ini m-technogi akan memberikan urut-urutan Cara Mudah Membuat Readmore. Tidak semua template menyediakan readmore otomatis, maka dari itu kita harus membuatnya sendiri. Jika anda termasuk yang memiliki temp;ate yang belum ada readmorenya berikut simak tutorial lawas Cara Mudah Membuat Readmore.

Pertama masuk ke dasbor blloger => rancangan => Edit HTML (Jangan lupa centang Expand Template Widget)
Kedua backuplah dahuluu jika perlu untuk berjaga-jaga jika ada kesalahan

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>

<script type='text/javascript'>

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

Kelima, carilah kode <data:post.body/>, dan gantilah kode tersebut dengan

NB :: readmore berwaarmna merah bisa anda ganti sesuai selera

Keenam, simpan dan lihat hasilnya 

Cara Membuat Shout Box

Cara Membuat Shout Box- Shout Box istilah kerenya adalah chatingan, ada juga yang menyebutkan Say Box, Tag Board, dan Chatter Box namun pada umummnya shout box berfungsi untuk mengirmkan kata-kata atau pesan singkat bisa juga untuk chatingan seperti yang sudah kita kenal sebelumnya. Cara Membuat Shout Box, biasanya shoutbox ini memakai bahasa pemrograman JS atau Java Script tapi bisa juga anda membuatnya sendiri bagi yang memiliki kelebihan membuatnya.

1.Daftar ke Shoutmix

2.Setelah pendaftaran berhasil, nanti kita akan dibawa untuk memilih tipe sshout box kita, terserah sesuai selera anda

3. Setelah itu lalu klik link Go to My Control Panel Now

4. Lalu setelah itu kita akan diminta untuk menyeting shoutbox yang telah kita pilih tadi, kita bisa menyeting sepeti Style & Color, Date & Time, dan lain-lain.

5. Jika sudah selesai klik menu Get Codes

6. Jika sudah dan ingin langsung dipasan di blog tinggal pilih "Place Shoutbox on Webpage"

7. Atur lebar dan tinggi shoutbox di kolom widht dan hight

8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"

9. Login ke blogger pilih Tataletak kemudian

11. Tambahkan element HTML/Javascript.

12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu Save

13. Berhasil dan lihat hasilnya.

Ada beberapa kesalahan-kesalahan saat kita menulis artikel sehingga membuat artikel kita tidak nongol di halaman depan, dari sekian alasan saya menyimpulkan menjadi beberapa. Itu semua membuat blog kita menjadi sepi atau tanpa pengunjung namun juga tidak mengesampingkan kita si admin kurang berinteraksi dengan blogger lainnya yang juga menyebabkan blog kita sepi pengunjung.

Cara Pilih Keyword Yang Tepat Untuk Artikel Anda

Memilih keyword yang tepat juga salah satu alasan untuk mendapatkan trafic pegunjung, apalagi kalau kita memlih keywod dengan tepat dan bagus bisa mendatangkan banyak pengunjung diblog kita. Sebelumnya saya akan jelaskan sedikit apa itu keyword, keyword adalah kata yang sering dicari oleh para pengguna internet didalam Search engine.Disini saya juga belajar tentang memilih keyword yang tepat untuk blog kita, karna jujur saya belum mahir dalam hal blogger. Jadi mari kita belajar bersama-sama dan sharing ilmu yang bermanfaat sob :D

Balik ke materi, kali ini saya akan membagikan  Cara Pilih Keyword Tepat Untuk Artikel menggunakan 2 cara sederhana nan gampang. Tapi sebelumnya ada sedikit info kalau keyword dapat dibagikan menjadi 2 yaitu Keyword Musiman dan Keyword Abadi. Mungkin tidak perlu saya jelaskan karena sobat mungkin bisa meraba-raba apa pengertia dari keywod musiman dan Keyword abadi.

Cara Pilih Keyword dengan AdWord

Mungkin denga adWord sobat bisa gunakan ini karena tool tersebut paling populer digunakan untuk mencari keyword. Bisa dikatakan tool ini adalah untuk mencari keyword abadi, mungkin sobat bisa langsung ancap gas ke tkp https://adwords.google.com/select/KeywordToolExternal

Cara Pilih Keyword dengan Insight

Dengan tool ini anda bisa mengetahui keyword apasaja yang agi nge-trend, dengan kata lain untuk mencari keyword musiman, silahkan sobat bisa kunjungi http://www.google.com/trends

Demikian penjelasan mengenai Cara Pilih Keyword Tepat Untuk Artikel, sebelumnya saya akan berpesan bila mencari keyword pastikan cari yang sesuai dengan artikel yang akan sobat tulis, jadi dengan begitu akan lebih ada hubungannya keyword yang dicari dengan artikel anda. Semoga bermanfaat :D

Selamat malam sob, kembali lagi saya aka membagikan informasi yang mungkin berguna bagi anda :D benar buka ?? Masih pada materi sebelumnya mengenai seo, kalau kemarin saya posting Cara Memasang SEO Smart Link  kali ini saya akan membahas bagai mana cara membuat gambar secara otomatis sudah masuk standar SEO.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
        var $img = $(this);
        var filename = $img.attr('src')
        $img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
  $('img').each(function(){
        var $img = $(this);
        var filename = $img.attr('src')
        $img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

5.Simpan dan lihat perbedaanya, 

Untuk memastikan berhasil atau tidak sobat hanya masuk ke tempat postingan atau edit posting, lalu klik HTML yang letaknya di kiri pojok atas . cari kode gambar dan lihat tag alt dan title, bila kedua kode tersebut ada, berarti berhasil