Cara mengembalikan tampilan profil Facebook seperti semula

Hallo sobat, sobat sudah baca kan artikel tentang memasang tampilan timeline ?. Tampilan timeline ini sebagian orang ada yang suka dan ada juga yang tidak suka. Mengapa sebagian orang tidak suka? Karena tampilan tersebut tidak User Friendly. Apa maksud  User Friendly? Maksudnya orang - orang kebingungan untuk tampilan baru tersebut. Untuk itu, kali ini saya akan posting post tentang Cara mengembalikan tampilan profil Facebook seperti semula. Caranya tidak sulit kok, ikuti langkah - langkah di bawah ini:

1. Login pada akun Facebook sobat
2. Masuk ke halaman Facebook Developerd Apps disini
3. Lalu dihalaman Tersebut klik tombol Edit App di pojok. (lihat screen shot)

4. Di Left Bar tepatnya di bagian Related Links ada tulisan Hapus Aplikasi, dan klik itu

5. Selesai dehh

Tampilan facebook sobat sudah kembali sepeti semula, Sampai disini dulu ya. Selamat Mencoba!!! :D

Update ! ! !

Maaf sob, facebook sudah mempatenkan tampilan timeline profil ini, jadi tidak bisa dihapus kecuali memakai plugin dari web browser itu. Nanti kapan - kapan saya share deh ;)

Cara memodifikasi Threaded comment blogger

Hallo sobat reggy ;), kita ketemu lagi niih. Kali ini saya akan posting tentang Cara memodifikasi Threaded comment blogger. Sebelumnya, bagi sobat yang belum memasang threaded comment blogger silahkan masuk Disini . Sobat akan melihat perubahan tampilan threaded comment yang indah. Mau tau? lihat screen shotnya:

Tampilan Sesudah di modifikasi:

Nah untuk memodifikasinya ikuti langkah - langkah di bawah ini:
1. Login pada akun blog sobat
2. Template
3. Edit HTML lalu Lanjutkan
4. Expand Template Widget
5. Cari kode <b:includable id='feedLinksBody' var='links'>
6. Tambahkan kode di bawah ini di atas kode pada no 5

<b:includable id='threaded_comment_css'>
<style>
/*------------- START Blogger Threaded Comments  -------------*/
.comments {
  clear: both;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#fff; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: none;
}
.comments .comments-content .inline-thread {
  padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
  margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
  display: none;
}
.comments .comments-content .comment-replies {
  margin-top: 1em;
  margin-left: 40px;   font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
  margin-bottom:16px;
  padding-bottom:8px;

}
.comments .comments-content .comment:first-child {
  padding-top:16px;
}
.comments .comments-content .comment:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.comments .comments-content .comment-body {
  position:relative;
}
.comments .comments-content .user {
  font-style:normal;
  font-weight:bold;
}
.comments .comments-content .user a {
color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;
}
.comments .comments-content .icon.blog-author {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
color: #999999;
float: right;
font-size: 11px;
text-decoration: none;
}
.comments .comments-content,
.comments .comments-content .comment-content {
  margin:0 0 8px;
}

.comment-header {background-color: #F4F4F4;
    border: thin solid #E6E6E6;
    margin-bottom: 5px;
    padding: 5px;
}
.comments .comments-content .comment-content {
  text-align:none;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border: none;
  height: 250px;
  width: 100%;
}
.comments .comment-replybox-single {
  margin-top: 5px;
  margin-left: 48px;
}
.comments .comment-replybox-thread {
  margin-top: 5px;
}
.comments .comments-content .loadmore a {
  display: block;
  padding: 10px 16px;
  text-align: center;
}
.comments .thread-toggle {
  cursor: pointer;
  display: inline-block;
}
.comments .continue {
  cursor: pointer;
}
.comments .continue a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comments-content .loadmore {
  cursor: pointer;
  max-height: 3em;
  margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
  max-height: 0px;
  opacity: 0;
  overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
  display: none;
}
.comments .thread-toggle {
  display: inline-block;
}
.comments .thread-toggle .thread-arrow {
  display: inline-block;
  height: 6px;
  width: 7px;
  overflow: visible;
  margin: 0.3em;
  padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;
border: 1px solid #DDDDDD;}
.comments .avatar-image-container img {
  width: 36px;
}
.comments .comment-block {
  margin-left: 48px;
  position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
  .comments .comments-content .comment-replies {
    margin-left: 0;
  }
}

/*------------- End of Blogger Threaded Comments  -------------*/
</style>
</b:includable>

7. Selanjutnya cari kode <b:includable id='threaded_comments' var='post'>
8. Tambahkan kode di bawah ini di bawah kode no 7

<b:include name='threaded_comment_css'/>

9. Simpan Template dan lihat hasilnya

Sampai disini dulu deh sobat, sampai jumpa dan Selamat Mencoba :D

Referensi Kode CSS Thanks To: blog.kangismet.net

Cara membuat custom domain pada blog

Hallo sobat, sudah lama tidak bertemu. Kali ini saya akan menerbitkan post tentang Cara membuat custom domain pada blog. Maksudnya adalah mengganti alamat blog yang di blogger atau blogspot dengan nama domain milik sendiri atau dengan Top Level Domain (TLD). Misalkan http://blognya-reggy.blogspot.com diganti dengan http://www.blognya-reggy.com. Selain .com masih banyak lagi domain yang tersedia, seperti web.id, co.id, net dll.

Bagaimana cara mendapatkan custom domain? sobat bisa membelinya di internet / di daerah sobat. Banyak jasa - jasa di internet yang menjual custom domain di blog sobat. Biasanya custom domain .com dijual dengan harga Rp. 100.000 / tahun.

1. Langkah awal yang harus kalian lakukan yaitu membeli domain dan membuat Domain itu terhubung pada blog kalian (Setting ini tergantung dimana kalian membeli domain)
2. Jika sudah di siapkan masuk pada blog sobat
3. Setelan - Dasar
4. Klik + Tambah domain ubahsuaian

5. Jika sudah diklik akan keluar seperti pada gambar. Lalu klik Alihkan ke setelan lanjut
6. Selanjutnya ketik domain yang sudah di siapkan. Misalkan seperti pada gambar

7. Setelah mengisi form lalu klik Simpan
8. Selesai deh

Nah, sudah mengerti kan bagaimana Cara membuat custom domain pada blog? Yasudah deh sampai disini dulu Cara singkat membuat custom domain pada blog. Semoga artikel ini bermanfaat bagi kita semua. Amin..

Selamat Mencoba!!!

Cara membuat kotak iklan (Banner Ads)

Hallo sobat, kali ini saya akan melanjutkan postingan tentang Bisnis Online. Yaitu Cara membuat kotak iklan (Banner Ads). Berbeda dengan Iklan Internet Murah Efektif Berkualitas Indonesia, pemasangan kotak iklan ini bermanfaat jika ada orang yang ingin memasang iklan di blog sobat. Si Advertiser itu akan mengklik iklan ini dan akan dialihkan ke halaman detail tentang pemasangan iklan di blog sobat. Oke deh, cara memasangnya sederhana kok sobat. Lihat di bawah:

1. Login pada blog sobat
2. Template
3. Edit HTML lalu Lanjutkan
4. Cari kode ]]></b:skin>
5. Pasang kode di bawah ini di atas kode ]]></b:skin>

#banner-ads  {
margin: 0px;
padding: 5px;
text-align: center;
}
#banner-ads  img {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #c0c0c0;
}
#banner-ads  img:hover {
margin: 0px 4px 4px 0px;
padding: 3px;
text-align: center;
border: 1px solid #333;
}

6. Simpan Template

Selanjutnya, untuk pemasangan iklan ikuti langkah ini:
1. Masuk ke halaman Tata Letak
2. Tambah Gadget
3. HTML/Javascript
4. Pasang kode ini

<div id="banner-ads">

<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>
<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

</div>

5. Simpan dan lihat hasilnya

Keterangan:
- Untuk kode yang berwarna Merah ganti dengan alamat iklan yang ditujur
- Untuk kode yang berwarna Biru, bisa sobat ganti dengan gambar sobat sendiri
- Untuk penambahan iklan sobat hanya tinggal mengcopy kode:

<a target="_blank" href="http://blognya-reggy.blogspot.com.com"><img
border="0" alt="ads" src="http://i1139.photobucket.com/albums/n555/andika50/bannerads-1.png"/></a>

Di atas </div>

Sampan disini dulu ya, Selamat Mencoba!!!

Cara menghasilkan uang dari Blog

Hallo, sobat blogger. kali ini saya akan berbagi tips niih. Apa tips itu, Ya, Cara menghasilkan uang dari Blog. Setelah sobat sudah berhasil mengembangkan blog sobat, pengunjung banyak, rank tinggi dll. Blog yang sobat kembangkan tersebut bisa sobat manfaatkan sebagai penghasil uang. Bagaimanakah caranya? oke deh, liat di bawah oke?

Adsense
Sobat bisa memanfaatkan salah satu program ini untuk menghasilkan uang dari blog sobat. Apa itu adsense? Adsense adalah cara gratis dan sederhana bagi semua golongan penayang situs web / blog untuk memperoleh uang dengan menampilkan iklan yang bertarget di situs web / blog mereka. Sistem yang biasa di gunakan Adsense adalah PPC. PPC (Pay Per Click) maksudnya jika ada orang yang mengklik iklan adsense yang sobat pasang, sobat akan mendapatkan uang. Itulah yang dimaksud dengan PPC. Berikut ini adalah beberapa web yang terpercaya menyediakan program PPC:

• Google Adsense
• AdsenseCamp
• KlikSaya.com
• Kumpulblogger
• IDBlogger Network
• Sitti.co.id
• Dan masih banyak lagi..

Pemasangan fitur Space Iklan Di Blog sobat
Selain adsense, sobat bisa mengandalkan blog sobat sendiri untuk menghasilkan uang. Yaitu Pemasangan fitur Space Iklan Di Blog sobat. Caranya, buatlah halaman postingan / pages dengan berjudul Pasang Iklan Disini, isi postingannya adalah list pemasangan iklan yang sobat inginkan dan list harga pemasangan iklan. Klik Disini untuk melihat cara membuat kotak iklan

Nah, itu adalah beberapa cara menghasilkan uang dari blog. Selain itu masih banyak lagi cara yang digunakan untuk menghasilkan uang dari blog.

Selamat Mencoba!!!

Cara membuat Threaded comment di Blogger

Hallo sobat, kali ini kang reggy akan kembali berbagi tutorial blogger untuk kalian yang baru mulai membuat blog niih, kali ini tentang Cara membuat Threaded comment di Blogger. Blogger sekarang sudah support comment threaded. Maksud Threaded comment adalah komentar sudah support fitur balas komentar / reply. Jika sobat ingin tau screenshotnya lihat di bawah:

Sudah tau kan? Cara memasangnya mudah kok, sobat hanya harus mengikuti cara di bawah ini dan harus Teliti, mengapa demikian? karena bila salah kode sedikitpun cara ini tidak akan berhasil. yasudah kita lansung ke TeKaPe:

1. Pastikan sobat sudah login pada blog sobat
2. Masuk ke halaman Template
3. Agar aman, download dulu templatenya kemudian Edit HTML lalu lanjutkan
4. Expand Template Widget
5. Cari kode <b:include data='post' name='comments'/>, nanti sobat akan menemukan 4 kode seperti itu
6. Ganti ke 4 kode tersebut dengan kode

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

7. Simpan Template dan lihat hasilnya

Jika cara tersebut tidak berhasil
1. Masuk ke halaman Template
2. Download dulu templatenya agar aman
3. Edit HTML lalu lanjutkan
4. Di bagian pojok kiri bawah ada tulisan Kembalikan template widget ke default

5. Klik tulisan tersebut
6. Simpan Template dan lihat hasilnya

Bagaimana? berhasil? yasudah deh, Selamat Mencoba!!

Blognya Reggy dapat Page Rank 2

Hari ini hari adalah hari yang menyenangkan bagi saya. Mengapa? karena saya sedang blogwalking ke blog teman saya, blog dia mendapatkan pagerank 3. Mungkin Google update Pagerank Februari 2012 ini. Nah. dengan bergegas pun saya langsung mengecek pagerank saya juga. Setelah saya cek. Alhamdulillah, kini Blognya Reggy berpage rank 2. Dan ternyata benar, Google update pagerank Februari 2012 ini. Setelah berbulan - bulan Blogging. Akhirnya mendapatkan pagerank juga.

Selain puluhan backlink, terima kasih atas dukungan kalian untuk Blognya Reggy sehingga blog ini mendapatkan pagerank, tanpa kalian mungkin Blognya Reggy belum mendapatkan pagerank.

Tetapi untuk sobat blogger yang belum mendapatkan pagerank jangan risau dan jangan menyerah dulu. Sobat harus sabar, karena pagerank update setiap 3 bulan.

Blognya Reggy akan berusaha menjadi yang lebih baik dari sebelumnya.

Keep Blogging.. :D

Cara membuat efek shadow pada hover link

Hallo sobat? apa kabar? baik - baik saja kan?. Kali ini saya akan sharing tutorial blogspot lagi niih. Yaitu Cara membuat efek shadow pada hover link. Sobat tau tidak apa maksud Shadow? shadow kalau di artikan ke bahasa indonesia adalah bayangan, ketika sobat arahkan cursor ke link aktif, di link tersebut keluar bayangan (shadow). Nah, sudah mengerti kan? Yasudah dehh, tidak usah basa - basi lagi kita langsung ke TeKaPe..

1. Pastikan sobat sudah login pada blog sobat
2. Masuk ke halaman Template
3. Edit Html lalu lanjutkan
4. Cari kode a:hover atau lebih lengkapnya seperti ini

a:hover {
color:#ffa500;
text-decoration:underline;
}

5. Nah sobat hanya tinggal menambahkan kode text-shadow:1px 1px 1px #ff5000; di kode tersebut atau jadinya akan seperti ini

a:hover {
color:#ffa500;text-shadow:1px 1px 1px #ff5000;
text-decoration:underline;
}

6. Lalu Simpan Template dan lihat hasilnya

Selain memberi efek shadow pada hover link, kita juga dapat memberi efek shadow pada hover img, mau tau caranya? langsung dehh ikuti di bawah ini:

1. Masuk ke halaman pengeditan Template
2. Edit HTML lalu lanjutkan
3. Cari kode .post img atau lebih lengkapnya seperti ini:

.post img {
padding: 10px; border: 0px;
}

4. Di bawahnya copy pastekan kode di bawah ini:

.post img:hover {
-moz-box-shadow: 0 0 13px;
}

5. Simpan Template dan lihat hasilnya

Keterangan: Kode #ff5000 adalah kode warna efek shadownya, sobat bisa merubah warnanya dengan kode warna lain, cek kode warna Disini

Sudah mengerti kan? bagaimana cara membuat efek shadow pada hover link , yasudah deh, sampai disini dulu ya? Selamat Mencoba!!