Tampilkan postingan dengan label Internet. Tampilkan semua postingan
Tampilkan postingan dengan label Internet. Tampilkan semua postingan

Rabu, 15 April 2015

Cara Pasang Pinterest Rich Pins Open Graph di Blogger

Cara Pasang Pinterest Rich Pins Open Graph di Blogger ini bertujuan untuk memaksimalkan penampilan postingan artikel dan gambar kita apabila dishare melaui Pinterest.

Caranya sebagai berikut:

1. Buka blogger.com
2. Template -> Edit HTML
3. Cari kode berikut:
<b:includable id='post' var='post'>

4. Letakkan kode berikut di bawahnya kode no. 3
<meta expr:content='data:post.title' property='og:title'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:post.timestampISO8601' property='article:published_time'/>
<meta content='NAMA BLOG' property='article:section'/>
<b:loop values='data:post.labels' var='label'>
<meta expr:content='data:label.name' property='article:tag'/>
</b:loop>

5. Ubah kata "NAMA BLOG" menjadi nama blog anda.
6. Klik Simpan Template. Selesai.

Untuk menguji apakah sudah oke, lakukan cara berikut:

1. Kunjungi: Pinterest Validator
2. Masukkan URL artikel (bukan URL blog). Contoh: http://konsultasisyariahislam.blogspot.com/2015/04/twitter-card-open-graph-di-blogger.html
3. Klik Validate.

Kalau ada pesan "Congratulations! Your rich pins are approved and on Pinterest!" berarti sudah OK.

Selasa, 14 April 2015

Twitter Card Open Graph di Blogger

Twitter Card Open Graph di Blogger ini berfungsi untuk menampilkan summary dan image dari postingan artikel blog kita ketika dishare di Twitter. Ini sama dengan Facebook open graph. Caranya sebagai berikut:

CARA MEMBUAT TWITTER CARD

1. Buka blogger.com
2. Pada blog yang akan diedit, klik Template -> Edit HTML
3. Cari kode <head>
4. Copy dan paste kode berikut di bawahnya kode no. 3
<!--START ALKHOIROT.NET CUSTOM FB CODE-->
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription'>
<meta content='summary' name='twitter:card'/>
<meta content='@agamakonsultasi' name='twitter:site'/>
<meta content='@agamakonsultasi' name='twitter:creator'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src' />
</b:if>
</b:if>
</b:if>
<!--END ALKHOIROT.NET TWITTER CARD -->

5. Ganti @agamakonsultasi dengan akun twitter anda.
6. Klik Simpan Template. Selesai.

CARA VALIDASI

Untuk mengetes apakah sudah benar, ada dua cara:

Pertama, kunjungi link ini dan masukkan link salah satu posting artikel blog anda.

Kalau sukses, maka akan tampak seperti dalam screenshot di bawah ini (klik untuk memperbesar):

Twitter Card Open Graph di Blogger



Kedua, cara kedua, submit artikel blog anda langsung di Twitter.

Senin, 13 April 2015

Open Graph Facebook di Blogger

Cara memasang open graph Facebook di Blogger yang bertujuan agar ketika artikel atau posting di blog kita di share di Facebook maka judul, desksripsi dan gambarnya akan sesuai dengan yang ada di artikel tersebut.

LANGKAH PERTAMA

1. Login ke blogger.com
2. Klik Template -> Edit HTML
3. Cari kode berikut di bagian paling atas template:
<html xmlns:expr='http://www.google.com/2005/gml/expr'>

4. Copy dan paste kode berikut: xmlns:og='http://ogp.me/ns#'
5. Letakkan di awal atau di akhir kode nomor 3. Jadinya seperti ini:
<html xmlns:og='http://ogp.me/ns#' xmlns:expr='http://www.google.com/2005/gml/expr'>
6. Simpan template. Ikuti langkah kedua di bawah.

LANGKAH KEDUA

1. Login ke blogger.com
2. Klik Template -> Edit HTML
3. Cari kode berikut di bagian paling atas template: <head>
4. Letakkan kode berikut di bawahnya kode nomor 3
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://2.bp.blogspot.com/-PH_BfKlZ5Io/VRMtHBBUttI/AAAAAAAAcQ8/sK9S_8R2rLQ/s1600/konsultasi-syariah-logo.jpg' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='nomor-id-profil-facebook' property='fb:admins'/>

5. Ganti link image pada "og:image" dengan link gambar logo blog anda
6. Isi nomor id profil facebook dengan nomor profil facebook anda.
6. Klik Save Tempate. Selesai. Ikuti langkah ketiga.

LANGKAH KETIGA: TES HASILNYA

1. Login ke Facebook.com
2. Kunjungi https://developers.facebook.com/tools/debug/
3. Masukkan alamat URL blog anda di kotak
4. Klik Debug

Kalau tidak ada Warning berarti berhasil.

Anda bisa juga mencoba mengetes salah satu link posting anda. Apakah judul, deskripsi dan gambarnya sudah sudah sesuai dengan yang ada di posting anda tersebut.

CATATAN:

Open graph untuk Facebook ini bukan untuk SEO, tapi hanya untuk akurasi data apabila artikel atau blog kita dishare di Facebook.

Selasa, 07 April 2015

Windows 8.1 Memory Disk CPU 100% Usage

Windows 8.1 Memory Disk CPU 100% Usage atau High memory usage atau Windows 8.1 overload

Laptop baru beli dan masih baru tapi suka hang. Dan kalau dilihat di Task Manager (Ctrl + Alt + Delete) menunjukkan bahwa memory, Disk dan Network mencapai antara 80 sampai 100% padahal kalau di total dari data yang ada tidak sampai mencapai jumlah segitu besar penggunannya. Ini disebut pool leak. Ada beberapa cara mengatasi hal ini antara lain mendisable atau menonaktifkan super fetch dan windows search. Caranya sebagai berikut:

CARA MENGURANGI MEMORY USAGE

DISABLE SUPER FETCH

1. Tekan Windows + R secara bersamaan.
2. Ada kotak, tulis di situ: 'services.msc' [tanpa tanda petik]
3. Cari "Super Fetch"
4. Klik Kanan -> Properties -> General
5. Pada Startup type -> klik Disable.
6. Klik Apply dan OK.

DISABLE WINDOWS SEARCH

1. Tekan Windows + R secara bersamaan.
2. Ada kotak, tulis di situ: 'services.msc' [tanpa tanda petik]
3. Cari "Windows Search"
4. Klik Kanan -> Properties -> General
5. Pada Startup type -> klik Disable.
6. Klik Apply dan OK.

Setelah itu, coba cek lagi Task Manager, apakah masih tetap tinggi memory-nya atau sudah turun. Kalau sudah turun berarti selamat. Kalau masih tinggi, kemungkinan ada gangguan di tempat lain lagi. Antara lain disable NDU-nya dengan mencari merubah nilainya menjadi 4 (asalnya 2). Caranya lihat di sini.

CARA DISABLE NDU

1. Launch the Regedit program. Click kanan on the "Start" button,

2. and then click on "Run." In the dialog box that appears, type "regedit" into the text box, and then click the "OK" button.

3. Click HKEY_LOCAL_MACHINE -> SYSTEM -> ControlSet001 -> Services -> Ndu

4. Change the Start value to 4 (for disable).

CARA MENGURANGI DISK USAGE

DISK USAGE 100^%
Solution: Disable BITS atau Background Intelligent Transfer Services.
Lokasi: at Task Manager > Services > Open Services >
Intelligent Transfer Services.

CARA DISABLE BITS

1. Tekan CTRL + ALT + DELETE -> klik Task Manager
2. Klik Services -> Open Services ->
3. Pilih BITS Background Intelligent Transfer Services
4. Klik icon Stop

Untuk disable: klik kanan BITS -> Properties -> Start up type -> pilih-> disable.

Juga, setting Windows update menjadi manual.

CATATAN: Kalau cara-cara di atas tidak berhasil juga dalam arti CPU, MEMORY, DISK naik tinggi, maka berikut tips lain yang bisa dicoba. Dikutip dari beberapa forum:
1. Go to your 'System Properties'
[Keep in mind what your Installed Memory (RAM) is]
2. On the LEFT side of your systems Properties go to 'Advance System Settings'. A small new window should pop up.
3. On the 'Advance' tab, there is an area that says 'Performance' along with two other ones, User Profiles and Startup and Recovery . CLICK on the 'Settings' button that's in Performance.
4. Again a new window will pop up. In the 'Advance' Tab where Virtual Memory is at CLICK the 'Change' button.
5. Again, a new window will pop up. UN-CHECK Automatically manage paging files size for all drives
6. In that same window, click 'Custom size'
7. Remember when the RAM on your Systems Properties? This is where we will convert the GB to MB in Initial Size and Maximum Size.
So say you have 4 GB of RAM. You want to do 4 * 1024 = 4096.
You wan to type in 4096 for your 'Initial Size'
For your Maximum Size you only have to double Initial Size. So it's 4096 * 2 = 8192
8. Click 'Set' then the Window closes
9. Click 'Apply' then 'Ok'
10. It will ask you to restart your computer.

Please note that when your Antivirus is scanning your computer, it will always use 100% of the disk.
If you have any question or need help please feel free to ask.

------------------

I figured it out!!! Try this:
1. Google your computer model + drivers. Update the chipset.
2. Go to Device Manager, and under IDE ATA/ATAPI controllers, right click the driver under this and select the driver tab. Select Roll Back Driver. The new driver seems to have some issues with it, idk why they haven't fixed this yet, but rolling back the driver has been working fine for me.


--------------------

The problem is win 8 application Skype.

Open win 8 Skype application and wait 10 min to load. This will fix the problem.

If issue remains uninstall win 8 Skype application.

-------------------

Disabling BITS, Win Search and SuperFetch didn't do anything for me. Dropped the usage for a couple of seconds but shot up right again to 100%.

From one of the other suggestions on this forum, I went to Control Panel > Troubleshooting > Windows Search & Windows Update..

Let it run the course. After the fixes were applied, the disk usage is back to normal now. Such relief.

---------------

I used to have this problem, but solved it by running a really good registry cleaner app, such as RegHunter. After cleaning, discovering over 3000 registry errors, and re-enabling SuperFetch and Windows Search, my Windows 8.1 operating system has worked perfectly ever since.

CARA MENGURANGI CPU USAGE

CPU 100% USAGE WINDOWS 8.1

I have this issue too. I solved it by performing these steps:
1. On windows 8.1 go to Charms -> Search. Enter "Schedule tasks"
2. In the Task Scheduler window in the left hand pane expand "Task Scheduler Library" and go to Microsoft > Windows > Application Experience
3. There should be 4 entries. The offender that causes the high CPU usage is "ProgramDataUpdater". You could disable it as some have recommended, however I opted to configure the task to kill it self if it runs for more than 1 minute:
a. Right click on "ProgramDataUpdater" and go to properties.
b. Go to the Settings tab. Ensure that the box next to "Stop the task if it runs longer than." is ticked (checked).
c. In the drop down selection box, simply type in "1 minute" (or other time limit). Then click OK.
I did this a few days ago and haven't experienced this issue since. I'm thinking about pushing it to 2 minutes to see what happens.

At least this way if you install another Microsoft program that uses the application experience the issue won't come back. It will always kill itself if something goes wrong.


Senin, 06 April 2015

Leverage browser caching Blogger

Bagaimana cara mensetting Leverage browser caching untuk Blogger Blogspot agar lebih ringat dan menjadi cepat loadingnya?

1. Buka blogger.com
2. Klik Tempat -> Edit
3. Copy dan paste kode berikut setelah

<include path="/assets/**.css" expiration="7d" />
<include path="/assets/**.js" expiration="7d" />
<include path="/assets/**.gif" expiration="3d" />
<include path="/assets/**.jpeg" expiration="3d" />
<include path="/assets/**.jpg" expiration="3d" />
<include path="/assets/**.png" expiration="3d" />

4. Klik Save Template. Selesai.

Setelah itu coba test kecepatan blog anda di Google Pagespeed.

Blogger Related Post dengan Gambar

Blogger Related Post dengan Gambar Model Baru. Disebut model baru karena semua kodenya diletakkan di bawah yaitu di footer bukan di head sehingga tidak mengurangi kecepatan loading (loading spped) dan tidak merusak SEO website atau blog kita.

Cara pasang:

1. Bukan blogger.com
2. Template -> Edit HTML
3. Letakkan kode berikut di atasnya </body>

<!-- BEGIN CODE IT PRETTY RELATED POSTS GALLERY CODE -->
<b:if cond='data:blog.pageType == "item"'>

<style>
.related-posts {
width: 100%;
margin: 2em 0;
float: left;
}

.related-posts ul li {
list-style: none;
margin: 0 5px;
float: left;
text-align: center;
font-size: 110%;
border: none;
}
</style>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>

//<![CDATA[
$(document).ready(function() {



//CODE OPTIONS

var maxSearched = 500;
var minimum = 3;
var maximum = 4;
var imageSize = 140;
var roundImages = false;
var relatedTitle = true;
var labelInTitle = false;
var relatedTitleText = "Related Posts:";
var defaultImage = "http://2.bp.blogspot.com/-PH_BfKlZ5Io/VRMtHBBUttI/AAAAAAAAcQ8/sK9S_8R2rLQ/s1600/konsultasi-syariah-logo.jpg";
var campaignTracking = false;
var campaignSource = "";
var campaignMedium = "";
var campaignName = "";
var postLabels = $('.post-labels a');
var insertBefore = $('.post-footer');


//END CODE OPTIONS - DO NOT EDIT BELOW THIS LINE

var labels=[];var label;var alternateLabel;var minposts=minimum-1;if(postLabels.length===1){label=postLabels.text().trim()}else if(postLabels.length>1){$(postLabels).each(function(){labels.push($(this).text().trim())});label=labels[Math.floor(labels.length*Math.random())];var labelLocation=labels.indexOf(label);if(labelLocation===labels.length-1){alternateLabel=labels[labelLocation-1]}else{alternateLabel=labels[labelLocation+1]}}if(label!==undefined){var title=$(".entry-title").text().trim();var labelCount=0;var alternateLabelCount=0;var matches=[];var url=$('link[rel="alternate"][title*="Atom"]').eq(0).attr("href");$.ajax({url:url,data:{"max-results":maxSearched,alt:"json-in-script"},dataType:"jsonp",success:function(e){$.each(e.feed.entry,function(t,n){if(e.feed.entry[t].category!==undefined){var r=[];for(var i=0;i<e.feed.entry[t].category.length;i++){r.push(e.feed.entry[t].category[i].term)}if($.inArray(label,r)!==-1){labelCount++}if($.inArray(alternateLabel,r)!==-1){alternateLabelCount++}}});if(labelCount<=minposts&&alternateLabelCount>=minposts){label=alternateLabel}$.each(e.feed.entry,function(t,n){if(e.feed.entry[t].category!==undefined){var r=[];for(var i=0;i<e.feed.entry[t].category.length;i++){r.push(e.feed.entry[t].category[i].term)}if($.inArray(label,r)!==-1){var s=e.feed.entry[t].title.$t.trim();if(s!==title){var o;for(var u=0;u<e.feed.entry[t].link.length;u++){if(e.feed.entry[t].link[u].rel==="alternate"){o=e.feed.entry[t].link[u].href}}var a;if(e.feed.entry[t].media$thumbnail!==undefined){a=e.feed.entry[t].media$thumbnail.url.split(/s72-c/).join("s"+imageSize+"-c")}else{a=defaultImage}if(matches.length<maxSearched&&campaignTracking===false){matches.push('<li><a href="'+o+'"><img src="'+a+'" alt="'+s+'" nopin="nopin">'+s+"</a></li>")}else if(matches.length<maxSearched&&campaignTracking===true){matches.push('<li><a href="'+o+"?utm_source="+campaignSource+"&utm_medium="+campaignMedium+"&utm_campaign="+campaignName+'"><img src="'+a+'" alt="'+s+'" nopin="nopin">'+s+"</a></li>")}}}}});if(matches.length>=minimum){if(relatedTitle===true&&labelInTitle===true){insertBefore.before('<div class="related-posts"><h5>'+relatedTitleText+' <span class="related-term">'+label+"</span></h5><ul></ul></div>")}else if(relatedTitle===true&&labelInTitle===false){insertBefore.before('<div class="related-posts"><h5>'+relatedTitleText+"</h5><ul></ul></div>")}else{insertBefore.before('<div class="related-posts"><ul></ul></div>')}matches.sort(function(){return.5-Math.random()});for(var t=0;t<maximum;t++){$(".related-posts ul").append(matches[t])}}insertBefore.css("clear","both");$(".related-posts ul li").css({"max-width":imageSize,"border":"none","padding":"0"});if(roundImages===true){$(".related-posts ul li img").css({"width":imageSize,"height":imageSize,"border-radius":"50%"})}else{$(".related-posts ul li img").css({"max-width":imageSize,"height":"auto"});}}})}
});
//]]>
</script>

</b:if>
<!-- END CODE IT PRETTY RELATED POSTS GALLERY CODE -->

4. Klik Save Template. Selesai.

CATATAN:

- Ganti image default dengan gambar yang anda sukai.
- Related artikel minimal 3, maksimal 4, anda bisa ganti sesuai selera
- Ukuran gambar 140, anda bisa ganti ke yang lebih kecil atau lebih besar.

Minggu, 05 April 2015

Artkel Populer Berdasarkan Jumlah Komentar Blogger

Cara membuat Artkel Populer Berdasarkan Jumlah Komentar di Blogger Blogspot ini sangat mudah. Caranya sebagai berikut:

1. Klik Tata Letak (Layout)
2. Klik Tambah Javascript / HTML
3. Masukkan kode berikut:

<!-- Popular posts with comment count Start -->
<script type="text/javascript">
function getYpipePP(feed) {
document.write('<ol style="">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //to remove comment count delete this line
document.write('</a></li>');
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.alkhoirot.net
&ShowHowMany=10
&_id=390e906036f48772b2ed4b5d837af4cd
&_callback=getYpipePP
&_render=json"
type="text/javascript"></script>
<!-- Popular posts with comment count End -->

4. Pada kalimat: Your Blog URL -> ganti dengan alamat blog anda
5 Klik Simpan. Selesai.