Home » Archives for November 2013
Thursday 21 November 2013
Dampak Apabila Outbound Link Terlalu Banyak
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).
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.
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 - 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.comPilih Rancangan / Template, kemudian Edit HTML
Cari kode
]]></b:skin>
Jika sudah ketemu lalu letakan kode berikut diatas kode ]]></b:skin>
<style type="text/css">Jika sudah, Pasang JQuery Terbaru
#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>
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'>Kalau semuanya sudah diterapkan dengan benar langsung saja Save Template/Simpan Template.
<div class='loadball'/>
<div class='loadball-2'/>
</div>
<script type='text/javascript'>
$(function () {
var siteURL = "http://" + top.location.host.toString();
var $internalLinks = $("a[href^='" + siteURL + "'], a[href^='/'], a[href^='./'], a[href^='../']");
$internalLinks.click(function () {
$('#loadhalaman').fadeIn(1500).delay(6000).fadeOut(1000);
});
$('#loadhalaman').click(function () {
$(this).hide();
});
});
</script>
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:
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 {4. Tambahkan kode berikut dibawah
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;
}
<div class='post-footer-line post-footer-line-1'>
<!-- Related Post Widget Start -->5. Save, lihat hasilnya...
<b:if cond='data:blog.pageType == "item"'>
<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'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Artikel Terkait:</h4>",
numPosts: 5,
titleLength: "auto",
containerId: "related-post",
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 -->
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.
- 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:
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.
- 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.
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.
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
- 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
- Buka Profil Blog tersebut, lalu klik kanan pilih "check page links", tunggu beberapa saat. Jika terdapat link warna merah, buka link tersebut.
- 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.
- Cara mendaftarkan nya seperti biasa, kalo udah langsung cari blog zombie lagi.
- Untuk mengetahui Blog Zombie berPagerank dan BerPageAuthority tinggi bisa kunjungi Seoweather
Thursday 14 November 2013
Mengenal Jomla !
- Dapat melakukan update halaman utama, halaman berita, halaman artikel, maupun halaman arsip secara cepat.
- Dapat menambahkan item menu baru pada main menu, other menu, maupun top menu dengan mudah dan cepat.
- Dapat mengatur weblink dengan cepat dan mudah.
- Dapat mengatur banner (iklan).
- Dapat mengatur FAQ (Frequently Asked Questions).
- Dapat mengatur Newsflashes
- Dapat membuat arsip dan menampilkannya kembali
- Dapat mencetak, mengirim artikel lewat email, dan membaca artikel dengan format PDF.
- Dapat mengatur pengguna (user) dengan tingkat akses level yang berbeda
- 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)
- 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.
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='
http://img1.blogblog.com/img/openid16-rounded.gif'
] {
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'/>
Keterangan : max_result: 6, adalah jumlah komentar yg di munculkan, ganti value (angka 6 lebih banyak/sedikit)
<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 = '<strong class=\'total-counter\'>'+total+'</strong>';
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'/> - Kemudian klik 'Save template'
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