Thursday 21 November 2013

Dampak Apabila Outbound Link Terlalu Banyak



Outbond link terlalu banyakternyata bisa berpengaruh pada sebuah website atau blog. Ternyata kalau kita bicara tentang SEO selalu tak ada habisnya. Tahukah apa itu outbond link ?  Dan apa pengaruhnya pada suatu blog atau website ? lalu apa pengaruhnya dengan SEO ? Nah, dalam artikel kali ini kita akan bahas secara seksama.

Pengertian atau bisa disebut Definisi dari Outbound Link yaitu suatu link dari situs web maupun blog kita yang menuju ke blog atau website lain. Jika ada visitor mengklik link itu, maka visitor tersebut pasti akan meninggalkan situs blog atau website kita. Link keluar atau Outbond link bisa juga membuka di new tab dari sebuah browser yang digunakan. Link jenis ini memang mudah untuk dikenali dan biasanya dipakai atribut baik berupa nofollow maupun dofollow. Jika menginginkan untuk mengetahui link dengan target blank atau terbuka di tab baru, maka akan menggunakan kode berikut ini :

<a href=" www.namadomain.com " target="_blank" title="name">Name</a>

Untuk pengaruhnya sendiri pastilah sangat berpengaruh khususnya terhadap SEO. Karena seperti diketahui bahwa Google Spider akan selalu merayapi link-link yang ada pada suatu situs baik itu website maupun blog. Dengan menanam banyak link keluar maka otomatis Anda telah memberikan backlink secara gratis terhadap situs tersebut.  Perlu diketahui pula bahwa situs yang tidak ada outbond link juga bisa membuat situs tidak bagus di mata search engine google. Untuk itu kita perlu menyiapkan strategi supaya kita tetap memasang outbond link namun tidak berlebihan. Kebalikan dari outbond link juga ada yaitu inbound link. Inbound link merupakan link yang mengarah ke situs kita sendiri. Mengarah bisa ke homepage maupun link-link lainya yang ada pada situs kita sendiri. 

Dan cara yang paling tepat adalah memasang atribut rel nofollow pada outbond link karena dengan demikian maka link nofollow tidak akan dirayapi oleh google. Begitu pula sebaliknya kita perlu menambahkan atribut dofollow pada inbound link supaya Google Spider merayapinya. Cara membuat rel nofollow terbilang mudah salah satunya menggunakan kode HTML seperti berikut :

<a href=”namadomain.com”rel=”nofollow”>Namadomain</a>

Untuk link dofollow anda hanya perlu mengganti kata nofollow menjadi dofollow. Dengan menerapkan cara tersebut maka cukup membantu untuk memerbaiki popularitas blog anda di Search Engine Google. Cara ini terbilang efektif dan juga kreatif. 

Jadi dapat simpulkan apabila outbond link terlalu banyak akan berpengaruh pada situs anda dan kita harus mengatur strategi supaya outbond link tidak banyak dan juga diperbanyak inbound link. Semoga artikel ini bermanfaat bagi pembaca dan mohon maaf apabila ada kesalahan. Karena kita sama – sama berbagi dan belajar.

Wednesday 20 November 2013

Cara Membuat Widget Komentar Avatar Yang Cantik Di Blog

Widget komentar yang diletakkan di sidebar atau di Footer, terkadang menjadi motivasi bagi pengunjung blog kita untuk memberikan komentar karena komentar mereka plus foto mereka langsung terpampang di widget komentator. Lho... Foto atau gambar dari komentator kok bisa terpampang di widget komentar? Karena Widget Komentar ini adalah Recent Comments Widget with Avatar (Widget Komentar yang menampilkan Avatar).

Cara Membuat Widget Komentar Avatar Yang Cantik Di Blog

Tidak sedikit blog atau situs yang memasang widget komentar dengan avatar ini, karena selain bermamfaat buat blog dapat juga memperindah tampilan blog. Insyaallah untuk kedepannya, saya akan memberikan Tutorial Blogspot tentang cara buat widget komentar yang simple (Sederhana). Talk less do more, let's practice to make it.

Cara Membuat Widget Komentar Avatar di Blogger

  • Sign In di blogger.com
  • Pada Menu drop down, Pilih layout
  • Klik Add a gadget dan pilih HTML/JavaScript
  • Copy paste kode berikut pada kolom yang tersedia
<style type="text/css">
#rc ul{
list-style:none;
margin:0;
padding:0;
}
#rc ul li{
margin:0 0 6px !important;
padding:0 0 6px 0 !important;
display:block;
clear:both;
overflow:hidden;
list-style:none;
}
#rc img{
padding:3px;
background:#fefefe;
box-shadow:0 1px 1px #ccc;
float:left;
margin:0 6px 0 0;
position:relative;
overflow:hidden;
}
#rc span{
margin-top:4px;
color: #666;
display: block;
font-size: 12px;
font-style: italic;
line-height: 1.4;
}
</style>
<script type="text/javascript">
var
numComments = 5,
showAvatar = true,
avatarSize = 60,
roundAvatar = true,
characters = 999999,
showMorelink = false,
moreLinktext = "More »",
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = false;
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 C=C||5,7=7||15,n=n||16,k=k||"h://17.M.f/N/?d=18",D=D||" 19 &1a;",o=(p o===\'q\')?j:o,r=(p r===\'q\')?O:r,m=(p m===\'q\')?j:m,E=(p E===\'q\')?O:m;1b 1c(F){6 8;8=\'<P 1d="1e"><Q>\';G(6 i=0;i<C;i++){6 u,v,2,w;4(i==F.R.9.x)1f;8+="<S>";6 9=F.R.9[i];G(6 l=0;l<9.H.x;l++){4(9.H[l].1g==\'1h\'){u=9.H[l].y}}G(6 a=0;a<9.I.x;a++){v=9.I[a].1i.$t;2=9.I[a].1j$1k.T}4(2.g("/U/")!=-1){2=2.z("/U/","/s"+7+"-c/")}e 4(2.g("/V/")!=-1){2=2.z("/V/","/s"+7+"-c/")}e 4(2.g("/W-c/")!=-1&&2.g("h:")!=0){2="h:"+2.z("/W-c/","/s"+7+"-c/")}e 4(2.g("J.f/A/1l-X.K")!=-1){2="h://3.Y.L.f/-1m-1n/1o/1p/1q/s"+7+"/1r.Z"}e 4(2.g("J.f/A/1s-X.K")!=-1){2="h://3.Y.L.f/-1t/1u/1v/1w/s"+7+"/1x.Z"}e 4(2.g("J.f/A/10.K")!=-1){4(k.g("M.f")!=-1){2=k+"&s="+7}e{2=k}}e{2=2}4(o==j){4(m==j){w="1y"}e{w=""}8+="<A 12=\\""+w+"\\" T=\\""+2+"\\" 1z=\\""+v+"\\" 1A=\\""+7+"\\" 1B=\\""+7+"\\"/>"}8+="<a y=\\""+u+"\\">"+v+"</a>";6 13=9.1C.$t;6 b=13.z(/(<([^>]+)>)/1D,"");4(b!=""&&b.x>n){b=b.1E(0,n);b+="&1F;";4(r==j){b+="<a y=\\""+u+"\\">"+D+"</a>"}}e{b=b}8+="<B 12=\'1G\'>"+b+"</B>";8+="</S>"}8+=\'</Q></P>\';6 14="";4(E==j){14="1H:1I;"}8+="<B 1J=\'1K:1L;1M:1N/1O 1P\'><a y=\'h://1Q.L.f/1R/11/1S-1T-1U-1V-N.1W\' 1X=\'10\'>1Y 1Z</a></B>";20.21(8)}',62,126,'||authorAvatar||if||var|avatarSize|commentsHtml|entry||commBody|||else|com|indexOf|http||true|defaultAvatar||roundAvatar|characters|showAvatar|typeof|undefined|showMorelink|||commentlink|authorName|avatarClass|length|href|replace|img|span|numComments|moreLinktext|hideCredits|tb|for|link|author|blogblog|gif|blogspot|gravatar|avatar|false|div|ul|feed|li|src|s1600|s220|s512|rounded|bp|png|blank||class|commHTML|hideCSS|60|40|www|mm|More|raquo|function|rcm|id|rc|break|rel|alternate|name|gd|image|b16|AaI8|1X32ZM|TxMKLVzQ5BI|AAAAAAAABYY|QYau8ov2blE|tb_blogger_logo|openid16|9lSeVyNRKx0|TxMKMIqMNuI|AAAAAAAABYc|8iasY0xpLzc|tb_openid_logo|avatarRound|alt|width|height|content|ig|substring|hellip|cb|display|none|style|float|right|font|12px|normal|Arial|afowles|2013|cara|membuat|widget|komentar|html|target|Get|Widget|document|write'.split('|'),0,{}))
document.write('<script type=\"text/javascript"\ src=\"http://afowles.blogspot.com/feeds/comments/default?alt=json&callback=rcm&max-results=5\"><\/script\>')
</script>

Semoga bermanfaat

Sekilas Tentang Google Drive

Dengan Google Drive, Anda dapat menyimpan segala sesuatu dan berbagi apa saja. Google Drive adalah penyimpanan pribadi untuk berkas, map, dan Google Documents Anda yang dapat Anda akses dari peramban web atau perangkat apa pun yang sudah Anda pasangi Google Drive.

Simpan item Anda sebanyak 2 GB pertama secara gratis.
Bila Google Drive Anda semakin bertambah, beli penyimpanan tambahan mulai harga kurang dari $4,99 per bulan untuk 100 GB.

Akses semua yang ada di Google Drive Anda dari semua perangkat.
File Anda di Google Drive tidak akan pernah lenyap. Anda dapat memasang aplikasi desktop dan seluler untuk mengakses file Anda dengan komputer, ponsel cerdas, atau tablet selain drive.google.com.

Sekilas Tentang Google Drive

Berkas selalu disinkronkan. Cukup sambungkan ke web – ini akan diproses secara otomatis.
Kemampuan sinkronisasi yang terpasang pada Google Drive memastikan bahwa berkas, map, dan Google Documents Anda semuanya sama di seluruh perangkat.

Berhenti mengirim lampiran melalui email. Mulailah berbagi.
Google Drive memungkinkan Anda memilih siapa - teman, keluarga, rekan kerja - yang bisa mendapatkan file Anda. Anda tidak perlu melampirkan lampiran email lagi. Anda cukup berbagi file, folder, atau Google Doc dari perangkat apapun.

Tetap bekerja sama
Apakah Anda bekerja sama dengan orang lain di Google Docs, Sheets, dan Slides? Google Drive memungkinkan Anda terus membuat, mengakses, dan berkolaborasi dalam versi dunia bebas. Google Drive sama seperti layanan Google sebelumnya namun dengan beberapa fitur baru yang bermanfaat.

Monday 18 November 2013

Membuat Animasi Loading di Blog

Membuat Animasi Loading di Blog

Membuat Animasi Loading di Blog - Rata-rata para Blogger sekarang sudah banyak yang menggunakan Animasi Loading agar terlihat bagus. Animasi Loading adalah dimana saat blog kita sedang menuju ke halaman Posting/URL lain maka disitulah terlihat Animasi Loading yang sedang berputar sampai Loading blog selesai. Dan kali ini saya akan memberi cara untuk Membuat Animasi Loading di Blog.

Langkah-langkah untuk Membuat Animasi Loading di Blog.

Login ke blogger.com
Pilih Rancangan / Template, kemudian Edit HTML
Cari kode ]]></b:skin> Jika sudah ketemu lalu letakan kode berikut diatas kode ]]></b:skin>
<style type="text/css">
#loadhalaman {
position: fixed;
opacity: 0.93;
top: 0;
left: 0;
background-color: #000;
z-index: 9999;
text-align: center;
width: 100%;
height: 100%;
padding-top: 20%;
color: #000;
display: none;
}

.loadball {
background-color: transparent;
border: 5px solid #00a3ff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 35px #00a3ff;
width: 50px;
height: 50px;
margin: 0 auto;
-moz-animation: spinPulse 1s infinite ease-in-out;
-webkit-animation: spinPulse 1s infinite linear;
}

.loadball-2 {
background-color: transparent;
border: 5px solid #00a3ff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-radius: 50px;
box-shadow: 0 0 15px #00a3ff;
width: 30px;
height: 30px;
margin: 0 auto;
position: relative;
top: -50px;
-moz-animation: spinoffPulse 1s infinite linear;
-webkit-animation: spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
0% {
-moz-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px#00a3ff;
}

50% {
-moz-transform: rotate(145deg);
opacity: 1;
}

100% {
-moz-transform: rotate(-320deg);
opacity: 0;
};
}

@-moz-keyframes spinoffPulse {
0% {
-moz-transform: rotate(0deg);
}

100% {
-moz-transform: rotate(360deg);
};
}

@-webkit-keyframes spinPulse {
0% {
-webkit-transform: rotate(160deg);
opacity: 0;
box-shadow: 0 0 1px#00a3ff;
}

50% {
-webkit-transform: rotate(145deg);
opacity: 1;
}

100% {
-webkit-transform: rotate(-320deg);
opacity: 0;
};
}

@-webkit-keyframes spinoffPulse {
0% {
-webkit-transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
};
}
</style>
Jika sudah, Pasang JQuery Terbaru
Caranya cari kode </head> lalu letakan kode JQuery 1.8.3 di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Langkah Terakhir, Cari kode </body> lalu letakan kode berikut diatas kode </body>
<div id='loadhalaman'>
<div class='loadball'/>
<div class='loadball-2'/>
</div>
<script type='text/javascript'>
$(function () {
var siteURL = &quot;http://&quot; + top.location.host.toString();
var $internalLinks = $(&quot;a[href^=&#039;&quot; + siteURL + &quot;&#039;], a[href^=&#039;/&#039;], a[href^=&#039;./&#039;], a[href^=&#039;../&#039;]&quot;);
$internalLinks.click(function () {
$(&#039;#loadhalaman&#039;).fadeIn(1500).delay(6000).fadeOut(1000);
});
$(&#039;#loadhalaman&#039;).click(function () {
$(this).hide();
});
});
</script>
Kalau semuanya sudah diterapkan dengan benar langsung saja Save Template/Simpan Template.
Jika masih ada yang ingin ditanyakan silahkan berkomentar dikolom komentar yang sudah disediakan.

Sekian dari saya, Semoga artikel ini bermanfaat.

Related Post Valid HTML 5

Related Posts digunakan untuk memudahkan pembaca menemukan artikel pada "label" yang sama. Selain pada label yang sama, related post ini juga membuat random artikel, sehingga bukan hanya artikel yang terkait saja yang akan muncul.
Contohnya seperti gambar dibawah ini:

artikel

Pembaca akan langsung bisa menemukan judul postingan kita yang berkaitan dengan judul posting. Hal ini dilakukan supaya mereka tidak pergi dari blog kita...

Simak Ya

1. Back up Template Anda sebelum melakukan perubahan apapun!
2. Dari Dashboard Blogger Anda Buka Template > Edit HTML.
3. Simpan kode ini di atas ]]></b:skin>
#related-post {
background : none;
width : 100%;
margin-top : 35px;
margin-bottom : 10px;
padding : 5px 0 10px 0;
}
#related-post h4 {
font-size : 150%;
text-transform : uppercase;
margin : 0 0 15px;
padding : 0;
font-weight : normal;
}
#related-post li {
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWeGPmQazkKIiyMFBFi7ZudIdI_LnSCIcEkGm0U5_u8vHZPXDGa4YQQKiuM6ZgAjdok6AAF0D1J1yAalg7DYk5p4LC5Jf7lFHXcnDk83k_gw-HTvjWf5B7TsnqQanlt1cKpY4epw6w4sYx/s1600/bullet.png) 1px 5px no-repeat;
color : #2c3e50;
text-indent : 0;
line-height : 1.6em;
margin : 0;
padding : 0 0 3px 19px;
}
#related-post .widget {
margin : 0;
padding : 0;
}
#related-post ul {
list-style : none;
margin : 0;
padding : 0;
}
4. Tambahkan kode berikut dibawah <div class='post-footer-line post-footer-line-1'>
<!-- Related Post Widget Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-post' class='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
numPosts: 5,
titleLength: &quot;auto&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
widgetStyle: 1,
callBack: function() {}
};
</script>
<script type='text/javascript' src='http://yourjavascript.com/2214513241/related-post.js'/>
</b:if>
<!-- Related Post Widget End -->
5. Save, lihat hasilnya...

7 Langkah Terbaik Dalam Mempercepat Loading Windows 8

Windows 8 jauh lebih menarik, lebih canggih, lebih modern jika dibandingkan dengan produk Microsoft sebelumnya seperti Windows XP, Windows Vista dan Windows 7. Kecepatan Loading Windows 8 tidak jauh beda dengan kecepatan loading Windows 7, yaitu sangat lamban (Jika di install di PC Standar atau PC di bawah standar). Berikut ini 7 langkah yang bisa Anda lakukan untuk mempercepat Windows 8. Langkah ini terbukti berhasil pada beberapa perangkat komputer atau Laptop seperti Asus, Acer, Toshiba, HP Compact, Advance dan yang lainnya.

cara mempercepat windows 8, mempercepat loading windows, windows 8,windows 8 metro style,windows eight, windows blue,mempercepat booting windows,trik komputer,tips laptop,loading komputer,loading laptop,windows 8 gesit,windows 8 lelet,windows 8 lambat
  • Tekan CTRL + Alt + Del untuk memanggil Task Manager. Selanjutnya klik More Details untuk menampilkan beberapa opsi lalu pilih Startup. Disable semua Aplikasi atau software yang ada di dalam daftar. Kita melakukan proses Disable supaya semua aplikasi tidak langsung berjalan saat windows 8 startup.
  • Disable atau nonaktifkan prefetch. Cara disable prefetch pada windows 8 bisa di lihat pada artikel saya sebelumnya. Kita menonaktifkan Prefetch supaya Cookies atau story dari apa yang sudah kita lakukan tidak tersimpan.
  • Jangan mengaktifkan Anti Virus Defender (Defender adalah antivirus bawaan windows 8. Antivirus ini terpasang secara otomatis saat kita menginstall windows 8). Ketika kita menjalankan aplikasi, membuka folder, atau aktifitas yang lainnya, Antivirus defender akan langsung melakukan monitor. Hal ini akan mempengaruhi loading windows 8. Bagaimana cara menonaktifkan AntiVirus Defender bisa di baca pada artikel berikut : Disable Defender pada Windows 8.
  • Klik kanan pada komputer lalu pilih Properties. Pilih Remote Settings dan Advanced. Klik Setting pada Performance dan hilangkan tanda centang pada pilihan berikut:
properties computer,advance,setting windows 8
1.Animate controls and elements inside windows
2.Animate windows when minimizing and maximizing
3.Animations in the taskbar
4.Fade or slide menus into view
5.Fade or slide ToolTips into view
6.Fade out menu items after clicking
7.Save taskbar thumbnail previews
8.Show shadows under mouse pointer
9.Show shadows under windows
10.Show thumbnails instead of icons
11.Show translucent selection rectangle
12.Slide open combo boxes
13.Smooth-scroll list boxes
  • Lakukan Disk Cleanup secara berkala (1 bulan sekali) melalui Control Panel → System and Security → Administrative Tool → Free up disk Space. Klik Ok dan kasih tanda centang pada semua item. Lalu klik Ok.
free disk space,disk cleanup,cara membersihkan hardisk,cara membersihkan local disk
  • Defrag dan optimasi setiap lokal disk secara berkala juga melalui Control Panel → System and Security → Administrative Tool → Defragment and Optimize your drive. Pilih Drive yang akan di defrag lalu klik Optimize. Biarkan proses berjalan sampai selesai. Jika Laptop atau komputer Anda terdiri atas dua atau tiga Local Disk, usahakan untuk di defrag semuanya.
  • Nonaktifkan Windows Update melalui Control Panel → System and Security → Windows Update → Change Settings. Pilih Never check for update (Not Recomended) dan hilangkan tanda centang pada Give me recomended updates the same way I receive important updates. Untuk Update windows 8 Anda, sebaiknya anda menggunakan aplikasi pihak ketiga.
disable update windows,cara menonaktifkan auto update windows 8,windows 8 update

Sebagian isi dari artikel ini di ambil dari Official Site Microsoft Windows.

Cara Berburu Blog Zombie Dengan Mudah

Blog zombie adalah blog yang di tinggalkan pemiliknya sehingga blog tersebut di hapus oleh google. Terus apa tujuan mencari blog zombie? biasanya cuma mo di manfaatkan backlink nya dan kadang juga blog zombie memiliki PR tinggi. Ya itu kan bagus, jadi kita gak perlu susah-susah buat nyari BL lagi.

Cara Berburu Blog Zombie Dengan Mudah
Tapi, mencari blog zombie yang ber PR tinggi tidaklah mudah, harus ekstra sabar dan harus punya keberuntungan yang tinggi. Mencari dan Berburu Blog ZombieKalau sobat ingin berburu, peralatan yang diperlukan untuk berburu Blog Zombie adalah;
  • Mozilla Firefox
  • Addons Link Checker
  • Addons Seoquake
  1. Setelah perlengkapkan udah lengkap, sekarang waktunya sobat mencari blog zombie. Di bawah ini merupakan Dork buat mencari blog zombie yang sering di gunakan. Copas dork di bawah ini ke browser mozilla.
    site:blogger.com/profile admin site:blogger.com/profile keyword Blogs I follow site:blogger.com/profile keyword Location: Indonesia site:blogger.com/profile keyword On Blogger since September 2006 site:blogger.com/profile keyword Gander: Male / Female
  2. Buka Profil Blog tersebut, lalu klik kanan pilih "check page links", tunggu beberapa saat. Jika terdapat link warna merah, buka link tersebut.
  3. Jika terdapat pesan "Maaf, blog di xxx.blogspot.com telah dihapus. Alamat ini tidak tersedia untuk blog baru ", sebaiknya cari blog lain. Tapi jika terdapat pesan "Maaf, blog yang anda cari tidak ada. Namun nama xxx tersedia untuk di daftarkan" itu berarti blog zombie dan segera di daftarkan.
  4. Cara mendaftarkan nya seperti biasa, kalo udah langsung cari blog zombie lagi.
  5. Untuk mengetahui Blog Zombie berPagerank dan BerPageAuthority tinggi bisa kunjungi Seoweather
NB : - 1 Email bisa di buat daftar 100 blog, jadi gak perlu membuat banyak email. Tapi dalam sehari jangan di buat daftari blog zombie sampe 20an, ntar malah di block email nya (Pengalaman lama) Sekian tips cara mencari blog zombie dengan mudah ini. Semoga bermanfaat..

Thursday 14 November 2013

Mengenal Jomla !

Apa itu Joomla !

Pengertian Joomla Open Source atau lebih sering dikenal dengan Joomla! merupakan salah satu Content Management System (CMS) yang bersifat Open Source, ialah sebuah software gratis yang dapat digunakan untuk membuat web yang paling sederhana hingga paling kompleks sekalipun, seperti web portal. Disebut open source karena pengguna dapat memodifikasi, menghapus, maupun menambah script yang disertakan dalam software tersebut asal tetap mencantumkan hak cipta dan mentaati peraturan yang telah disepakati bersama-sama.

Software open source berbeda dengan software gratis (free use) karena software yang bersifat gratis tidak menyertakan file-file aslinya (script) dari software tersebut sehingga pengguna tidak dapat mengetahui bagaimana dan apa isi yang terkandung di dalamnya. Intinya, kode (script) dibuka untuk pengguna agar dapat dimodifikasi sendiri sesuai keinginan.

Joomla! adalah salah satu CMS yang memilliki komunitas besar di seluruh dunia dengan didukung oleh para pengembang ketiga yang akan terus mengembangkan program inti Joomla!. Untuk mengetahui lebih lanjut tentang CMS, silakan kunjungi website resminya di http://www.opensourcecms.com.

Keunggulan Joomla!

Pada awal perkembangannya, Joomla! tidak diminati oleh masyarakat luas. Alasanya klasik, yaitu dikarenakan Joomla! merupakan software yang gratis sehingga dianggap tidak aman, banyak kelemahan, kurang bergengsi, tidak impresif dan anggapan negatif lainnya. Sikap apatis tersebut dipatahkan oleh para pengembang inti Joomla! dengan dibuktikannya beberapa aplikasi tambahan yang sangat fleksibel untuk disisipkan ke dalam sistem Joomla!. Pada akhirnya, masyarakat dapat memanfaatkan Joomla! untuk berbagai keperluan terutama membangun website secara cepat tanpa mengesampingkan segi keindahan tampilan.


Mengapa memilih Joomla! ?

Aplikasi yang beragam dapat dibuat menggunakan Joomla! Karena memiliki beberapa kemampuan, diantaranya:
  1. Dapat melakukan update halaman utama, halaman berita, halaman artikel, maupun halaman arsip secara cepat.
  2. Dapat menambahkan item menu baru pada main menu, other menu, maupun top menu dengan mudah dan cepat.
  3. Dapat mengatur weblink dengan cepat dan mudah.
  4. Dapat mengatur banner (iklan).
  5. Dapat mengatur FAQ (Frequently Asked Questions).
  6. Dapat mengatur Newsflashes
  7. Dapat membuat arsip dan menampilkannya kembali
  8. Dapat mencetak, mengirim artikel lewat email, dan membaca artikel dengan format PDF.
  9. Dapat mengatur pengguna (user) dengan tingkat akses level yang berbeda
  10. Dapat menambah komponen, modul, plugin, dan template dari pihak ketiga (seperti: gallery, forum, calendar, video player, slide show, antiflood, block IP, agenda, shoutbox, games, guestbook, shopping cart, dan sebagainya)
  11. Dapat menampilkan file multimedia tanpa harus membuat script sendiri Desain Joomla! berbeda dengan aplikasi sejenis seperti Microsoft Frontpage maupun Macromedia Dreamweaver. Joomla! sangat fleksibel, mudah digunakan, dan bentuknya sederhana, menjadikan software ini sangat user friendly karena:
  •  Mudah melakukan setup/instalasi.
  • Memiliki tampilan administrator yang sederhana untuk mengatur isi situs (website)
  • Mudah digunakan untuk mengedit (menambah, mengubah, dan menghapus) materi dangambar.
  • Fleksibel untuk mengatur tampilan front end (halaman utama).
  • Fleksibel untuk menambah komponen, plugins, modul dan template yang baru dari pihak ketiga.


Seperti telah diijelaskan sebelumnya bahwa Anda untuk menggunakan Joomla! perlu lagi mengetahui konsep pembuatan web dengan HTML, PHP, ASP, XML maupun DHTML. Pengguna cukup memasukan content dan gambar yang ingin ditampilkan ke halaman situs. Bahkan webmaster sekalipun tidak perlu memahami program FTP untuk melakukan upload data, karena Joomla! sudah dapat menanganinya.

Manfaat Joomla!

Dalam waktu yang relatif singkat, Joomla sudah menjadi salah satu software yang handal untuk berbagai keperluan sesuai dengan kebutuhan penggunanya. Banyaknya aplikasi yang dapat disisipkan ke dalam sebuah website, menjadikan Joomla! sebagai alternatif utama ketika membangun sebuah website secara dinamis dan interaktif.
Joomla! dapat dimanfaatkan ketika memutuskan untuk mulai mengembangkan dan mengelola website dinamis secara cepat dengan tidak mengesampingkan keindahan tampilan dan fitur-fitur yang sangat beragam.

Recent Comments Blogger Ala Google Plus

Cara Membuat Notifikasi Komentar Di Blog Ala Google Plus - Halo sobat, kembali saya update artikel lagi heheh kali ini saya update artikel tentang Tutorial Blog yaitu cara membuat Recent Comment, Namun ini bukan Recent Comment biasa karena Recent Comment yang biasa kalau saya share udah terlalu mainstream ckckckck... Recent Comment ini dari Blog Kang Ismet, Recent Comment ini seperti Notifikasi Google Plus yang pojok kanan atas kita itu loh.. atau sobat bisa melihat di blog ini (Jika masih memasang) yang berbentu gambar balon chat, Recent Comment ini bukan hanya penambahan gambar saat diklik saja melainkan jika ada Komentar masuk diatas gambar Notifikasi akan menampilkan jumlah komentar terbaru yang masuk seperti layaknya Google plus.

  • Login dahulu Blogger
  • Masuk Dashboard lalu klik Template dan klik Edit Html.
  • Masukkan Kode dibawah ini tepat diatas </head>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
    Jika sudah ada abaikan saja Jquery Frame work di atas..
  • Kemudian masukkan CSS dibawah ini tepat diatas  ]]></b:skin> atau <style type='text/css'>
    /* Notifikasi Komentar
    ----------------------------------------------- */
    #cm-total {
    position:fixed;
    top:14px;
    right:0;
    width:188px;
    text-align:left;
    z-index:9999;
    cursor:pointer;
    }
    .total-counter {
    background-color:#d11919;
    color:white;
    padding:1px 4px;
    font-family:Arial,Sans-serif;
    font-size:11px;
    border-radius:5px;
    font-weight:bold;
    }
    #notif {
    position:fixed;
    top:20px;
    right:180px;
    z-index:9999;
    height:22px;
    width:19px;
    opacity:.4;
    cursor:pointer;
    }
    #notif:hover {
    opacity:1;
    }
    .close-notif {
    position:fixed;
    top:92px;
    right:20px;
    z-index:9999;
    cursor:pointer;
    display:none;
    }
    #cm-container {
    width:355px;
    position:fixed;
    top:67px;
    right:0;
    z-index:9999;
    background-color:#e5e5e5;
    padding:60px 20px 10px 20px;
    color:#666;
    box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
    text-align:left;
    border:1px solid rgba(0,0,0,.2);
    background-clip:padding-box;
    display:none;
    }
    #cm-container:before {
    content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkVVRJQIwV_77mFEvFo7PVIJxWRHYKk_qAEOWwoT99hfh96zEs_V0zFORcnhSl6DakBJyESzrMsuKzrZcYwLg5AAboJD9ju91BvbqWz2A7kMLwE_PYGtECb-fkyaXjUQcFR44yORNcnME/s1600/arrow-notif.png');
    position:absolute;
    top:-14px;
    left:196px;
    }
    #cm-container:after {
    content:"Komentar Terbaru";
    position:absolute;
    top:22px;
    left:150px;
    text-align:center;
    font:normal 14px Arial;
    color:#333;
    }
    .cm-outer {
    margin:0 auto;
    padding:0;
    font-size:11px;
    text-align:left;
    font:normal 12px Arial;
    }
    .cm-outer ul {
    margin-bottom:5px;
    }
    .cm-outer li {
    padding:9px 10px 14px;
    list-style:none;
    clear:both;
    position:relative;
    border-radius:3px;
    box-shadow:0 1px 2px rgba(0,0,0,.2);
    background-color:white;
    margin-bottom:10px;
    }
    .cm-text {
    color:#797979;
    }
    .cm-outer {
    margin:0 0 5px;
    }
    .cm-header {
    margin:4px 0 8px 90px;
    font-size:11px;
    font-weight:normal !important;
    }
    .cm-header a {
    color:#262626;
    text-decoration:none;
    font-size:14px;
    font-weight:bold;
    }
    .cm-header a:hover {
    color:#74a2c3;
    text-decoration:none;
    }
    .cm-outer .cm-content {
    overflow:hidden;
    }
    .cm-content {
    margin-left:90px;
    }
    .cm-outer img {
    display:block;
    float:left;
    background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieME8_Jty1YIvTLOq5oetpMFw2dQnjdA19vbtpwqV_cbFXVWWK0tipP_AiKxb56Nn0Vq8LWfeHtlVQP9A9c-CGkpEE2YdlBqj0bGvQJXCGpW2M8Yay9kymcOEyjQBIbNq9DcZswIcgrr0/s1600/anon80.png') no-repeat 50% 50%;
    overflow:hidden;
    border-radius:3px 0 0 3px;
    position:absolute;
    top:0;
    left:0;
    }
    .cm-footer {
    margin-top:7px;
    }
    .cm-footer a {
    color:#5886a7;
    text-decoration:none;
    }
    .cm-footer a:hover {
    color:#74a2c3;
    text-decoration:none;
    }
    div.cm-header img[src=&#39;
    http://img1.blogblog.com/img/openid16-rounded.gif&#39;
    ] {
    content:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQCBD_fk8Kt3v7Us-5IYYlKdPyOCoqiDBLMCd0KLmxyVrc1XMZYARcQVtbouEVVPYF-85rqCuzkX5G4TmFE7z2a3lumeUofXXH34jPQIuGIyfud6KmECbsfkxpv3F5c5czQpESUoguqSo/s80-c/gravatar.png);
    }
  • Langkah berikutnya masukkan kode dibawah ini tepat diatas </body>
    <div id='cm-container'/>
    <div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ_K1_KwXvMHOsVIyZB3Dv6GxUH6QaKdzwFrVji4o9a3m3UQr2W76e0iDqfaQh2WN9v485Bzi2ULSL_X3TwA06EjeOh6MFeUOeXUhNuy33Yefy4xlbOuMs833y1DbQaJk5Yt7nt-rZ0XA/s1600/lonceng.png'/></div>
    <div id='cm-total'/>
    <div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSqAXAStxD7FBe6hHL6-Kwrq_MK1qhkSNBlMc_8dOXqs06yc-8OzRKion80LVVU2_bgapEQVMQFJM2lZZPL69wX7oI4bQ75iUpMXzh-ml5BEigYF1VyPv6tmeG6gBm4Cf4opZENOJP0Hg/s1600/delete4.png' title='close'/></div>
    <script type='text/javascrip'>
    var originalTitle = document.title;
    var cm_config = {
    home_page: "<data:blog.homepageUrl/>",
    max_result: 6,
    t_w: 80,
    t_h: 80,
    summary: 40,
    new_tab_link: true,
    ct_id: "cm-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function(total) {
    document.getElementById("cm-total").innerHTML = '&lt;strong class=\'total-counter\'&gt;'+total+'&lt;/strong&gt;';
    document.title = '(' + total + ') ' + originalTitle;
    }
    };
    $('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
    </script>
    <script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/>
    Keterangan : max_result: 6, adalah jumlah komentar yg di munculkan, ganti value (angka 6 lebih banyak/sedikit)
  • Kemudian klik 'Save template'
Sekian artikel hari ini yang dapat saya sampaikan semoga artikel yang dapat saya sampaikan bermanfaat bagi sobat semua.
Selamat mencoba Jika ada yang ingin dipertanyakan silahkan berkomentar dibawah artikel ini..

Sumber : http://blog.kangismet.net/2013/11/notifikasi-komentar-ala-google-plus.html

Tuesday 5 November 2013

Cara Mengecilkan Alexa Rank Menggunakan Mozilla Firefox



Cara mengecilkan alexa ranksebenarnya banyak sekali. Diantaranya adalah dengan cara memanfaatkan browser PC atau laptop yang digunakan. Salah satu browser yang papuler dan sering digunakan saat ini adalah browser Mozilla Firefox. Sebenarnya tips ini tak hanya digunakan untuk Mozilla Firefox saja, namun juga bisa untuk browser lainya seperti Google Crome dan lain-lain. Akan tetapi dalam artikel ini kita akan membahas mengenai panduan merampingkan ranking alexa menggunakan Mozilla Firefox.

Tak hanya google pagerank, alexa rank juga sangat berpengaruh untuk mengetahui bagaimana kepopuleran situs ataupun blog. Seperti yang kita tahu bahwa alexa rank akan memberikan peringkat situs dari seluruh dunia yang terdaftar di alexa. Alexa rank terbagi menjadi dua yaitu alexa rank dunia serta alexa rank yang menghitung peringkat di suatu negara. Jadi dengan alexa rank kita bisa mengetahui bagaimana peringkat situs kita. Selain itu alexa juga terdapat fitur “link in”. Link in adalah backlink yang dihitung oleh alexa. Namun dalam perhitungan link in alexa akan hanya menghitung satu link di setiap situs. Jadi meskipun banyak link yang dipasang di situs lain, alexa hanya menghitung satu link di setiap situs. Untuk mengurutkan peringkat, alexa akan menilai berdasarkan pengunjung dari suatu situs. Tak heran para blogger juga berupaya untuk meningkatkan alexa rank ini.

Kembali ke topik pembahasan yakni cara memperkecil ranking alexa menggunakan firefox.

1     1.  Pertama silahkan anda Install addons Reload Every pada browser  Mozilla firefox . 
            Untuk instal silahkan kunjungi alamat addons.mozilla.org/en-US/firefox/addon/115
2     2.  Segera Aktifkan addons tersebut, setelah itu restart firefox Anda.
3        3.  Setelah selesai direstart, pada browser Mozilla firefox akan muncul panah segitiga 
            disamping tombol reload dan itu adalah menu reload every yang telah Anda instal.

4.    Sekarang saatnya  buka situs baik web/blog Anda pada new tab firefox.
5.    Klik menu reload every seperti di atas, Anda bisa pilih reload every 10s kemudian klik enable.
6.    Dengan begitu , firefox akan mereload blog tersebut  setiap 10 detik sekali
7.    Sekarang saatnya buka beberapa tab baru, misalnya 5 tab baru dan  pada  setiap tab lakukan seperti langkah langkah di atas
8.    Kemudian biarkan proses itu berlangsung selama beberapa jam.

Silahkan buktikan sendiri hasilnya dengan cara mengecilkian alexa rank menggunakan browser firefox. Apakah dalam beberapa hari ranking alexa akan terus naik atau tidak bisa Anda buktikan sendiri. Sebenarnya masih ada cara lagi yaitu dengan menginstal toolbar alexa. Namun tidak dibahas dalam artikel ini dan akan dibahas di artikel yang pastinya tidak kalah menarik lainnya untuk dipelajari. Semoga bisa bermanfaat dan mohon maaf apabila masih terjadi kesalahan.