Blogger Hapus Modification Blog

Info Blog Terbaru - Kali Ini Saya Mas Oktri Admin dari Tutorialbelajarblogger, Sedikit Kaget karena blogwalking berkunjung di blogger Blogger Tuneup ( modification-blog.blogspot.com ) yang notabene blog tutorial dan saya yakin bukan hasil copas masih kena Semoga blogger tuneup bisa kembali online dan semoga bisa berkarya lagi di dunia blogger.

Berikut Ini Kutipan dari Bang Hendriono Dede

Ma'af kepada seluruh pengunjung blog yang saya kelola... Akun yang saya gunakan hari ini dinyatakan dinonaktifkan oleh pihak +Blogger. Tidak ada peringatan ... 27 Jun 2013 

Bingung Mbah Google mulai unjuk gigi untuk memerangi blog-blog yang dikategorikan sebagai blog spam. Hal ini terlihat banyaknya blogspot atau blogspot custom domain yang memakai hosting blogger dihapus secara tiba-tiba (tanpa pemberitahuan) oleh blogger. Tak terkecuali blog-blog yang notabene tidak pernah memakai blackhat seo terkena juga imbasnya contohnya Blogger Tuneup yang termasuk blogger inspiratif bagi saya pribadi

Semoga Bisa Menjadi pembelajaran kita semua khususnya blogger pemula seperti saya

Posted By: Unknown on Minggu, 30 Juni 2013

0

Read More

Menampilkan Widget Tertentu Di Halaman Tertentu

Menampilkan Widget Tertentu Di Halaman Tertentu - Ketika kita sedang menuju blog seseorang, terlihat tampilan widget blog tersebut kadang ganti-ganti. Misalnya, di halaman depan Wigdet A, di halalaman lainnya Widget A tidak muncul. Ada apa gerangan....

Sebenarnya, ada beberapa cara yang dilakukan oleh blogger untuk melakukan hal tersebut. Maksudnya Menampilkan Widget Tertentu Di Halaman Tertentu. Mau tahu?

Beginilah caranya secara umum (tips ini tujuannya adalah mempercantik tampilan blog).

1. Menampilkan widget hanya di halaman depan saja (homepage)

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</b:if>

2. Menampilkan di semua halaman kecuali homepage.

<b:if cond='data:blog.url != data:blog.homepageUrl'>
......................................................
</b:if>

3. Menampilkan widget hanya di halaman Archive saja.

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
......................................................
</b:if>

4. Menampilkan widget di semua halaman kecuali halaman archive.

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
......................................................
</b:if>

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
......................................................
</b:if>

6. Menampilkan widget di semua halaman, kecuali halaman posting.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
......................................................
</b:if>

7. Menampilkan widget hanya di postingan tertentu saja.

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
......................................................
</b:if>

8. Menampilkan widget selain di postingan tertentu.

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
......................................................
</b:if>

9. Menampilkan widget hanya di halaman staticpages.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
......................................................
</b:if>

10. Menampilkan widget di semua halaman, kecuali halaman staticpages.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
......................................................
</b:if>

Catatan : Tanda Titik - titik di atas adalah kode widget yang harus di tempatkan

Sebagai Contoh perhatikan di bawah ini.
Coba anda menuju Dunia Sarah. Di halaman depan Widget Fan Facebook tidak muncul. Lalu di halaman kedua ketika klik sebuah artikel, maka Widget Fan Facebook muncul. Untuk melakukan hal itu silahkan coba ikuti langkah berikut.

Menampilkan Widget Tertentu Di Halaman Tertentu
1. Tentunya anda harus buka akun blog anda sendiri.
2. Masuklah ke Elemen Template. Lalu klik Edit HTML
3. Carilah widget yang anda sembunyikan (sebelumnya anda sudah memasang widget di dalam blog anda).
4. Misalnya Widget Fan Facebook. Silahkan cari tulisan "Fan Facebook" (gunakan Ctrl + F untuk mencari secara cepat)
5. Setelah ketemu, maka akan muncul kode persis seperti dibawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/> </b:includable> </b:widget>

6. Selanjutnya tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>

sebelum kode

<!-- only display title if it's non-empty -->

7. Setelah ditambahkan lalu masukkan kode </b:if> sebelum kode

</b:includable>
</b:widget>

8. Maka hasilnya akan persis seperti di bawah ini.

<b:widget id='HTML4' locked='false' title='Fan Facebook' type='HTML'> <b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><!-- only display title if it's non-empty --><b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if><div class='widget-content'><data:content/></div><b:include name='quickedit'/></b:if> </b:includable> </b:widget>

9. Selesai. Simpan Template blog anda.

Catatan : Huruf yang berwarna biru adalah Kode yang ditambahkan. Ingat satuhal, penempatannya jangan salah yah. Harus pas. Kalao gak pas, maka eror. Untuk mengantisipasinya, sebaiknya sebelum memulai langkahlangkah di atas, Simpan Template Blog anda terlebih dahulu.

Okay sudah yah... Bos kira sudah cukup dulu mengenai Menampilkan Widget Tertentu Di Halaman Tertentu. Semoga bisa dipergunakan sebaik mungkin. Salam blogger semoga bermanfaat dan selamat mencoba.

Posted By: Unknown on

0

Read More

Cara Membuat Read More Otomatis Tanpa Javascript

Cara Membuat Read More Otomatis Tanpa Javascript - Ketika membuat blog baru, biasanya tampilan blog masih biasa-biasa saja. Artinya kita masih menggunakan tampilan blog yang diberikan oleh Blogger sendiri. Seiring dengan waktu, muncul kebosanan dan ingin menggantinya dengan yang lain. Ada yang menggunakan template yang dinamis, atau mengutak-atik tampilan blog sesuai keinginan.

Cara Membuat Read More Otomatis Tanpa Javascript
Read More atau baca Selanjutnya dibuat agar tampilan blog terlihat lebih rapi dan elegan. Tujuannya agar tampilan bloh ketika pertama kali dibuka bisa terlihat banyak cuplikan artikel. (Baca disini Cara mempercantik Blog). Dengan begitu, pengunjung bisa melihat cuplikan-cuplikan yang ada di dalam blog kita dan memilihnya satu persatu. Perlu diketahui, bahwa cara membuat read more dibedakan menjadi dua, yaitu read more otomatis dan manual.

Read More cara menual, dengan memanfaatkan Insert Jump Break pada posting blog, dimana setiap kali ingin posting artikel baru, kita akan mengklik icon / fasilitas Insert Jump Break. Cara ini pastinya kita harus melakukannya setiap menulis artikel (bila lupa maka read more tidak muncul) --> Baca Disini selengkapnya mengenai Membuat Read More Cara Manual.

Sementara Cara Membuat Read More Otomatis ada dua juga, yaitu dengan menggunakan Javascript dan Tanpa Javascript. Read More Otomatis dengan menggunakan Javascript biasanya memanfaatkan pihak ketiga tempat penyimpanan data script. Seperti .JS dan lain-lain. Info yang Bos Tutorial himpun, bahwa menggunakan cara ini, Google sendiri tidak menyukainya. Bisa jadi alasannya banyak. Oh iya, apabila anda menggunakan template yang dinamis, biasanya sudang menggunakan cara ini. So... tidak usah lagi anda menggantinya dengan yang baru. (abaikan saja tulisan ini).

Cara Membuat Read More Otomatis Tanpa Javascript inilah yang akan kita paparkan disini. Cara ini tidak menggunakan situs pihak ketiga, karena langsung masuk ke script HTML blog kita. Menggunakan cara ini ada manfaatnya, dimana template blog anda akan menjadi lebih SEO Friendly dan ringan. Cara atau trik ini kita akan memanfaatkan kode yang digunakan oleh tampilan mobile blogspot, yaitu post snippet. Oleh karena itu, dalam script HTML blog kita, dilakukan penambahan kode. Ikuti beberapa langkah di bawah ini.

Langkah / Cara Membuat Read More Otomatis Tanpa Javascript
1. Bukalah Akun Blog anda yang sebenarnya (jangan blog orang lain) bila anda memiliki banyak blog dalam satu akun, silahkan pilih salah satu blog saja.
2. Pilih Elemen Template, kemudian lanjutkan dengan klik Edit HTML
3. Lalu cari kode ]]></b:skin>, untuk mempermudah silahkan menggunakan ctrl+f
4. Copy / salin kode di bawah ini dan letakkan tepat di atas kode ]]></b:skin>

.post-thumbnail{float:left;margin-right:20px}

5. Jangan beranjak dulu, masih seoutar edit HTML.
6. Cari kode <data:post.body/> apabila sudah ketemu silahkan Copy kode di bawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

7. Setelah di copy, gantilah kode <data:post.body/> dengan kode yang barusan di copy.
8. Selesai. Simpan template blog anda.
9. Lihat hasilnya.

Demikianlah Cara Membuat Read More Otomatis Tanpa Javascript, apabila anda sudah menggunakan Template yang dinamis, abaikan saja ini. Semoga bermanfaat yah. Selamat mencoba. Salam blogger.

Posted By: Unknown on

0

Read More

Cara Membuat Teks Melingkar Dengan Photoshop

Tutorial Belajar PhotoShop -  Cara Membuat Teks Melingkar Dengan Photoshop ,Tulisan atau teks yang melingkar ini biasanya diletakkan pada objek yang berbentuk lingkaran, misalnya pembuatan stempel, membuat logo perusahaan. Untuk anda yang masih belum mengetahui cara membuat teks atau tulisan melingkar dengan menggunakan adobe photoshop.

Biasanya membuat tulisan yang melingkar ini dapat juga memakai Coreldraw, tapi pada tutorial sekarang ini Mas Oktri dalam membuat teks melingkar dengan menggunakan adobe photoshop, simak caranya dibawah ini.

Cara Membuat Teks Melingkar Dengan Photoshop

Langkah 1

• Tekan Ctrl + N untuk membuat file baru
• Pada palet layer, pilih Create a new layer
• Lalu pada toolbox, pilih Ellipse Tool untuk membuat lingkaran, dan pada menu atas pilih Shape layers Buat lingkaran dengan Ellipse Tool (U), agar benar-benar berupa lingkaran sempurna gunakan tombol   SHIFT sambil klik dan drag pada area kerja photoshop.

• Lalu pilih Horizontal Type Tool dan ketik teks / tulisan didekat garis lingkaran, maka secara otomatis teks melingkar mengikuti garis lingkaran

• Kalau diklik diluar area, maka otomatis garis lingkarannya akan hilang, jadi yang terlihat hanya teks / tulisan melingkar.

Mudah bukan, Demikan Tutorial dari Mas Oktri, selamat mencoba Cara Membuat Teks Melingkar dengan Photoshop, semoga bermanfaat.

Posted By: Unknown on Sabtu, 29 Juni 2013

0

Read More

Apa Itu Sitelinks

Tutorial Belajar Blog - Disini Saya Mas Oktri ingin berbagi informasi sekilas tentang blog / website yaitu Sitelink. Sitelink adalah sekumpulan link yang muncul di hasil pencarian Google (SERP) di bawah link atau situs tertentu.  Berikut penjelasan lebih mudahnya..

Sitelinks

1. Hasil pencarian (situs tertentu)
2. Sitelink.

Jumlah sitelink tergantung dan (bisa) berbeda beda. Ada yang 1, 2, 3 dan seterusnya. Namun jumlah sitelink maksimal 6.

 

Pada gambar di atas kita dapat melihat jika angka 1 menunjukan nama domain dari blog yang muncul di halaman hasil penelusuran search engine berdasarkan penelusuran informasi tertentu. Sedangkan angka 2 menunjukan sitelink dari blog tersebut yang juga muncul di halaman hasil penelusuran search engine.

Sitelink pun bisa dijelaskan sebagai susunan atau daftar link yang muncul di bawah nama domain dari sebuah blog atau website tertentu yang muncul dalam halaman hasil pencarian search engine. Contoh bentuk atau format dari blog yang memiliki sitelink seperti gambar Sitelink diatas.

Manfaat sitelink yaitu dengan adanya sitelink, maka bisa memberi kita dominasi keyword tertentu, yang artinya posisi blog kita akan paling teratas dengan keyword tertentu yang akan sulit digeser oleh blog lain. Dan dengan adanya sitelink itu, itu berarti google menganggap kalau blog kita itu banyak konten-konten yang di anggap penting, dan termasuk dalam golongan blog yang rajin posting.

Biasanya blog yang mendapat sitelink adalah blog yang sudah mempunyai umur. Dan menurut para blogger, sitelink itu adalah merupakan sebuah gengsi tersendiri bagi para webmaster/blogger itu sendiri.

 

Demikian informasi Blog dari Saya, Semoga Bermanfaat
 

Posted By: Unknown on

0

Read More

Cara Membuat Energy Saving Mode di Blog Tanpa Javascript

Tampilan Energy Saving Mode di Blog Tanpa Javascript

Tutorial Belajar Blog - Cara Membuat Energy Saving Mode di Blog Tanpa Javascript - Pada Postingan ini Tutorial Belajar Blog ( Mas Oktri ) ingin berbagi tips blog yaitu bagaimana Cara membuat energy saving mode di blog. Tutorial ini sedikit berbeda dibandingkan energi saving mode blog lain, karena kita nanti akan membuat nya tanpa javascript hanya menggunakan css3. Tutorial Ini dapat dibuat dengan memanfaatkan pseudo elemen ::after , ::before , <span> , dan transition untuk memperhalus gerakan. Kemudian <span> digunakan untuk membuat garis dari atas dan dari bawah yang seolah-olah akan mengunci layar.

Tutorial Ini Hasil Inspirasi BlogMate dari blog ZTO, yang jago CSS. Tidak Banyak pemahaman dari saya tentang CSS maka dari itu anggap saja tutorial ini untuk pembelajaran diri saya sendiri ataupun dapat uji coba oleh teman - teman pengunjung blog ini. Langsung Saja dibawah ini langkah - langkah untuk membuat nya.

Sebaiknya anda membaca dengan baik langkah yang telah diberikan dan jangan lupa backup template anda.

  Energy Saving Mode di Blog Tanpa Javascript PART 1,

Energy Saving Mode Part I

 DEMO ENERGY SAVING MODE

/* Opening Element By ZTO
Creation by ZTO.blogspot.com
ESM by tutorialbelajarblogger.blogspot.com
*/
body::before, body::after {
position: absolute;position:fixed;
content: "";
background: #000;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 9999
}
body::before {border: 10px solid #ccc;border-left:none;
top: 0;
left: 50%;
right: 0;
bottom: 0;
}
body::after {
top: 0;
left: 0;border: 10px solid #ccc;border-right:none;
right: 50%;
bottom: 0;
}
body:hover::before {
left: 100%
}
body span.oktri {
position: absolute;position:fixed;right:0;
left: 0;
top: 48%;
border: 5px solid #ccc;
margin: 0 0 0 -1px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body span.oktriblog {
position: absolute;position:fixed;
right:0;
left: 0;
top: 48%;
border: 5px solid #ccc;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover::after {
right: 100%
}
body:hover::before, body:hover::after {
visibility: hidden
}
body:hover span.oktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 0;
}
body:hover span.oktriblog {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 100%;
}
body span.ok3 {width:35%;border-bottom: 5px solid #ccc;
border-top: 5px solid #ccc;padding:10px;background:#000;
font-size:25px;color:#fff;
text-align:center;
position: absolute;position:fixed;
left: 32%;right:45%;
top: 40%;
bottom: 45%;
margin: 0 0 0 0px;
z-index: 123455543123445556888;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover span.ok3 {
visibility: hidden;
-moz-transition: all .7s ease-out;
-o-transition: all .7s ease-out;
-webkit-transition: all .7s ease-out;
transition: all .7s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
right: 0;z-index:99999999
}

Masukkan css diatas diatas kode ]]><b:skin>

 <span class='oktri'></span>
<span class='ok3'>Energy Saving Mode<br/><span style='font-size:12px;color:#fff'>Gunakan keyboard untuk menscroll halaman</span></span>
<span class='oktriblog'></span>

Masukkan kode html diatas tepat dibawah kode <body>. Simpan template dan lihat hasilnya

  Energy Saving Mode di Blog Tanpa Javascript PART 2,

Energy Saving Mode Part II

/* By ZTO 
ESM by Mas Oktri
*/
body::before, body::after {
position: absolute;position:fixed;
content: "";
background: #000;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
z-index: 9999
}
body::before {border: 10px solid #ccc;border-left:none;
top: 0;
left: 50%;
right: 0;
bottom: 0;
}
body::after {
top: 0;
left: 0;border: 10px solid #ccc;border-right:none;
right: 50%;
bottom: 0;
}
body:hover::before {
left: 100%
}
body span.belajarblog {
position: absolute;position:fixed;
left: 50%;
top: 0;

bottom: 65%;
border: 5px solid #ccc;
margin: 0 0 0 -1px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body span.mas-oktri {
position: absolute;position:fixed;
left: 50%;
top: 62%;
bottom: 0;
border: 5px solid #ccc;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover::after {
right: 100%
}
body:hover::before, body:hover::after {
visibility: hidden
}
body:hover span.belajarblog {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
bottom: 100%;
}
body:hover span.mas-oktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
top: 100%;
}
body span.masoktri {width:30%;border-bottom: 5px solid #ccc;
border-top: 5px solid #ccc;padding:10px;
font-size:25px;color:#fff;
text-align:center;
position: absolute;position:fixed;
left: 35%;right:45%;
top: 40%;
bottom: 45%;
margin: 0 0 0 0px;
z-index: 99999;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-moz-transition: all 3s ease-in;
-o-transition: all 3s ease-in;
-webkit-transition: all 3s ease-in;
transition: all 3s ease-in;
-moz-box-shadow: 0 0 20px 3px #06F;
-webkit-box-shadow: 0 0 20px 3px #06F;
box-shadow: 0 0 20px 3px #06F
}
body:hover span.masoktri {
visibility: hidden;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
left: 0;right:0;
}

Masukkan css diatas diatas kode ]]><b:skin>

 <span class='belajarblog'></span>
<span class='masoktri'>Energy Saving Mode<br/><span style='font-size:12px;color:#fff'>Untuk Scroll Gunakanlah Keyboard </span></span>
<span class='mas-oktri'></span>

Masukkan kode html diatas tepat dibawah kode <body>. Simpan template dan lihat hasilnya Demikian Tutorial Belajar Tentang Cara Membuat Energy Saving Mode di Blog Tanpa Javascript Semoga Bermanfaat

Thanks To ZTO & xardhix

Posted By: Unknown on Sabtu, 22 Juni 2013

0

Read More

Daftar Blog ke Google dan Bing Yahoo dengan Cepat

Daftar Blog ke Google dan Bing Yahoo dengan Cepat - Perlunya mendaftar sebuah blog kepada mesin pencari. Istilah ini biasa dikatakan Search Engine.Di internet, ada dua perusahaan besar yang berkecimpung di dalam pencarian kata (addword). Sebut saja Google dan Yahoo. Masing-masing situs raksasa ini selalu bersaing menarik penggunanya. Dan kebenaran, pengguna internet masih tetap setia menggunakannya.

Kenapa Mendaftar Blog ke Google dan Bing Yahoo?
Alasannya adalah agar blog kita terindeks oleh google atau bing yahoo tadi. Artikel-artikel kita pun masuk dalam katalog pencarian situs. Disatu sisi membantu kita mempromosikan blog ke khlayak umum tanpa capek. Oleh karena itu, kita harus menggunakannya dengan baik.

Daftar Blog ke Google dan Bing Yahoo dengan Cepat

1. Google Search Engine

Mendaftar blog dengan Google sangatlah mudah. Langkah ini saya sarankan agar anda lakukan. Karena disamping kita menggunakan blogger bawaan google, maka kita kudu mendaftarkannya ke google. Disatu sisi, pengguna internet dalam pencarian artikel, lebih banyak menggunakan google search engine dibandingkan lainnya.

Silahkan masuk ke : https://www.google.com/webmasters/tools/submit-url atau Klik Disini. Untuk lebih lanjut silahkan baca disini.

2. Bing Yahoo Search Engine

Bing adalah salah satu situs yang dimiliki oleh Microsoft dan berkolaborasi dengan Yahoo dalam search engine. Bing - Yahoo, mesin pencari terbaik di internet yang tidak kalah dengan google. Penggunanya pun banyak dan tetap setia. Oleh karena itu, saya sarankan anda untuk mendaftarkan blog ke dalam Bing - Yahoo ini.

Silahkan anda kunjungi disini untuk mendaftarkan blog ke Bing - Yahoo.

Demikianlah catatan Bos Tutorial mengenai Daftar Blog ke Google dan Bing Yahoo dengan Cepat. Selamat mencoba dan semoga bermanfaat, Salam.

Posted By: Unknown on Selasa, 18 Juni 2013

0

Read More

Cara Terbaik Mendapatkan Backlink Gratis

Cara Terbaik Mendapatkan Backlink Gratis - Anda tentu tahu bawah backlink sangatlah penting dalam untuk sebuah blog. Bisa dikatakan juga Backlink menentukan nafas suatu blog, karena tanpa backlink sebuah blog akan terasa lemah tanpa daya. Seperti sayur tanpa garam... begitulah kata pepatah kuno yang mengatakannya. Hehehehe...malah bermain sastra.

Backlink bila di artikan ke dalam bahasa sehari-hari adalah umpan balik link. Adanya kepercayaan terhadap blog yang kita kelola dari beberapa situs tertentu. Bisa dari mendaftar di berbagai situs, bisa juga saling bertukar link sesama teman blogger. Disini saya tidak akan memaparkan lebih jauh mengenai kedua hal tersebut. Namun berbagi tentang bagaimana Cara Terbaik Mendapatkan Backlink Gratis.

Memang cara mendapatkan backlink gratis tidaklah mudah, tetapi ada beberapa cara yang bisa kita manfaatkan secara gratis untuk mendapatkan backlink tersebut. Slogan utama adalah, kalao ada gratisan kenapa mesti bayar... benar bukan.

Inilah Cara Terbaik Mendapatkan Backlink Gratis, Simak berikut di bawah ini.

1. Berkomentar di blog dofollow
Cobalah anda cari di google blog dofollow misalnya menggunakan kata kunci Daftar blog dofollow yang terbaru kemudian blogwalking dan berkomentarlah, saya sarankan berkomentarlah dengan menggunakan bahasa yang baik dan baku juga sopan, jangan hanya berkinginan mendapatkan backlink lalu dengan asal berkomentar dan meletakkan link lalu close. Gunakan kata kunci sebagai nama anda saat berkomentar. Jangan lupa meletakkan alamat blog anda di tempat url yang telah disediakan.

2. Join forum
Daftarkanlah ke forum forum terutama forum yang beraliran dofollow. Jika anda sudah join di forum, silahkan melakukan sedikit posting untuk bisa dikomentari oleh anggota lain, Dan pada saat anda mem-posting maka anda berkempatan untuk meletakkan link blog anda. Dan inilah yang akan menjadikan blog anda mendapatkan backlink tersebut. Tetapi tentunya anda harus berhati hati dalam meninggalkan link anda, biasanya suatu forum mempunyai ketentuan batasan jumlah postingan anda. Jadi anda harus mengetahui terlebih dahulu berapa syarat jumlah minimum postingan untuk bisa meletakkan link anda di forum.

3. Membuat Dummy Blog
Dummy blog adalah blog lain yang anda buat untuk tujuan menautkan link ke dalam blog anda sendiri. Anda bisa membuat sebanyak mungkin blog lain sesuka anda sendiri. Tetapi haruslah anda ingat bahwa tidaklah asal membuat blog lalu menautkan ke blog kesayangan kita dan stop begitu saja. Anda juga harus memperhatikan laju perkembangan postingan dan backlink dummy blog yang sudah anda buat walaupun tidak seserius blog kesayangan anda itu.

Memang waktu yang diperlukan membangun dummy blog tidaklah sedikit dan kerepotannya yang amat sangat mengganggu , Tetapi inilah yang paling efektif dan mudah untuk mendapatkan backlink gratis yang akan tertaut untuk selamanya.

4. Gunakan aplikasi
Pergunakan aplikasi aplikasi yang bisa anda install di alat browsing anda maupun di blog anda, misalnya SeoQuake, Alexa, Pagerank. Jikalau anda sudah menginstall alat bantu tersebut maka sejalan dengan penggunaan alat tersebut maka otamatis akan mendapatkan backlink gratis darinya.

Untuk sementara, itu dulu yang bisa kami bagikan. Anda punya pengalaman lain? Silahkan ditambahkan. Semoga tulisan mengenai Cara Terbaik Mendapatkan Backlink Gratis bisa bermanfaat. Salam.

Referensi : Abah Tips Blog

Posted By: Unknown on

0

Read More

Cara Mengetahui SWIFT CODE Pada Bank di Indonesia

Cara Mengetahui SWIFT CODE Pada Bank di Indonesia - Mungkin anda bertanya apa itu SWIFT CODE Pada Bank. Perlu diketahui, bahwa masing-masing bank yang ada saat ini memiliki "SWIFT CODE" baik itu BCA, Mandiri, BI dan Seluruh Bank di Indonesia.

Apa itu SWIFT CODE?

SWIFT CODE identik dengan terminologi “Bank Identifier Code” atau disingkat dengan BIC dalam wacana SWIFT. Salah satu peran SWIFT adalah menjadi “kantor pos global” bagi semua bank di dunia dalam mengirimkan dokumen transaksinya dari satu bank ke bank lain. Seperti layaknya kita mengirimkan surat melalui kantor pos, di sampul surat kita akan selalu memberikan identitas lengkap mengenai siapa penerima surat dan siapa pengirim surat tersebut.

Tiap "SWIFT CODE" pada bank berbeda-beda antar satu bank dengan yang lainnya. Kode-kode ini digunakan pada saat ada transfer uang antar bank, tentunya bagi yang sering melakukan pengiriman dan penerimaan uang pasti sudah akrab dengan SWIFT CODE ini tentunya sudah hafal.

Kesimpulannya bahaa Swift code adalah kode bank yang berguna untuk transaksi secara internasional. Jika anda ingin mengirim atau menerima uang dari luar negeri baik melalui transfer bank maupun kartu kredit maka anda memerlukan kode ini untuk memverfikasinya.

Anda mungkin bertanya kenapa Abah paparkan ini. Karena dalam dunia internet khusus bisnis online SWIFT CODE Pada Bank sangatlah penting. Jika anda ingin transfer uang ke Indonesia dari Luar negeri, pasti akan di tanyakan SWIFT CODE bank tujuan transfer anda. Berikut adalah SWIFT CODE Bank – bank yang ada di Indonesia :

SWIFT CODE Bank – bank yang ada di Indonesia

• ABN AMRO Bank: ABNAIDJA
• Hagabank: HAGAIDJA
• Bank Artha Graha: ARTGIDJA
• Bank Bumiputera Indonesia: BUMIIDJA
• Bank Bumi Arta Indonesia: BBAIIDJA
• Bank Buana Indonesia: BBIJIDJA
• Bank Danamon: BDINIDJA
• Bank Mandiri (not Bank Syariah Mandiri): BEIIIDJA
• Bangkok Bank: BKKBIDJA
• Bank Niaga: BNIAIDJA
• Bank Negara Indonesia (BNI): BNINIDJA
• Bank BNP Paribas Indonesia: BNPAIDJA
• Bank Resona Perdania: BPIAIDJA
• Bank Rakyat Indonesia (BRI): BRINIDJA
• Bank Bukopin: BBUKIDJA
• Bank Central Asia (BCA): CENAIDJA
• Deutsche Bank AG: DEUTIDJA
• Bank Mizuho Indonesia: MHCCIDJA
• Hongkong and Shanghai Banking (HSBC): HSBCIDJA
• Bank Internasional Indonesia (BII): IBBKIDJA
• Bank Indonesia: INDOIDJA
• Lippo Bank: LIPBIDJA
• Bank NISP: NISPIDJA
• Pan Indonesia Bank: PINBIDJA
• Bank Rabobank International Indonesia: RABOIDJA
• Bank UFJ Indonesia (formerly Bank Sanwa Indonesia): SAINIDJA
• Bank Swadesi: SWBAIDJA
• Bank Tabungan Negara (BTN): BTANIDJA
• Bank UOB Indonesia: UOBBIDJA
• Bank Permata: BBBAIDJA
• Bank Maybank Indocorp: MBBEIDJA
• Bank Chinatrust Indonesia: CTCBIDJA
• Woori Bank Indonesia: HVBKIDJA
• Bank Sumitomo Mitsui Indonesia: SUNIIDJA
• Bank Finconesia: FINBIDJA
• Bank OCBC Indonesia: OCBCIDJA
• Bank Kesawan: AWANIDJA
• Bank Commonwealth: BICNIDJA
• Bank Ekonomi Raharja: EKONIDJA
• Bank DBS Indonesia: DBSBIDJA
• Bank CIC International (formerly Bank Century Intervest Corp): CICTIDJA
• Bank Ekspor Indonesia: BEXIIDJA
• Bank Mega: MEGAIDJA
• Bank of China, Jakarta Branch: BKCHIDJA
• Bank Syariah Mandiri (not Bank Mandiri): BSMDIDJA

Kode Bank di Indonesia
Apabila ingin mengirim uang antar bank di Indonesia, biasa disebut Kliring maka diperlukan kode bank. Silakan anda pilih kode yang sesuai dengan Bank tempat anda menabung :
1. ABN AMRO Bank: 052
2. American Express Bank LTD: 030
3. Bank Of America: 033
4. Bank Of China Limited: 069
5. BPD Aceh: 116
6. BPD Bali: 129
7. BPD Bengkulu: 133
8. BPD Jambi: 115
9. BPD Jawa Barat dan Banten: 110
10. BPD Jawa Tengah: 113
11. BPD Jawa Timur: 114
12. BPD Kalimantan Barat: 123
13. BPD Kalimantan Selatan: 122
14. BPD Kalimantan Tengah: 125
15. BPD Kalimantan Timur: 124
16. BPD Lampung: 121
17. BPD Maluku: 131
18. BPD Nusa Tenggara Barat: 128
19. BPD Nusa Tenggara Timur: 130
20. BPD Papua: 132
21. BPD Riau: 119
22. BPD Sulawesi Selatan: 126
23. BPD Sulawesi Tengah: 134
24. BPD Sulawesi Tenggara: 135
25. BPD Sulawesi Utara: 127
26. BPD Sumatera Barat: 118
27. BPD Sumatera Selatan: 120
28. BPD Sumatera Utara: 117
29. BPD Yogyakarta: 112
30. Citibank: 031
31. Deutsche Bank AG: 067
32. JP. Morgan Chase Bank: 032
33. Anglomas Internasional Bank: 531
34. ANZ Panin Bank: 061
35. Bank Agroniaga, Tbk: 494
36. Bank Akita: 525
37. Bank Alfindo: 503
38. Bank Antardaerah: 088
39. Bank Arta Niaga Kencana: 020
40. Bank Artha Graha Internasional: 037
41. Bank Artos Indonesia: 542
42. Bank Bintang Manunggal: 484
43. Bank Bisnis Internasional: 459
44. Bank BNP Paribas Indonesia: 057
45. Bank Bukopin: 441
46. Bank Bumi Arta: 076
47. Bank Bumipetera Indonesia: 485
48. Bank Capital Indonesia: 054
49. Bank Central Asia: 014
50. Bank Century: 095
51. Bank China Trust Indonesia: 949
52. Bank CommonWealth: 950
53. Bank Credit Agricole Indosuez: 039
54. Bank Danamon Indonesia: 011
55. Bank DBS Indonesia: 046
56. Bank Dipo Internasional: 523
57. Bank DKI: 111
58. Bank Ekonomi Raharja: 087
59. Bank Eksekutif Internasional: 558
60. Bank Ekspor Indonesia: 003
61. Bank Fama Internasional: 562
62. Bank Finconesia: 945
63. Bank Ganesha: 161
64. Bank Haga: 089
65. Bank Hagakita: 159
66. Bank Harda Internasional: 567
67. Bank Harfa: 517
68. Bank Harmoni Internasional: 166
69. Bank Himpunan Saudara 1906, Tbk: 212
70. Bank IFI: 093
71. Bank INA Perdana: 513
72. Bank Index Selindo: 555
73. Bank Indomonex: 498
74. Bank Internasional Indonesia: 016
75. Bank Jasa Arta: 422
76. Bank Jasa Jakarta: 472
77. Bank Keppel Tatlee Buana: 053
78. Bank Kesawan: 167
79. Bank Kesejahteraan Ekonomi: 535
80. Bank Lippo: 026
81. Bank Mandiri: 008
82. Bank Maspion Indonesia: 157
83. Bank Mayapada Internasional: 097
84. Bank Maybank Indocorp: 947
85. Bank Mayora: 553
86. Bank Mega: 426
87. Bank Merincorp: 946
88. Bank Mestika Dharma: 151
89. Bank Metro Express: 152
90. Bank Mitraniaga: 491
91. Bank Mizuho Indonesia: 048
92. Bank Muamalat Indonesia: 147
93. Bank Multi Arta Sentosa: 548
94. Bank Multicor: 036
95. Bank Negara Indonesia: 009
96. Bank Niaga: 022
97. Bank NISP: 028
98. Bank Nusantara Parahyangan: 145
99. Bank OCBC Indonesia: 948
100. Bank Permata: 013
101. Bank Persyarikatan Indonesia: 521
102. Bank Purba Danarta: 547
103. Bank Rabobank Internasional Indonesia: 060
104. Bank Rakyat Indonesia: 002
105. Bank Resona Perdania: 047
106. Bank Royal Indonesia: 501
107. Bank Shinta Indonesia: 153
108. Bank Sinar Harapan Bali: 564
109. Bank Sri Partha: 466
110. Bank Sumitomo Mitsui Indonesia: 045
111. Bank Swadesi: 146
112. Bank Swaguna: 405
113. Bank Syariah Mandiri: 451
114. Bank Syariah Mega Indonesia: 506
115. Bank Tabungan Negara: 200
116. Bank Tabungan Pensiunan Nasional: 213
117. Bank UIB: 536
118. Bank UOB Buana: 023
119. Bank UOB Indonesia: 058
120. Bank Victoria International: 566
121. Bank Windu Kentjana: 162
122. Bank Woori Indonesia: 068
123. Bank Yudha Bhakti: 490
124. Bank Centratama Nasional: 559
125. Bank Halim Indonesia: 164
126. Bank ING Indonesia: 034
127. Korea Exchange Bank Danamon: 059
128. Bank Liman International: 526
129. Bank PAN Indonesia: 019
130. Bank Prima Master: 520
131. Bank Standard Chartered: 050
132. The Bangkok Bank Comp: 040
133. The Bank Of Tokyo Mitshubisi UFJ: 042
134. HSBC: 041

Catatan : Untuk kode cabangnya silahkan tanya ke Customer Service masing-masing bank. Ingat kode cabang adalah 4 digit. Jika CSnya memberikan 2 digit atau 3 digit maka tambahkan saja angka nol didepannya untuk menggenapkan menjadi 4 digit. Sebagai contoh, kode cabang bank anda adalah 59 maka tambahkan saja dua nol didepannya menjadi 0059.

Contohnya : Untuk BCA bisa dilihat di: http://www.klikbca.com/individual/silver/network.html

Nomor account BCA = 4560717xxx
Bank Code = 014
Branch Code = xxxxx
SWIFT CODE "BIC" = CENAIDJA
Bank Name = Bank Central Asia

Sumber Original Artikel : Abah Tips Blog

Posted By: Unknown on Senin, 17 Juni 2013

0

Read More

Cara Membuat Recent Comment Seperti Notifikasi Facebook

Contoh Tampilan Recent Comment Seperti Notifikasi  Facebook

Tutorial belajar Blogger - Cara Membuat Recent Comment Muncul Seperti Notifikasi Facebook Melanjutkan Pada Postingan sebelumnya Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook  , Mas Oktri Ingin membahas bagaimana cara membuat  recent comment ( Komentar terakhir) muncul seperti notifikasi pada Facebook, Tutorial ini Merupakan Request dari teman blogger agus. Pada tutorial Blog ini tidak beda jauh dengan tutorial sebelumnya yang membedakan hanya menambahkan postingan recent comment saja seperti langkah kedua

  Berikut Ini Langkah - Langkah Membuat nya :

Langkah Pertama

1. Masuk Edit Html,

Contoh Masuk Edit Html

• Cari Kode Di Bawah Ini

<div id='menu-wrapper3'>
<div id='menu3'>
<ul style='list-style: none;'>
<li><a id='timeSMcoy'><script src='http://not-remove-admin-3.googlecode.com/files/Hari4.js'/></a></li>
<li><a id='jamSM'/></li>
</ul>
</div>
</div> 

Kode sebelum Di ganti

•  Kemudian Ganti Dengan Kode Di Bawah Ini :

<div id='menu-wrapper3'>
      <div id='menu3'>
        <ul style='list-style: none; float:left'>
          <li>
            <a id='feedOKTRI' onclick='feed_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-post.html&quot;,&quot;300&quot;,&quot;300&quot;,&quot;feedOKTRI&quot;,&quot;feedOKTRI-dlm&quot;)'/>
            <div id='feedOKTRI-dlm'/>
          </li>
          <li>
            <a id='commentOKTRI' onclick='comment_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-comment.html&quot;,&quot;320&quot;,&quot;320&quot;,&quot;commentOKTRI&quot;,&quot;commentOKTRI-dlm&quot;)'/>
            <div id='commentOKTRI-dlm'/>
          </li>
        </ul>
        <ul style='list-style: none;'>
          <li>
            <a id='timeSMcoy'>
              <script src='http://fuck-u-admin.googlecode.com/files/Hari4.js'/>
            </a>
          </li>
          <li>
            <a id='jamSM'/>
          </li>
        </ul>
      </div>
    </div>

Kode Setelah Di ganti

Note :
Link Yang Berwarna Ganti Dengan Link Recent Post Anda Sendiri, 

          Kemudian Simpan

Note : Apabila SUdah pernah melakukan menerapkan Langkah langkah diatas pada tutorial membuat recent post muncul seperti Notifikasi Facebook tidak perlu lagi melakukan tutorial diatas langsung saja pada Langkah Kedua di bawah ini

Langkah Kedua

Masukan Kode Di Bawah ini  Pada Postingan  jgn lupa pada Mode Html Jangan Mode compose:

<style type="text/css">
#komentar {
  font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
  background-color:#222;
  margin:0px auto;
  color:#999;
width:300px;
text-align:left;
  -webkit-box-shadow:inset 0px 0px 2px #000;
  -moz-box-shadow:inset 0px 0px 2px #000;
  box-shadow:inset 0px 0px 2px #000;
}

#komentar ul {
  margin:0px 0px;
  padding:0px 0px;
  border-top:1px solid #333;
  border-bottom:1px solid #444;
}

#komentar ul li {
  border-top:1px solid #444;
  border-bottom:1px solid #333;
  padding:3px 5px;
  list-style:none;
}
#komentar ul li:hover{background:#333}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
  color:rgb(27, 116, 185);
  text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#komentar ul li b a:hover{text-decoration:underline}
#komentar ul li b:before {
  content:url(http://1.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
  margin:0px 4px 0px 0px;
  display:inline-block;
  *display:inline;
  vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 10,
    jmlkarakter = 200,
    home_page   = "http://tutorialbelajarblogger.blogspot.com";
</script>
<script>
function tampilkankomentar(json) {
 document.write('<div id="komentar">
<ul>');
 var entry, urlkomentar, isikomentar, lihatkomentar;
 for (var i = 0; i < jmlkomentar; i++) {
  entry = json.feed.entry[i];
 if (i == json.feed.entry.length) break;
  for (var k = 0; k < entry.link.length; k++) {
   if (entry.link[k].rel == 'alternate') {
    urlkomentar = entry.link[k].href;
    break
   }
  }

  urlkomentar = urlkomentar.replace("#", "#comment-");
  if ("content" in entry) {
   isikomentar = entry.content.$t
  } else if ("summary" in entry) {
   isikomentar = entry.summary.$t
  } else {
   isikomentar = ""
  }

  var re = /<\S[^>]*>/g;
  isikomentar = isikomentar.replace(re, "");
  if (isikomentar.length > jmlkarakter) {
   isikomentar = isikomentar.substring(0, jmlkarakter) + "...";
  }

  document.write('
<li>');
  document.write('<b><a rel="nofollow" href="' + urlkomentar + '" target="_blank">' + entry.author[0].name.$t + '</a>: </b>');
  document.write('<span class="isi">' + isikomentar + '</span>');
  document.write('</li>
');
 }
 document.write('</ul>
</div>
');
}

document.write('<scr' + 'ipt src="' + home_page + '/feeds/comments/default?redirect=false&alt=json-in-script&callback=tampilkankomentar"><\/script>');
</script>

Catatan Ganti Link Berwarna Merah diatas Dengan Link Blog anda

Masukan Kode Diatas DI psotingan Seperti Pada Gambar

Kemudian Publikasi

Untuk demo Recent Post,  anda bisa melihat langsung di blog ini, selamat mengoprek :)) Baca Juga Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook

Posted By: Unknown on Sabtu, 15 Juni 2013

0

Read More

Cara Membuat Blog Menjadi No.1 di Pencarian Google

Menjadi No 1 di Google

Tutorial Belajar Blog | Tips Blog - Cara Membuat Blog Menjadi No.1 di Pencarian Google, Sesuai dengan Judul Postingan saya Mas Oktri Telah melakukan Uji coba SEO dengan Menembak keyword " Tutorial Belajar Blog", Yang sudah berhasil menjadi No.1 di pencarian Google. untuk pembuktian silahkan sobat ketik pada kang Google.com dengan kata kunci "Tutorial Belajar Blog" selanjutnya klik Telusuri.

Dan berikut adalah 5 top ranking blog/situs yang mucul di halaman depan kang Google dari Sekitar 5.120.000 hasil (0,30 detik) . Hasil pencarian :

1.  tutorialbelajarblogger.blogspot.com --> PR 0
2. panduan-belajar-blog.blogspot.com --> PR 2
3. cara-ngeblog.blogspot.com --> PR 0
4. tutorialblog-nizam.blogspot.com --> PR 0
5. afatih.wordpress.com --> PR 3

Tampilan Tutorial Belajar Blog

Kesimpulan Dari data di atas tidak menutup kemungkinan walaupun blog kita hanya mempunyai Pagerank 0, tetapi masih bisa menjadi No.1 di Pencarian Google.Dengan syarat kita mengetahui rahasia Ilmu Dasar SEO.

Mas Oktri Sendiri masih Newbie / Pemula Dalam kesempatan yang baik ini, saya ( Mas Oktri ) akan berbagi pengalaman dengan sobat bagaimana cara mudah agar blog kita bisa menjadi No.1 di pencarian google dengan kata kunci.


Berikut Ini test Keyword Kedua Mas Oktri melakukan uji coba SEO dengan menembak KEYWORD "cara membuat blog keren" yang berhasil menempati Posisi teratas. Dibawah ini contoh screnshot Sekitar 2.780.000 hasil (0,15 detik)

 

"Cara Membuat Blog Menjadi No.1 di Pencarian Google " :

• Dalam memilih keyword,yang ingin sobat tembak jangan terlalu biasa/umum, karena akan kalah bersaing.Namun jangan terlalu Spesifik, karena mungkin tak akan ada orang yang bisa menemukan blog/situs sobat.

• Setelah sobat menemukan keyword yang pas dan cocok untuk sobat tembak.Selanjutnya silahkan sobat membuat Judul artikel yang mengandung keyword yang sobat pilih tadi.

• Pasang Deskripsi dan Keyword pada rancangan blog sobat : - 'Deskripsi Blog' adalah 'Gambaran tentang blog sobat di tambah keyword yang di pilih' - 'Keyword' adalah 'kata kunci yang sobat tembak'.

• Tulis keyword yang sobat pilih di awal, tengah, dan akhir dalam artikel.

• Tebalkan, Miringkan atau Garis Bawahi pada salah satu keyword yang sobat pilih.

• Buat label pada artikel yang berisi keyword tembakan sobat.

• Cari backlink dengan sobat blogger lainnya dengan link yang mengarah ke artikel sobat.

• Berkomentar dengan menggunakan Nama/URL sobat, jangan gunakan akun google sobat.

• Buat artikel lanjutan dengan memasang link ke Halaman artikel yang mempunyai keyword tembakan sobat tadi.

Sekian Info dari Mas Oktri yang sudah saya praktekan Dan sudah terbukti berhasil.

** Salam Belajar Blog ( Mas Oktri ) **

Thanks To Blog Noler

Posted By: Unknown on Jumat, 14 Juni 2013

0

Read More

Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook

Contoh Tampilan Recent Post Seperti Notifikasi  Facebook

Tutorial belajar Blogger - Cara Membuat Recent Post Muncul Seperti Notifikasi Facebook Pada Postingan ini Mas Oktri Ingin membahas bagaimana membuat recent post ( postingan terakhir ) muncul seperti notifikasi pada Facebook, tutorial ini terinspirasi dari santa mars yang kebetulan template yang Mas Oktri Gunakan Template Cloning Santa.

Tutorial ini Merupakan Request dari teman yogagj.yang kebetulan menggunakan template yang saya pakai juga.apabila sudah menggunakan template Revolution Berikut Ini Langkah - Langkah Membuat nya :

Langkah Pertama

1. Masuk Edit Html,

Contoh Masuk Edit Html

• Cari Kode Di Bawah Ini

<div id='menu-wrapper3'>
<div id='menu3'>
<ul style='list-style: none;'>
<li><a id='timeSMcoy'><script src='http://not-remove-admin-3.googlecode.com/files/Hari4.js'/></a></li>
<li><a id='jamSM'/></li>
</ul>
</div>
</div> 

Kode sebelum Di ganti

•  Kemudian Ganti Dengan Kode Di Bawah Ini :

<div id='menu-wrapper3'>
      <div id='menu3'>
        <ul style='list-style: none; float:left'>
          <li>
            <a id='feedOKTRI' onclick='feed_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-post.html&quot;,&quot;300&quot;,&quot;300&quot;,&quot;feedOKTRI&quot;,&quot;feedOKTRI-dlm&quot;)'/>
            <div id='feedOKTRI-dlm'/>
          </li>
          <li>
            <a id='commentOKTRI' onclick='comment_SM(&quot;http://tutorialbelajarblogger-iframe.blogspot.com/2013/03/feed-comment.html&quot;,&quot;320&quot;,&quot;320&quot;,&quot;commentOKTRI&quot;,&quot;commentOKTRI-dlm&quot;)'/>
            <div id='commentOKTRI-dlm'/>
          </li>
        </ul>
        <ul style='list-style: none;'>
          <li>
            <a id='timeSMcoy'>
              <script src='http://fuck-u-admin.googlecode.com/files/Hari4.js'/>
            </a>
          </li>
          <li>
            <a id='jamSM'/>
          </li>
        </ul>
      </div>
    </div>

Kode Setelah Di ganti

Note :
Link Yang Berwarna Ganti Dengan Link Recent Post Anda Sendiri,

          Kemudian Simpan

Langkah Kedua

Masukan Kode Di Bawah ini  Pada Postingan  jgn lupa pada Mode Html Jangan Mode compose:

<style type='text/css'>
#dte_recent-post {
  margin:0 0;
  padding:0 0;
  font:normal 11px Arial,Sans-Serif;
  color:#999;
  margin:0 auto;
  min-height:100px;
width:300px;
text-align:left;
}

#dte_recent-post li {
  list-style:none;
  margin:0 0;
  padding:7px 7px;
  background-color:#222;
  border-bottom:1px dotted #999;
}
#dte_recent-post li:hover{background:#333}

#dte_recent-post li a img {
  float:left;
  margin:0 10px 0 0;
  padding:0 0;
  border:none;
  background:transparent;
  outline:none;
}

#dte_recent-post li a.title {
  display:block;
  font-size:12px;
  text-decoration:none;
  color:rgb(27, 116, 185);
font-weight:bold;
font-size:11px;
}

#dte_recent-post li a.title:hover {
  text-decoration:underline;
}

#dte_recent-post li span.foot {
  clear:both;
  color:#999;
  margin-top:7px;
  font-size:10px;
}
</style>
<ul id='dte_recent-post'/>
<script type='text/javascript'>
//<![CDATA[
var rp_homePage    = "http://tutorialbelajarblogger.blogspot.com", // Your blog homepage
    rp_numPosts    = 5, // How many posts?
    rp_thumbWidth  = 42, // Thumbnail width. Change to 0 if you want to disable the post thumbnail
    rp_numChars    = 0, // Number of posts summary
    rp_sortByLabel = false, // Replace false with your specific label name to display posts by specific label
                            // Example: rp_sortByLabel = "JQuery", to sort posts by label "JQuery"
    rp_noImage     = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR-MY3Wvpy2BtaCvAuGtTs5-C09iEKq0vUSEN-kMXAuGjl9_jzSkjm_ChTfHxc-rs1aJ6Cy5o6DatvewPG5m3Tak3scOqRC4AZLJZJPsolS0eZy-VyNNNpNYFpsYx4L18HIc70ZXWCGwE/s42/faceblogSM-nogambar.jpg", // A 'no-image' image
    rp_monthNames  = [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    rp_newTabLink  = true, // If true, then all the widget links will automatically opens in new window/new tab
    rp_loadTimer   = "onload"; // "onload" || time in milliseconds (e.g: 3000, 4000, ...)

function showRecentPosts(json) {

    for (var i = 0; i < rp_numPosts; i++) {
        if (i == json.feed.entry.length) break;
        var entry = json.feed.entry[i],
            postTitle = entry.title.$t,
            postAuthor = entry.author[0].name.$t,
            postDate = entry.published.$t.substring(0, 10),
            postUrl,
            linkTarget,
            postContent,
            postImage,
            skeleton = "";

        var dy = postDate.substring(0, 4),
            dm = postDate.substring(5, 7),
            dd = postDate.substring(8, 10);

        for (var j = 0; j < entry.link.length; j++) {
            if (entry.link[j].rel == 'alternate') {
                postUrl = entry.link[j].href;
                break;
            }
        }

        for (var k = 0; k < entry.link.length; k++) {
            if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
                commentNum = entry.link[k].title.split(" ")[0];
                commentLabel = entry.link[k].title.split(" ")[1];
                break;
            }
        }

        if ("content" in entry) {
            postContent = entry.content.$t;
        } else if ("summary" in entry) {
            postContent = entry.summary.$t;
        } else {
            postContent = '';
        }

        if (rp_thumbWidth !== 0 || rp_thumbWidth !== false) {
            if ("media$thumbnail" in entry) {
                postImage = '<img style="width:' + rp_thumbWidth + 'px;height:' + rp_thumbWidth + 'px;" src="' + entry.media$thumbnail.url.replace(/\/s[0-9]+\-c/g, "\/s" + rp_thumbWidth + "-c") + '" alt="Loading..." />';
            } else {
                postImage = '<img style="width:' + rp_thumbWidth + 'px;height:' + rp_thumbWidth + 'px;" src="' + rp_noImage + '" alt="Loading..."/>';
            }
        } else {
            postImage = "";
        }

        postContent = postContent.replace(/<br ?\/?>/ig, " ");
        postContent = postContent.replace(/<(.*?)>/g, "");

        if (postContent.length > rp_numChars || rp_numChars !== false) {
            if (rp_numChars !== 0) {
                postContent = postContent.substring(0, rp_numChars) + '&hellip;';
            } else {
                postContent = '';
            }
        } else {
            postContent = '';
        }

        linkTarget = (rp_newTabLink) ? ' target="_blank"' : '';

        skeleton = '<li>';
        skeleton += '<a href="' + postUrl + '"' + linkTarget + '>' + postImage + '</a>';
        skeleton += '<a class="title" href="' + postUrl + '"' + linkTarget + '>' + postTitle + '</a>';
        skeleton += '<span class="foot"><span class="dt">' + dd + ' ' + rp_monthNames[parseInt(dm, 10) - 1] + ' ' + dy + '</span> <span class="cm">(' + commentNum + ' ' + commentLabel + ')</span></span>';
        skeleton += '<br style="clear:both;"/>';
        skeleton += '</li>';
        document.getElementById('dte_recent-post').innerHTML += skeleton;
    }

}

var labelName = (rp_sortByLabel !== false) ? '-/' + rp_sortByLabel : "";
var rp_script = document.createElement('script');
rp_script.src = rp_homePage + '/feeds/posts/summary/' + labelName + '?alt=json-in-script&callback=showRecentPosts';

// Preloading...
if (rp_loadTimer === "onload") {
    window.onload = function() {
        document.getElementsByTagName('head')[0].appendChild(rp_script);
    };
} else {
    setTimeout(function() {
        document.getElementsByTagName('head')[0].appendChild(rp_script);
    }, rp_loadTimer);
}
//]]>
</script>

Masukan Kode Diatas DI psotingan Seperti Pada Gambar INi

Kemudian Publikasi

Untuk demo Recent Post,  anda bisa melihat langsung di blog ini, selamat mengoprek :)) Baca Juga Cara Membuat Recent Post Berjalan di Blog

 

Posted By: Unknown on Kamis, 13 Juni 2013

0

Read More