Saya hanya seorang pemula yang sedang belajar dunia blogspot, disini saya ingin membahas bagaimana cara memodifikasi Recent Posts agar lebih menarik dengan Fitur dari BuzzBoost.



Sebenarnya hal ini sudah banyak yang membahas akan tetapi modifikasi tiap orang pasti berbeda-beda sesuai dengan selera masing-masing, dibawah ini akan saya bahas bagaimana cara mendaftar ke Feedburner sampai menaruh fitur itu di dalam template blogspot kita.



Apa itu RSS! RSS adalah sebuah file berformat XML untuk sindikasi yang telah digunakan (diantaranya dan kebanyakan) situs web berita dan weblog. Teknologi yang dibangun dengan RSS mengijinkan kita untuk berlangganan kepada situs web yang menyediakan umpan (feed) RSS, biasanya situs web yang isinya selalu diganti secara reguler.



Dibawah ini adalah contohnya







BuzzBoost sendiri adalah salah satu fasilitas yang diberikan feedburner untuk menampilkan RSS Feed sebagai html dengan menaruh code javascript pada blog kita.



Ikuti langkah-langkahnya:
1. Daftar Feedburner, kalau belum silahkan klik disini.

2. Pada Situs FeedBurner cari bagian seperti di bawah ini.




3. Setelah itu cari alamat rss feed dari situs yang akan anda ekstraksi, misalnya http://kolom-tutorial.blogspot.com/feeds/posts/default, lalu tekan tombol Next, seterusnya tekan lagi tombol Next dan seterusnya sampai selesai hingga anda mendapatkan teks seperti ini




4. Pada halaman Publicize, cari Link BuzzBoost, lalu klik. Pada halaman BuzzBoost klik tombol ACTIVE.



Akan muncul halaman yang berisi script seperti dibawah ini

<script src="http://feeds.feedburner.com/blogspot/blogtutorial?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/blogspot/blogtutorial"></a><br/>Powered by FeedBurner</p> </noscript>

5. Edit script tersebut dan cukup mengambil bagian seperti di bawah ini

<script src="http://feeds.feedburner.com/blogspot/blogtutorial?format=sigpro" type="text/javascript" ></script>

6. kemudian modifikasi dengan menambahkan script dibawah ini tepat dibelakang text sigpro

&nItems=8&format=openLinks=new
&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below

sehingga menjadi seperti dibawah ini

<script src="http://feeds.feedburner.com/blogspot/blogtutorial?format=sigpro&nItems=8&format=openLinks=new
&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=50&dateLocation=below" type="text/javascript" ></script>

Copy Paste pada Blogspot anda dengan cara Buka Design - Page Element - Add a gadget - Javascript/HTML - Isi Title misalnya 'Recent Posts' Lalu Copy Paste script diatas pada Content



7. Setelah itu buka kembali Design - Edit HTML - Expand Widget Templates,
Jika menggunakan Mozilla FF, buka Edit - Find lalu ketikkan keyword Recent Posts, sehingga akan ketemu dengan script seperti dibawah ini

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Abaikan saja jika id anda tidak sama dengan HTML1, title='Recent Posts' adalah title yang anda masukkan sendiri saat membuat widget baru.



Modifikasi script diatas sehingga menjadi seperti di bawah ini

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='postnew'><div class='widget-content'>
<data:content/>
</div></div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Langkah selanjutnya adalah menambah style sheet css



8. Tetap pada mode Edit HTML, dengan mozilla FF cari Edit - Find, lalu ketikkan kata kunci </head> setelah ketemu bagian tersebut letakkan script dibawah ini tepat diatasnya

<style>
.postnew li a:hover { 
display:block; 
text-decoration:none; 
background:#efefef;
}
.postnew li a:visited {
text-decoration:none; 
}
.postnew {
float:left; 
width:380px;
}
.postnew ul {
width:90%; 
list-style-type:none;
}
.postnew li a {
text-decoration:none; 
border-top:1px solid rgb(204,204,204); 
line-height:13px; 
display:block;
padding:3px 0px 3px 0; 
}
.feedburnerFeedBlock div, .date, .feedItemAuthor, .feedTitle, .fbsubscribelink, .creditfooter {
        display:none; 
        padding:2px 3px; 
        margin-left:126px; 
        margin-bottom:12px; 
        width:162px
}
.feedburnerFeedBlock  li:hover .date {
        font-size:11px; 
        font-weight:bold; 
        text-align:left; 
        display:block; 
        position:absolute;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinZeCEH2xSXnomqb_H9Uw2hKQ8PGOsB5Z3SheePcUY1AC7yxuRYl4GruFZI7efZaYekC_ki6FC7bMOcDHE6sE6mQDpotC29fZSMjvAQsKIeQfkhUEo8TyXC9LF90nU-8vopMsi3ky19HQ/s400/tooltips-date.gif) no-repeat scroll 10px 5px; color:#333; padding:6px 35px; margin-right:10px; 
        width:114px
}
.feedburnerFeedBlock  li:hover div {
        border-radius:8px 8px; 
        -moz-border-radius:0 0 8px 8px;  
        -khtml-border-radius:0 0 8px 8px;   
        -webkit-border-radius:0 0 8px 8px;  
        border-radius:0 0 8px 8px; 
        font-size:11px; 
        display:block;
        position:absolute; 
        border:1px solid #ccc; 
        background:#E5E5E5  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCDVzMEmRgKqE-Bh-Mx0mU4godEG7_vMf1GBGi8TvDdcam6dieJpkOXo1WBaCMA3UYn59S4E7MWqXpLP5ckBzz6dovJhxMHazPaVmUfMhn5qVlKPhnHYqCMphAJE3u3A0YWp1SZVVq6t4/s1600/tooltips-background.png) repeat-x; 
        color:#333; 
        padding:35px 10px 10px 10px
}
</style>

9. Lakukan dari awal langkah-langkah diatas untuk mengekstrak RSS Feed situs-situs web atau blog yang anda inginkan.



Untuk melihat demo, silahkan ke halaman utama blog ocimnet, lalu disebelah kanan ada tulisan Recent Posts, klik salah satu link maka akan muncul sebuah deskripsi diatasnya.



Selamat mencoba

Pernahkan anda terfikir pentingnya followers dalam sebuah blog. Untuk blog yang masih memiliki trafik kecil, hal lain yang bisa membuat blog itu populer adalah dengan Followers yang banyak. Ada sebuah Sugesti bahwa seseorang akan mengatakan “wahh” apabila melihat followers/anggota yang tergabung dalam blog itu sangat banyak, dan bukan tidak mungkin orang itu akan ikut memfollow blog kita. Dan sugesti lainya, banyak kasus seorang pembaca berkunjung dan hanya sebentar lalu pergi kembali karna melihat followers blog kita yang sedikit. Dan berasumsi bahwa blog yang dikunjunginya jelek dengan sedikit pengikut. Namun itu hanya beberapa aspek dari hal untuk membangun trafik.



Tapi, apa salahnya di coba. Kita hanya perlu menempatkan tombol “Recommendation” di bawah setiap artikel kita. Dan lalu menempatkan ”Recommended stories” nya di manapun anda mau menempatkanya.  Dengan tombol ini, orang akan klik tombol Recommendation sekaligus memfollow blog kita. Menarik bukan.

Oke, langsung saja kita masuk ke tahap instalasi.

• Login ke Google friendconnect  - http://www.google.com/friendconnect/


• Klik/pilih pada blog yang anda ingin masukan tombol “Recommendation”


• Pilih “browse the Gedgets Gallery”


• Dan lalu pilih Gedget “Recommendation”.


• Untuk jalan pintas anda bisa langsung masuk ke link :

http://www.google.com/friendconnect/admin/site/recommendedpagesgadget



Setelah masuk ke gedget Recommendation anda tinggal mengatur warna, dan tampilan sesuai selera dan keperluan. Dan bila sudah selesai jangan lupa klik tombol “Generate Code”. Lalu tinggalkan sebentar, jangan di close.





Nah sekarang waktunya instalasi pada blog anda.

• Login ke blogger – Design – Edit Html


• Centang “Expand Widget”


• Lalu cari code

  <div class='post-footer'>

  
  
  


• Kembali ke Google friendconnect.


• Coppy code pada form ke 2 (dua)  dan tempatkan di persis di bawah

  <div class='post-footer'>

  
  


• Setelah itu klick save.

Langkah terakhir adalah lihat kembali Google friendconnect. Coppy code pada form ke 1 dan letakan di manapun anda mau. Misalnya pada gedget “HTML/Javascript”. Jangan lupa klik save.

Sampai disini proses instalasi sudah selesai. Dan selamat mempunyai followers yang banyak.

Semoga bermanfaat.

Assalamu'alaikum Wr. Wb



Pada kesempatan kali ini saya sharing bagaimana menangkal TUKANG COPAS kenapa saya sharing karena sharing is SEXY .



Mungkin kang rohman juga bisa melihat bahwa artikel nya banyak di COPAS oleh banyak orang yang tidak memberikan sumber / credit kepada penulis aslinya .

Jika banyak yang copy paste artikel kita rugi donk makanya saya sharing script ini untuk menghindari COPASSER yang main COPAS aja tanpa di baca dahulu .



Biasa kita memakai script dari tynt.com untuk menghindari COPASSER Tersebut tapi ini berbeda dan bukan dari tynt.com .



Langsung saja To teh ( kok teh puasa euy ) The Point



Langkah - langkah nya adalah :

1. Login Blogger Dengan Google Akun Anda


2. Jika sudah di dashboard Pergi Ke Rancangan » Edit HTML


3. Masukkan script berikut di bawah kode <head> :
   

   
   <script type='text/javascript'>
   function addLink() {
   	var body_element = document.getElementsByTagName('body')[0];
   	var selection;
   	selection = window.getSelection();
   	var pagelink = "<br/><br/> Read more at: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright  Fachrulakberr.blogspot.com Under Common Share Alike Atribution"; // change this if you want
   	var copytext = selection + pagelink;
   	var newdiv = document.createElement('div');
   	newdiv.style.position='absolute';
   	newdiv.style.left='-99999px';
   	body_element.appendChild(newdiv);
   	newdiv.innerHTML = copytext;
   	selection.selectAllChildren(newdiv);
   	window.setTimeout(function() {
   		body_element.removeChild(newdiv);
   	},0);
   }document.oncopy = addLink;
   </script>
   

   
   
   


4. Ganti url fachrulakberr.blogspot.com pada script dengan url blog Kamu .


5. Setelah itu simpan template .


6. Selesai .

Jika anda melakukan langkah-langkah di atas dengan benar maka coba tes di blog anda copy artikel anda sendiri terus taruh di notepad apa yang terjadi ada url blog kamu di artikel tersebut pada bagian Bawahnya .



Sekian tutorial saya .



Wassalamu’alaikum Wr. Wb

Mengamankan Wordpress Dari Hacker Jahat

Saya berterima kasih kepada Kang Rohman yang telah mengijinkan saya menjadi guest post di blog ini.

Karena saya juga ingin membagikan informasi penting terhadap para pembaca Blog Kang Rohman .



Pada kesempatan kali ini saya akan membahas tentang Mengamankan Wordpress Dari Hacker Jahat.

Loh kok jadi Hacker-Hackeran sih mas ?.

Iya iyalah karena saya mendengar bahwa wordpress itu bisa di masuki oleh orang-orang yang mengerti tentang teknik khusus ini.

Teknik khusus seperti apa mas ?.

Teknik seperti SQL Injection, RFI, Spaw upload dll.



Nah jika kalian sudah pernah merasakan ulah dari hacker ini dan belum mengetahui cara mencegahnya. Saya akan memberitahukan cara mencegahnya.

Salah satunya dengan memasang plugin di wordpress kita agar cpanel kita tidak di ciduk oleh parah hacker.

Berikut adalah beberapa plugin untuk mengamankan wordpress anda :



1. Login LockDown » http://www.bad-neighborhood.com/login-lockdown.html

  

Plugin ini berfungsi memblokir suatu IP-Address yang telah salah login (/wp-login.php) setelah beberapa kesempatan, tergantung konfigurasi anda



2.WP Security Scan » http://wordpress.org/extend/plugins/wp-security-scan/

Fungsinya scanner, bisa SQL-Scanner, File Inclusion Scanner dll sehingga serangan hacker bisa terpantau dan bisa ditolak.



3.Wordpress Firewall » http://wordpress.org/extend/plugins/wordpress-firewall/



Fungsinya menyelidiki setiap permintaan dengan simple WordPress-specific heuristics untuk mengidentifikasi dan menghentikan serangan.



Nah sudah kan..

Diatas adalah beberapa plugin yang mungkin bisa mengamankan Wordpress anda.

Tapi sih menurut saya lebih baik Blogger dari pada Wordpress karena Wordpress mudah di serang hacker, tetapi kalo Blogger sudah pasti aman.

Mau tau kenapa ?. Karena Blogger adalah produk dari sebuah situs ternaman GOOGLE.COM .



Jadi kalian pilih mana Blogger Or Wordpress ?

Sekian dulu ya..

Makasi Kang Rohman. :)

Bismillah, Alhamdulillah. Sudah lama saya sebenarnya ingin jadi Guest Author di Blognya Kang Rohman, baru kali ini ada kesempatan dan diperbolehkan Kang Rohman. Widget kali ini adalah Popular Post Dengan Animasi. Widget sejenis ini sudah lama pernah saya bikin Popular post for blogger menggunakan Json Tetapi Sekarang Blogger telah membuat popular post dari Blogger Stats . Sekarang saya membuat Popular Post Untuk Blogger dengan animasi. Widget ini menggunakan trick saya sebelumnya Recent Post dengan Animasi Menggunakan "simple spy".












Silahkan lihat Demo

Script ini sangat mudah tinggal masukkan Script di bawah ke dalam "Gadget" Blogger

• Masuk ke Blogger Dashboard dan Pilih Design - Page Elements


• Klik "Add Gadget" dan pilih "Popular Posts" jumlah popular postingan harus lebih banyak dari 4 (Jika sudah ada gadget ini jangan masukan lagi)


• Setelah anda mempunyai Popular Post Gadget kemudian klik "Add Gadget" lagi dan pilih "HTML/Javascript"


• Letakan semua script di bawah ke dalam "Content" dari HTML/Javascript Gadget


• Selesai, semua otomatis menjadi Popular post mempunyai animasi

<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
    
}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#PopularPosts1 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tags span,
.tags a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

Jangan copy postingan ini, ini original dalam bahasa inggirs pada New Popular Post for Blogger With Animation

Dalam rangka menjalin hubungan baik antara sesama blogger, Kolom Tutorial mengundang anda para blogger dalam Guest Post. Secara singkat, guest post adalah anda sebagai blogger mengirimkan artikel ke kami, dan artikel tersebut akan di posting di blog Kolom Tutorial.

Apa Manfaat dari Guest Post di Kolom Tutorial :

1. Artikel anda akan di baca oleh banyak pembaca. Tercatat melalui statistik yang ada, saat ini Kolom Tutorial dikunjungi lebih dari 2600 perhari serta lebih dari 11.000 pembaca melalui feed reader.
2. Mendapatkan Back link gratis. Setiap artikel yang di publikasikan akan terpasang nama author serta link ke blog author tersebut pada akhir artikel.
3. Sumber Kunjungan ke blog anda. Dengan dipasangnya nama author serta link di bagian akhir artikel, ini sangat memungkinkan sebagai sumber kunjungan ke blog anda.

Jenis artikel yang di terima :

1. Artikel tentang tutorial, tips, triks blogging baik itu blogging di blogger, wordpress dll, serta pemrograman ataupun make money online.
2. Artikel harus unik, artikel tersebut khusus di buat untuk di publikasikan di Kolom Tutorial dan belum pernah di publikasikan di manapun ( bukan hasil copas). Topik bahasan boleh sama, namun isi tentu harus berbeda.
3. Isi artikel bukan artikel promosi yang memuat banyak link ke website atau blog tertentu secara membabi buta. Link yang di ijinkan terpasang pada artikel tersebut maksimal 2 link.

Syarat-syarat artikel :

1. Artikel harus unik. Tidak terdapat duplicate content dengan isi website manapun.
2. Panjang artikel minimal 250 kata. Untuk maksimal artikel tidak di batasi, namun sebatas ukuran normal sebuah artikel.
3. Tidak akan di publikasikan kembali di website atau blog manapun. Artikel yang terdeteksi di publikasikan ulang akan di hapus dari blog kami.

Langkah untuk mengikuti Guest Post ini :

1. Artikel yang di kirimkan boleh dalam bentuk Dokumen word, TXT ataupun HTML namun yang sudah terkompresi ( zip, rar)
2. Silahkan kirimkan artikel anda ke alamat email amen24[at]gmail.com dengan subjek Guest Post. Silahkan lengkapi juga dengan : Nama author? tentang Author? Website author?
3. Artikel yang memenuhi kriteria akan segera di publikasikan.

Siapa yang berminat? silahkan gunakan kesempatan ini.

Update : 5 juli 2010

List Tool Penunjang SEO - Dalam proses melakukan Optimasi blog atau web (SEO ) tidak cukup hanya dengan mengandalkan intelegensi atau perkiraan saja, namun diperlukan SEO tool atau aplikasi penunjang agar proses optimasi bisa efektif dan maksimal.

Ada banyak variant dari SEO Tool, mulai dari analisa keyword, meta tag, backlink, load speed, dan lain-lain. SEO tool ini ada yang berupa tool online yakni dipasang pada web-web tertentu yang menyediakan layanan SEO, ada aplikasi yang di install pada komputer, browser add ons dan lain sebagainya.

Daftar Tool SEO

Berikut daftar atau list SEO tool yang mungkin anda tertarik untuk menggunakannya.

Firefox add-ons SEO Tool

Bagi anda pengguna browser firefox, terdapat begitu banyak add ons yang bisa anda install pada broser anda, diantaranya adalah :

SeoQuake SEO extension

SeoQuake adalah add ons firefox yang sangat populer dan banyak digunakan oleh para pecinta SEO karena fungsinya yang sangat lengkap dan efektif.

Install Add ons SeoQuake

SEO Doctor

SEO Doctor dapat menganalisa berbagai faktor SEO pada blog anda secara langsung dan memberikan score sebagai penilaian atas faktor SEO yang anda terapkan di blog anda, mulai dari penilaian inbound backlink, Page Rank Flow, Headings dan lain sebaginya.

Install Add Ons SEO Doctor

SearchStatus

SearchStatus adalah Add-Ons Firefox favorite kang Rohman yang bisa menampilkan Google Page Rank, Alexa Rank, Compete Rank, SeoMoz Rank, nofollow link highting, check metatag, google index dan lain sebagainya hanya dengan sekali klik.

Install Add Ons Search Status

Page Speed

Add-ons yang dibuat oleh tim Google untuk menganalisa kecepatan website dan memberikan solusinya. Seperti yang kita tahu bahwa berat loading suatu blog atau website sangat berpengaruh terhadap SEO. Namun, add-ons page speed harus digandengkan dengan add-onsFirebug.

Install Add-Ons Firebug - Install Add-Ons Page Speed

Dan tentu masih banyak lagi Add-Ons Firefox yang lain untuk menunjang proses optimasi blog anda.

Online SEO Tool

Tedapat begitu banyak website penyedia SEO Tool yang bisa anda gunakan secara gratis, mulai dari cek backlink, analisa meta tag, cek posisi keyword anda di search engine dan lain sebagainya.

Iwebtool

Iwebtool adalah website yang menyediakan begiru banyak SEO Tool yang bisa digunakan secara gratis, diantaranya adalah PageRank Checker, Backlink Checker, Website Speed Test, Link Popularity, Search engine Position dan lain sebagainya.

Iwebtool

SEO Centro

Website serupa seperti iwebtool yang menyediakan banyak SEO tool yang bisa digunakan secara gratis seperti Meta Tag Analizer, Rank Checker, Keyword Analizer, LInk Popularity, Keyword suggestion dan lain sebagainya.

SEO Centro

Backlink Watch

Backlink adalah faktor yang sangat dominan dalam SEO , khususnya untuk Google. Sebagus apapun website anda tidak akan mempunyai posisi yang bagus di Search Google apabila tidak mempunyai backlink dari website lain. Backlink Watch adalah penyedia Backlink Checker populer untuk mengecek backlink blog kita termasuk backlink website lain yang menjadi kompetitor anda, sehingga anda dapat mengetahui seberapa kuat kompetitor anda untuk dikalahkan.

Backlink Watch

 

Masih banyak SEO tool lain bisa anda pergunakan, baik yang berbayar atau gratis seperti IBP, SEnuke, Scrapbox, XRumer, Market Samurai dan lain sebagainya.