RSS

Membuat Daftar Isi Sesuai Kategori

Diposting oleh Filest Blog
Label: , / Comments: (0)
Tips CSS Membuat Daftar Isi Sesuai Kategori Label - Jika kamu ingin memberikan blog kamu Daftar isi mungkin kamu perlu mencoba script yang satu ini, script ini saya dapatkankan dari kak Blog Urang Kurai. Silahkan kamu copy script dibawah ini di postingan blog kamu atau elemen halaman blog kamu.

Sebenarnya banyak juga tutorial lain yang juga sangat bagus untuk diterapkan dalam membuat daftar isi seperti ini. Saya sendiri menggunakan daftar isi dari Father Abu farhan.
Jika anda ingin menggunakan variasi yang lain silahkan Anda Coba Menu Daftar isi yang satu ini.
<style>#daftar-isi-body{width:760px!important;
         height:600px!important; padding:30px 40px;
         margin:0 auto;
}
 #daftar-isi-wrap 
{
         margin: 0 auto;
}
 .box-posting 
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSbM7ILnKtCUYV9h3R2yLYE_QmAR43S_XiJWHlLKL3y1LNGKcFwQwphJrIU1lp0jCPgSXV85NWtfXl9yUEbXPhyUl89ccChdEAIpxRLsrmd5v9shtDaeq-vfOtEoNsJgDLW8igvkady6A/s1600/bg-box.png);
         background-position:bottom center;
         background-repeat:no-repeat;
         overflow:hidden;
         cursor:pointer;
         float:left;
         height:140px;
         width:248px;
         margin:-50px 0 0 0;
}
 .box-posting img 
{
         height:46px;
         width:46px;
         float:left;
         margin:20px 0 0 25px;
         background-color:#2E0700;
         border:1px solid #2E0700;
         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 50%;
}
 .box-posting .judul-posting 
{
         float:left;
         height:35px;
         margin:0;
         width:220px;
}
 .box-posting .judul-posting a
{
         font-family:arial,Serif !important;
         color:#774A34!important;
         text-shadow:0 0 1px rgba(0,0,0,0.9);
         margin:-40px 0 0 80px;
         display:block;
         font-size:13px !important;
         line-height:18px!important;
         font-weight:bold !important;

}
 .box-posting .judul-posting a:hover
{
         color:#333!important;
}
 .box-posting:hover 
{
         border-left-color:#C6EB04;
}

 #totales 
{
         text-align:center;
         color:#774A34 !important;
         text-shadow:0 1px rgba(0,0,0,0.2);

}
 #loadingscript 
{
         color:#444;
         font-family:Century Gothic;
         font-size:100px;
         letter-spacing:-10px;
         text-align:center;
         text-shadow:-5px 0 1px #444;
}
 #paginacion 
{
         color:#BBB;
         font-size:24px;
         font-weight:bold;
         height:35px;
         line-height:28px;
         padding:0;
         margin:0 auto;
         text-align:center;
}
 #paginacion span,#paginacion a 
{
         display:inline-block;
         font-size:13px !important;
         line-height:24px;
         font-weight:bold;
         margin:0 1px;
         width:25px;
         height:25px;
}
#paginacion a, #paginacion span.actual  
{
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9Z1L8N8Xtw9cYXqh1DRRaBrGyqLX6srGzy1R1K3tbP2tfnVQXtOgK0SfqXW-E6PYliV39sEGIo_B4_ABntCQkHIMeamUZVJVyhr6AuH06WJ90QomwWh3qE9HhanY8XtrqSVrHoqnS5I/s1600/page-link.png);
         background-position:top center;
         background-repeat:no-repeat;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
}
 #paginacion span.actual 
{
         color:#774A34 !important;

}
 #paginacion a:hover 
{
         color:#FFF !important;
}
 #paginacion .nextprev-link,
 #paginacion span.nextprev-link 
{         border:none;
         color:#250700 !important;
         text-shadow:0px 1px 0px rgba(255,255,255,0.1);
         width:100px;
         background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqkNyu-zByp4Jiu25WlSFstbxvCiknov6Vxmjis7sK_PybSYzSHCtOrZk7JQ03yNNIVvSk75zRDZrGhyuOYCEezGTl-vZjqpjsGjcLK-Wlc81JSBa44s3R5CkZEzKXRkUEONywsR1gVeY/s1600/nextprev.png);
         background-position:top center;
         background-repeat:no-repeat;
}
</style>

                           <script type="text/javascript"> 
                                 var jumlahposting = 18;
                   var urlblog = "http://fidianalestari.blogspot.com";
                   var minpaginas = 5;
                   var maxpaginas = 10;
                   var thumbs = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Uze6BodhLjf-PWq6OtcIMCGqID83_0fS81KJRr5RTKLpXDXGJOcZLXiSnmI7cK5G4zVbW4wffCXiSzhIcw6EmPn7PU-O3yRQ26sdRkVJggnoUBKbztO3eGrQa6n4pUBUm8owkyR_a2c/s1600/icon-img.png";
</script><script language="javascript" src="http://free-files-urangkurai.googlecode.com/files/sitemap.js"></script>
Ganti tulisan warna merah dengan blog kamu.
Dan silahkan di publih, Selesai.

Sumber : http://urang-kurai.blogspot.com/2012/04/daftar-isi-part.html

CSS Tampilan Posting Lama dan Baru lebih Indah

Diposting oleh Filest Blog
Label: / Comments: (0)
CSS Membuat Tampilan Posting Lama dan Baru lebih Indah - CSS berikut ini adalah untuk membuat Posting lama, baru dan Home menjadi lebih indah. Untuk contoh atau demonya adalah pada blog ini, saya sudah menerapkannya.
Kurang lebih seperti dibawah tampilannya. Kamu bisa melihat itu dibawah dari blogku ini.

Berikut cara nya :
Setelah masuk di Blogger, kamu masuk ke Edit HTML kemudian search ]]><b:skin>
kemudian copy script dibawah ini, diatas dari ]]><b:skin>
#blog-pager {line-height:40px !important;}
#blog-pager-older-link a,
#blog-pager-newer-link a,
#blog-pager a.home-link {
 padding:5px 10px;
 margin:2px 7px;
 text-align:center; background:#278100 url (http://4.bp.blogspot.com/-445SkQ6EG9g/TkIRpduys0I/AAAAAAAAAqI/1uUZnx_-3FY/s1600/rumput.png) repeat-x 0 -1px;
  border:2px solid #fff;
  font:bold small Arial,Sans-Serif;
  text-decoration:none;
  color:#fff;
  text-shadow:1px 1px 1px #278100,0 0 5px #278100;
  -webkit-box-shadow:0 1px 3px #aaa;
  -moz-box-shadow:0 1px 2px #aaa;
  box-shadow:0 1px 2px #aaa;
  -webkit-border-radius:.5em;
  -moz-border-radius:.5em;
  border-radius:.5em;
}

#blog-pager-older-link a:hover,
#blog-pager-newer-link a:hover,
#blog-pager a.home-link:hover {
  position:relative;
  top:-1px;
  color:#000;
  background-position:0 0;
}

#blog-pager-older-link a:active,
#blog-pager-newer-link a:active,
a.home-link:active {
  position:relative;
  top:1px;
  background-position:0 -2px;
}
 Terakhir Simpan Templatemu.
Jika ada pesan error saat menyimpan, kamu bisa mengulanginya lagi.

Sumber

Cara Optimasi Blog agar Cepat terindex Google

Diposting oleh Filest Blog
Label: / Comments: (6)
Cara Optimasi Blog Untuk Index Google - Berikut ini adalah tutorial tentang Optimasi Blog agar cepat terindeks di google dan search engine lain seperti Bing, yahoo dan Ask. Silahkan kamu coba script dibawah ini dan siapa tahu aja scriptnya bisa meningkatkan PR Blog kamu. Artikel dibawah ini saya copy dari forum Adsend-id.


Cara Optimasi Blog Untuk Index Google
Cara Optimasi Blog Untuk Index Google - Berikut ini ada beberapa trik untuk optimasi blog nich, berikut ini adalah tutorial yang saya copy dari forum adsend-id (dns.kardian).Dan untuk desain background plus shadownya nyomot di HMPS TI Unikama dan Kampus Multukultural. Semua nya serba nyomot-nyomot, ya mohon dimaklumi saja masih newbie, ntar dech klo udah jago aku bakalan bikin sendiri.

Optimasi Blog agar cepat terindex oleh Google bisa kita lakukan dengan beberapa cara. Tapi yang akan aku bahas disini yaitu melalui Optimasi Meta Tag nya. Aku juga baru masang di blog ini sehingga aku juga gag berani banyak cerita, soalnya belum tahu hasilnya, tapi setidaknya ini bisa dipraktekin karena sudah ada yang pernah buktiin.

Berikut ini Meta Tag nya :
OK, langsung saja kamu masuk ke Google Web Master
** Submit Sitemap di Webmaster Google - (Perlu di Perhatikan)
// Gunakan ini jika Postingan anda di bawah 500 //
atom.xml?redirect=false&start-index=1&max-results=500

//Gunakan ini Untuk Blog dengan posting kurang dari 1000 //
atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500

//Gunakan ini untuk Blog dengan postingan kurang dari 1500, tapi lebih 1000 //
atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500
Setelah kamu selesai menyetting sitemap kamu, kemudian masuk lagi ke blog dan masuk ke Edit Html.
Letakkan script meta tag di bawah ini tepat dibawah <head> 
<meta content='Kode Verifikasi Google' name='google-site-verification'/>
<meta content='Kode Verifikasi' name='msvalidate.01'/>
<meta content='Kode Verifikasi Alexa' name='alexaVerifyID'/>
<meta content='Kode Verifikasi Technorati ' name='TechnoratiVerifyID'/>
<meta content='Kode Verifikasi Bing' name='y_key'/>
<meta content='Kode Verifikasi Markosweb' name='markosweb.com/validation'/>
<link href='https://plus.google.com/id_google+ anda' rel='author'/>
<link href='http://www.nama-blog-agan.com/p/sitemap_2836.html' rel='contents'/>

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.url == &quot;http://www.nama-blog-agan.com/&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
// -----------------------------------------------------------,----------------------------------//
<meta content='Deskripsi Blog' name='Description'/>
<meta content='Keywords 1, - Keywords 15' name='keywords'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta content='index,follow,noodp,noydir' name='robots'/>
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
<link expr:href='data:blog.url' rel='canonical'/>
</b:if>
// ----------------------------------------------------------------------------------------------//
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Webcrawlers'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Spiders'/>
<meta content='all' name='audience'/>
<meta content='all,index,follow' name='alexabot'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='English' name='Language'/>
<meta content='document' name='resource-type'/>
<meta content='Global' name='Distribution'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='no-cache' http-equiv='cache-control'/>
<meta content='no-cache' http-equiv='pragma'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='United States' name='geo.placename'/>
<meta content='usa' name='geo.region'/> 
Untuk yang meta Content silahkan kamu sesuaikan sendiri dengan keinginan kamu.
Keterangan:

Pertama:
Saya Menyarankan anda untuk memasukkan Keywords hanya: 15 keywords ( ke-15 keywords tersebut benar-benar sudah Mantap di jadikan "Kata Kunci"
Kenapa harus 15 ??
Karena jika lebih dari 15 maka status "keywords tersebut" tidak valid -- Cara mengetahuinya adalah
1. Instal Add-ons "SeoQuake" di Mozilla --
2. Buka Blog anda lewat Mozilla
3. Perhatikan di bagian Add-Ons SeoQuake disana ada pilihan DIAGNOSIS . Maka temen-temen bisa melihat hasilnya -- apa saja yang sudah valid sama yang belum valid !!

Ke-dua:
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>

Disini saya membuang kode: data:blog.pageName + &quot;, &quot; +
Sehingga menjadi:
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>

Alasannya adalah: Agar tidak terjadi Duplicat Tittle dan Cepat Masuk Index !
karena hal ini nanti jika di lihat souce code nya, maka title blog akan berdampingan dengan judul Postingan
_____________________________________
Agan-agan Hanya mengganti dengan nama-blog masing-masing dan kode-kode verifikasi, jika belum mendapatkan kode verifikasi, saya sarankan silahkan di daptarkan agar mendapatkan kodenya.

Original Article : adsend-id

Contest Blog HMPS TI Unikama Semakin Panas

Diposting oleh Filest Blog
Label: , / Comments: (2)
hmps ti unikama dan kampus multikultural
Tagga Kampus Multikultural
Contest Blog HMPS TI Unikma Semakin Panas [sharing] - Kampus Multikultural yang menjadi wadah HMPS TI Unikama ini asik untuk dikupas lebih dalam tapi karena masih dalam moment kontest blognya Himpunan Mahasiswanya jadi aku bahas tentang keywordnya saja "HMPS TI Unikama dan kampus multikultural". Persaingan dari tanggal 8 juni 2012 ini mulai sangat ketat dan blog ku ini juga masih tertinggal dibawah. Aku memang tak berharap banyak dari lomba ini karena memang ilmuku di dunia Blog dan SEO masohlah sangat seumur jagung yang baru saja di masukan ke tanah.

Kenapa aku ngambil judul itu "Contest Blog HMPS TI Unikma Semakin Panas" karena memang persaingan dari para blog master SMA dan SMP sangat ketat sekali. Aku hanya ikut-ikutan aja dan gag tau itu dipage berapa, maklum gag pernah update karena padatnya jadwal siaran Radioku di SKIMO FM Donomulyo.

Kali ini aku hanya ingin share saja karena terlihat semakin PANAS perlombaan dan peringkat naik-turun terus, ya yang kayag aku hanya bisa lihat tok dan berharap suatu hari nanti bisa juga seperti mereka, aku terus belajar tanpa lelah dan tanpa menyerah sedikitpun. Berharap juga di seminar yang diadakan HMPS TI Unikama dan Kampus Multikultural nanti aku dan temenku satu tim bisa mendapatkan rahasia-rahasia SEO yang jitu. Amien..

Sudah dulu, mau siaran lagi, hiii.. :)