Pages

Wednesday, September 7, 2011

Modifikasi Recent Posts dengan BuzzBoost dari Feedburner

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



Modifikasi Recent Posts dengan BuzzBoost dari Feedburner



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.



Modifikasi Recent Posts dengan BuzzBoost dari Feedburner
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



Modifikasi Recent Posts dengan BuzzBoost dari Feedburner
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/AVvXsEhSkU2By1ZYxB2xsAbNR2CVGvw0rF4atEbz71y0v3WRlIMtlglh4NA62UUmkchibzCsm69Jp1lZbF-lS5ZFuoGuSFkKedTCMPmFk5HUfSQdhXyYrkNA0zPtqeC8IxYtyTj1JdctSIn42AE/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/AVvXsEj8QoLOLH6mgBftpAS3gUu3eN22MW9NXdlO6RMMp0FITGTgsP7ZlHERl4pqr6FKIAHx2KDHvs8EDGc-mMTruDmC8jTFhi9bl4ov11-cL6NoXNdxjw2GdMjgsgk15HvxIzULzfwrg2ngtws/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



Author: Ali Munandar

Blog: http://ocimnet.blogspot.com

Tentang Author: Blogger Pemula

Monday, August 29, 2011

Selamat Hari Raya Idul Fitri 1 Syawal 1432 H

hari raya idul fitri 1432H

Satu tahun tentu bukan perjalanan waktu yang sebentar, tentu banyak hal yang telah dilalui dan tak ayal banyak dosa yang sudah di perbuat oleh Kang Rohman, baik yang terasa ataupun yang tidak terasa. Oleh karenanya, dalam hari yang penuh berkah, rahmat dan ampunan yakni Idul Fitri, maka perkenankan Kang Rohman dan Keluarga mengucapkan:






Mohon Maaf Lahir dan Bathin






Untuk teman-teman blogger Muslim dimanapun anda berada, Kang Rohman mengucapkan:






Selamat Hari Raya Idul Fitri 1 syawal 1432 H




Semoga kita semua termasuk kepada orang-orang yang kembali kepada kesucian. amin...

Taqoballahu mina wa minkum shiamana wasiamakum. Minal aidin walfaidzin.

Thursday, August 25, 2011

Banyak followers dengan GFC Recommendation Button

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.




Author : Andra Permana Halim

Blog: http://duniasiandra.blogspot.com

Tentang : Blogger yang ingin belajar sebagai bussiness man.


Thursday, August 18, 2011

Script Memberikan Judul Artikel Ketika Di Copy Paste

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


Author : Fachrul Akbar

Blog: www.fachrulakberr.blogspot.com

Tentang : Blogger yang ingin belajar sebagai bussiness man.

Wednesday, August 17, 2011

Mengamankan Wordpress Dari Hacker Jahat

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. :)


Author : Ivan Mantovani

Blog: www.blogcoodey.blogspot.com

Tentang : Saya adalah blogger cilik asal jakarta yang mencoba membuka wawasan melalui media online.

Sunday, August 14, 2011

Popular Post Widget Dengan Animasi

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


Explanation of Popular Post with Animation


<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

Monday, June 27, 2011

Update Page Rank Juni 2011

pagerankSambil melancarkan menulis karena sudah lama tidak update blog, pagi ini saya perhatikan beberapa blog yang saya miliki ada perubahan Page Rank, ada yang meningkat dan ada juga yang mengalami penurunan google page rank termasuk blog ini yang mengalami penurunan dari page rank 5 ke page rank 3 Crying face. Tapi tidak apa-apa karena beberapa blog yang lain ada beberapa yang mengalami peningkatan.

Tidak tahu persis apakah ini update page rank minor atau bukan, yang pasti banyak yang mengalami perubahan. bagaimana dengan page rank blog anda, adakan mengalami perubahan?

Untuk yang mengalami peningkatan, selamat deh Thumbs up