Cara Pasang Ping Otomatis Tiap Postingan Blog

Halo sahabat Putupunyablog?. Pada kali ini saya share artikel lagi. Judul postingan kali ini adalah Cara Pasang Ping Otomatis Tiap Postingan Blog. Mungkin banyak yang belum tahu tutorial blog ini. Maka dari itu saya share di blog saya ini. ping blog sangatlah penting untuk postingan blog kita. Dengan melakukan Ping Otomatis ini setiap artikel baru Anda akan diping atau dikirim pada social bookmark terkenal.
Cara Pasang Ping Otomatis Tiap Postingan Blog
Pastinya Anda siap-siap untuk melihat pembaca artikel/posting Anda dari pembaca interlokal/lokal. Melakukan Ping Otomatis juga tidak membuang-buang waktu daripada Anda melakukan ping secara manual. Dengan Ping Otomatis ini Anda hanya disuruh klik 1x dan artikel baru Anda otomatis di Ping pada situs social bookmark. Penasaran caranya?. Ikutilah langkah-langkah berikut ini dengan tepat!.

1. Pastinya anda sudah masuk ke akun blogger anda.
2. Ambil kode ping di situs www.auto-ping.com , www.ping-fast.com, www.totalping.com
2. Masuk ke Template >> Edit Html >> Lanjutkan >> Centang "Expand Template Widget".
3. Tekan CTRL + F
4. Letakkan kode ping yang anda ambil dari beberapa website tadi di bawah kode <data:post.body/> .
5. Jika sudah, jangan lupa klik "Simpan" dan lihat salah satu postingan blog anda.

Quote :
Biasanya, kode <data:post.body/> ada 4. Silahkan anda coba satu - persatu jika kode nomor 1 tidak bisa, lakukan ke kode berikutnya.
Catatan :
Jika Anda ingin melakukan Auto Ping atau Ping Otomatis pada artikel/posting baru, silahkan buka artikel/posting Anda lalu klik widget Auto Ping yang terletak di bawah artikel/posting.

Itulah tadi sedikit pembahasan mengenai tutorial blog. Semoga artikel blog saya yang satu ini bisa menginspirasi dan bermanfaat untuk anda semua. Saya berterima kasih jika anda berkomentar. Sekian dan Terima kasih.
Tambahkan Komentar31 Komentar

Cara Membuat Artikel Terkait Ringan & Simple

Halo teman-teman semua?. Jumpa lagi dengan admin blog Putupunyablog. Pada hari ini admin share tutorial Cara Membuat Artikel Terkait Ringan Dan Simple Pada Bawah Postingan Blog. Artikel ini khusus bagi anda yang mencari tutorial pasang related post di bawah artikel atau postingan blog. Dengan memasang ini, pengunjung blog kita tidak cepat - cepat menutup jendela / window browser. Karena para pengunjung kita melihat artikel terkaitnya. Ini tergantung dengan apa yang anda posting. Jika yang anda posting di blog artikel menarik dan unik, pasti pengunjung blog kita betah. Baik, saya tidak bisa basa-basi lagi disini :D. Langsung saja, ini dia :
Cara Membuat Artikel Terkait Ringan & Simple
1. Pastinya kamu sudah login/masuk ke akun blogger.
2. Klik Template >> Edit Html >> Lanjutkan >> centang "Expand Template Widget".
3. Tekan CTRL + F.
4. Letakkan kode berikut ini tepat DIBAWAH kode <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='similiar'><div class='widget-content'><h3>Artikel Terkait :</h3><div id='data2007'/><br/><br/><script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 7;var maxNumberOfLabels = 7;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 4;function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;data2007&#39;).appendChild(div1);}}}function search10(query, label) {var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;;var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div></div></b:if><div style="text-align: left;"><a href="http://putupunyablog.blogspot.com/2012/12/cara-membuat-artikel-terkait-ringan.html" target="_blank"><span style="font-size: xx-small;">Copyright</span></a></div>
5. Jika sudah, klik "Simpan" dan lihat salah satu postingan blog anda yang berkategori apa saja.
Selamat Mencoba
Tambahkan Komentar14 Komentar

Cara Mudah Agar Template Blog Valid HTML5

Halo teman-teman semua?. Jumpa lagi dengan Putupunyablog. Pada kali ini saya memposting artikel Cara Mudah Agar Template Blog Valid HTML5. Pasti diantara teman-teman sudah tidak sabar menunggu artikel seperti ini kan?. Sebelum saya kasih tutorialnya, ada baiknya saya jelaskan. Apa itu Valid HTML5?. Karena mungkin diantara teman-teman belum tahu dan belum paham dengan Valid HTML5.
Cara Mudah Agar Template Blog Valid HTML5
HTML singkatan dari Hyper Tesk Markup Language adalah file teks atau file ASCII yang berisi instruksi/script kepada web browser untuk menampilkan suatu tampilan grafis dari sebuah halaman web. Didalam file HTML terdapat beberapa “tag” atau kode-kode yang dimengerti oleh web browser dan dapat menampilkannya di layar monitor. Salah satu kelebihan file HTML adalah cross platform, artinya file HTML dapat ditampilkan di beberapa Operating System (OS) yang berbeda dan memiliki tampilan yang sama walaupun saat pembuatannya menggunakan satu OS tertentu saja.

HTML telah melalui banyak revisi, dan untuk itu, sekarang HTML 5 sudah mulai dikembangkan dan digunakan. HTML 5 ini dipublikasikan oleh HTML Working Group di tanggal 23 April, yang membebaskan developer ketika akan menulis aplikasi untuk system operasi yang spesifik.

Kelebihan Dan Kekurangan HTML5

Beberapa kelebihan yang dijanjikan pada HTML 5 :
1. Dapat ditulis dalam sintaks HTML (dengan tipe media teks/html) dan XML.
2. Integrasi yang lebih baik dengan aplikasi web dan pemrosesannya.
3. Integrasi (’inline’) MathML dan SVG dengan doctype yang lebih sederhana.
4. Penulisan kode yang lebih efisien.
5. Dapat dimengerti oleh peramban lawas (backwards compatible). Sehingga istilah ‘deprecated’ tidak akan diperlukan lagi.

Elemen Baru Di HTML5

Demi mewujudkan struktur halaman web yang lebih baik semantik dan aksesibilitasnya, dikenalkanlah beberapa elemen baru, diantaranya :
1. Section serupa seperti h1-h6.
2. Article bisa berupa entri blog atau tulisan konten.
3. Aside menyajikan konten pelengkap.
4. Header bisa menyajikan judul, deskripsi, bahkan nav untuk navigasi.
5. Footer berisi catatan kaki seperti informasi hak cipta, penulis, kontak, dan sebagainya.
6. Dialog yang dikombinasikan dengan dt dan dd (seperti pada halaman FAQ) dapat digunakan untuk menyajikan percakapan.
7. Yang fenomenal adalah penggunaan elemen figure, video, audio, source, embed, canvas dan elemen terkait berkas multimedia lainnya.

Atribut Baru Di HTML5

Dikenalkan pula beberapa atribut baru, seperti :
1. Atribut media, ping pada elemen pranala,
2. Autofocus, placeholder, required, autocomplete dan sebagainya, terkait elemen input dan form
3. Reversed pada elemen ol untuk urutan besar ke kecil.

Perubahan Makna Elemen

Ada beberapa elemen yang berubah makna, diantaranya :
1. Elemen b dilegalkan sebagai tipografi penegas, seperti pada kata kunci yang ingin ditonjolkan, tidak ‘deprecated’ (bukan fitur yang dianggap usang). Tidak lebih dari itu. Jadi tetap tidak bermakna semantik tertentu. Hal yang sama berlaku pula untuk elemen i.
2. Elemen strong menegaskan level kepentingan, bukan sekadar penekanan emphasis lagi.
3. Elemen hr dapat digunakan untuk memisahkan level paragraf sesuai pokok pikirannya.

Elemen Dan Atribut Yang Tidak Digunakan

Berikut ini beberapa elemen dan atribut yang tidak lagi muncul pada HTML 5 :
1. center,
2. font
3. strike, u, big
4. frame, frameset, noframes
5. acronym
6. longdesc
7. scope pada td

Contoh HTML5

Cara Mudah Agar Template Blog Valid HTML5

Yang Membedakan Dari Html Biasa

1. Tidak perlu lagi memakai
2. Deklarasi adalah ‘case-insensitive’. Tidak harus huruf besar/kapital semua.

Browser Yang Mendukung HTML

1. Opera Web Browser (mulai dari Opera 9.2 sampai yang terbaru saat ini yaitu opera 10)
2. Safari (mulai dari versi 3.1)
3. FireFox (Mulai dari FireFox 3 )
4. Google Chrome (Mulai dari versi 3)
5. Internet Explorer (Mulai dari versi 8 )
Bagaiman?. Sudah jelas semuanya?. Berikut ini adalah cara agar template blog valid hmtl5 :
1. Login ke akun blogger anda.
2. Template >> Edit Html >> Lanjutkan >> Centang "Expand Template Widget".
3. Tekan CTRL + F.
4. Hapus semua kode tepat diatas kode <head> dengan kode dibawah ini!.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
5. Cari dan hapus kode seperti dibawah ini /* sampai /*. Contoh :
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Seo Friendly Template
Date:     26 Feb 2009
----------------------------------------------*/
Nantinya menjadi seperti dibawah ini! :
<b:skin><![CDATA[
6. Cari kode </html> dan ganti dengan kode </HTML>
7. Hapus semua kode yang seperti dibawah ini! :
<b:include name='quickedit'/>
Dan
<a expr:name='data:post.id'/>
8. Tambahkan kode berikut ini tepat di BAWAH kode </head>
<!-- <body><div></div> -->
9. Jangan lupa klik "Simpan".
10. Jika anda memposting menggunakan gambar, gunakan kode seperti dibawah ini!.
<div class="separator" style="clear: both; text-align: center;">
<img alt="Keyword Gambar" height="236" src="URL GAMBAR" title="JUDUL Gambar" width="320" /></div>
Jika sobat pernah meng-upload gambar pada postingan yang lama, Silahkan sobat edit dan ganti kode gambar tersebut dengan kode gambar diatas agar semua gambar di blog sobat valid. Jika sudah selesai silahkan cek ulang blog sobat di http://validator.w3.org/ dan semoga template sobat akan lebih valid.
Semoga Bermanfaat Untuk Anda.
Refferensi :
1. http://www.google.co.id/
2. http://4.bp.blogspot.com/
3. http://www.blogcdn.com/
4. http://setiawanputu.blogspot.com/
5. http://maz-waone.blogspot.com/
6. http://sejutatrik.blogspot.com/
Tambahkan Komentar15 Komentar

Ciri - Ciri Blog Yang Disukai Dan Tidak Disukai

Ciri - Ciri Blog Yang Disukai Dan Tidak Disukai - Halo para teman-teman semua?. Pada kali ini Putupunyablog kembali memposting artikel lagi di blog ini. Judul kali ini yaitu Ciri - Ciri Blog Yang Disukai Dan Tidak Disukai. Sebenarnya saya tidak mau basa - basi. Tetapi mohon maaf, saya langsung membahasnya. Karena saya buru-buru :D. Berikut ini dia. Semoga teman-teman blogger tidak ada yang tersinggung di postingan blog saya yang satu ini :) hehe.. .
 Ciri - Ciri Blog Yang Disukai Dan Tidak Disukai, Dibenci

Blog Yang Bagus & Disukai

1. Loading Blog Cepat.
Loading yang cepat pada suatu blog pasti telah menjadi idaman bagi pemilik blog dan pengunjung blog. Dengan loading blog yang cepat pasti blog tersebut akan disukai oleh pengunjungnya dan juga pengunjung tersebut akan ketagihan datang pada blog tersebut. Tetapi jika blog yang dikunjungi pengunjung tersebut saat loading terlalu lama pasti pengunjung tersebut akan cepat-cepat peninggalkan blog tersebut. Jadi usahakan blog anda saat loading kecepatannya minimal 15 detik demi mempertahankan pengunjung anda untuk selalu berkunjung ke blog anda dan jangan memasang widget-widget yang tidak bermanfaat untuk blog. Jangan lupa untuk membuat desain blog yang rapi dan ringan demi mempercepat loading blog.

2. Mempermudah Pengunjung Mencari Artikel Yang Dicari.
Blog dengan memiliki fitur untuk menyimpan artikel ataupun mencari artikel seperti search box, daftar isi, arsip, label atau lain sebagainya pasti akan disukai oleh pengunjungnya. Mengapa? Karena seorang pengunjung blog pasti membutuhkan artikel, jika artikel tersebut susah dicari pasti akan ditinggalkan pengunjung tersebut. Dengan adanya fitur-fitur untuk mencari artikel disuatu blog pengunjung akan mudah dalam mencari artikel. Jadi semakin banyak artikel yang dibacanya, maka semakin lama pengunjung tersebut di dalam blog tersebut. Jadi silahkanlah permudah pengunjung anda dengan fitur-fitur pencari artikel untuk mencari artikel yang ia cari. Dengan hal ini pengunjung pasti menyukai blog anda.

3. Tidak Ada Iklan Dan Banner.
Dengan tidak adanya iklan dan banner pasti akan mempermudah pengunjung dalam membaca artikel. Mengapa? Karena dengan tidak adanya hal tersebut tidak akan menghalangi artikel yang dibaca dan juga pengunjung menjadi nyaman ada di dalam blog tersebut. Iklan dan banner memang bisa mengganggu konsentrasi pengunjung dalam membaca dan juga dengan adanya iklan dan banner akan membuat loading blog menjadi berat dan lama. Jadi jika ada blog yang tidak ada keberadaan iklan dan banner pasti akan disukai pengunjung blog tersebut dan pengunjung akan selalu kembali lagi pada blog tersebut.

4. Admin Yang Baik & Ramah.
Admin yang rama adalah selalu memperhatikan berbagai pertanyaan-pertanyaan yang masuk pada komentar, forum, atau buku tamu. Maksudnya? Maksudnya adalah jika ada pertanyaan dari pengunjung pada sebuah komentar artikel tertentu admin blog tersebut akan menjawab dengan sopan dan membelikan solusi atau jawaban yang benar. Misalnya ada seorang pengunjung yang bertanya tentang belajar HTML dan admin blog tersebut menjawab dengan penuh hormat dan jawabannya benar sekaligus bermanfaat. Tipe admin seperti itulah yang disukai oleh pengunjung. Jika adminnya disukai pastinya blognya juga disukai. Jadi usahakan anda menjawab semua tertanyaan yang ada pada blog anda dengan benar dan juga tidak menyingung pengunjung.

5. Selalu Update
Pengunjung blog akan suka jika blog yang dikunjungi selalu terus-menerus diupdate dan memberikan artikel yang selalu bermanfaat. Jadi artikel yang selalu diupdate dan bermanfaat tersebut akan memancing pengunjung untuk selalu datang pada blog tersebut. Artikel yang diupdate juga harus terjadwal pada waktunya agar pengunjung mengetahui waktu yang tepat untuk membaca artikel terbaru dari blog tersebut. Tidak hanya itu, artikel yang dibuat harus artikel asli buatan admin blog tersebut dan tidak hasil copy paste artikel blog lain. Pengunjung juga senang dengan hal tersebut yang membuat blog tersebut selalu disukai oleh pengunjung. Dengan adanya hal ini pengunjung blog tersebut akan cepat mendapatkan pengunjung dengan banyak dan rank blog tersebut akan semakin baik.

Blog Yang Tidak Bagus & Dibenci

1. Loading Halaman Blog Yang Lama.
Sebuah pengunjung selalu ingin cepat mendapatkan informasi yang menarik dan bermanfaat. Jika pengunjung tersebut akan membaca disuatu blog yang loadingnya lama, kemungkinan besar akan ditinggalkan atau ditutup kembali. Janganlah sia-siakan pengunjung anda hanya karena loading blog yang terlalu lama. Mengapa? Karena dengan hal tersebut pengunjung tidak mau menunggu terlalu lama dan jika suatu blog jarang di kunjungi oleh pengunjung maka rank blog tersebut akan semakin menurun. Jadi saran saya hilangkan semua widget pada blog yang tidak bermanfaat, hilangkan animasi yang membuat berat blog, gunakan desain blog yang tidak membuat berat dan lama saat loading dan tidak berantakan.

2. Mencari Traffic Dengan Jalan Pintas.
Dengan mendapatkan trafik yang cepat suatu blog akan cepat dikenal oleh orang. Tetapi bagaimana jika mendapatkan trafik dengan jalan pintas itu namanya curang. Saran saya adalah janganlah mencai trafik dengan jalan pintas, berusahalah untuk tidak berbuat curang saat blogging. Mengapa? Karena tipe blog tersebut adalah kriteria blog yang dibenci oleh pengunjung.

3. Iklan Dan Banner Yang Berlebihan.
Bagaimana jadinya jika suatu blog penuh dengan iklan atau banner? Dengan banyaknya iklan dan banner di blog memang sangat menguntungkan, tetapi jika suatu blog adanya hanya iklan saja bukan artikel yang beranfaat pasti akan ditinggalkan oleh pengunjungnya. Iklan atau banner hanyalah membuat pengunjung menjadi terganggu dalam membaca artikel. Selain itu iklan atau banner juga dapat membuat loading halaman blog menjadi berat dan lama. Akibatnya, calon pengunjung tidak jadi menjelajahi blog anda dan pengunjung jadi malas berkunjung. Jadi saran saya adalah janganlah memasang iklan dan banner secara berlebihan agar pengunjung anda tidak bosan terhadap blog anda yang penuh dengan iklan bukan artikel yang bermanfaat.

4. Tidak Pernah Diupdate.
Bagaimana tidak bosan ketika suatu blog jarang di update! Artikel terbaru adalah menjadi yang ditunggu-tunggu oleh pengunjung blog. Seseorang akan bosan sendirinya jika yang dinanti-nanti tidak kunjung datang. Begitu juga dengan pengunjung yang menanti-nanti artikel terbaru yang tidak kunjung datang dan lama-kelamaan pengunjung tersebut akan bosan sendiri karena yang di tunggu-tunggu tidak kunjung datang. Akibatnya semua pengunjung blog tersebut akan hilang sia-sia dan tidak mau datang kembali di blog tersebut. Saran saya kali ini adalah teruslah diupdate blog anda dengan artikel menarik dan bermanfaat, minimal satu minggu sekali. Jika setiap hari lebih baik dan jangan lupa update artikel anda selalu terjadwal agar pengunjung anda selalu ingin datang kembali.

5. Artikel Yang Kurang Berkualitas.

Seorang pengunjung pasti suka dengan artikel yang menarik, bermanfaat dan berkualitas. Seorang pengunjung selalu ingin mendapatkan yang terbaik demi sebuah artikel yang berkualitas. Jika pengunjung mendapatkan artikel yang kurang berkualitas dan tidak bermanfaat baginya pasti artikel tersebut akan diabaikan. Jadi saran saya kali ini adalah buatlah kualitas yang menarik, bermanfaat, dan tentunga memiliki kualitas. Buatlah artikel yang sesuai dengan porsinya, jangan terlalu kurang dan jangan terlalu berlebihan.
Semoga Bermanfaat Untuk Anda. Terima Kasih.
Tambahkan Komentar23 Komentar

Cara Hapus Komentar Link Aktif Secara Otomatis

Cara Hapus Komentar Link Aktif Secara Otomatis - Pada kali ini Putupunyablog share Cara Hapus Komentar Link Aktif Secara Otomatis. Link di komentar blog yang bertujuan untuk memperomosikan suatu blog melalui forum komentar blog. Padahal cara itu sangat tidak di sukai oleh mbah google. Sangat jelas sekali bahwa mbah google tidak suka akan adanya sebuah link aktif yang tertulis di dalam kolom komentar. Wah gimana tuh mbah google aja gak suka dengan adanya link aktif apalagi para sobat blogger sekalian, pasti sama dengan si embah google. Sebenarnya ada 2 cara untuk menghindari link aktif yang masuk di komentar blog kita.
Cara Hapus Komentar Link Aktif Secara Otomatis
1. Cara pertama dengan menggunakan moderasi komentar
Sehingga jika terdapat sebuah komentar yang mengandung link aktif didalamnya, dapat segera dilakukan tindakan penghapusan atau menandainya sebagai spam. Tapi masalahnya dengan cara ini adalah kurang efektif, kurang simple dan masih memerlukan waktu yg lama.

2. Cara yang kedua adalah menggunakan script.
Cara ini sangat efektif dan sangat simple, jadi jika sobat blogger menggunakan cara ini mka sobat blogger tidak perlu dilakukan tindakan penghapusan komentar atau menandainya sebagai spam.

Nah, karna yang lebih efektif dan sanagt simple adalah cara yang no 2 jadi saya akan membahas yang no 2 saja. Mari kita ke langkah-langkah cara membuat link aktif menjadi mati di komentar blog secara otomatis.
Berikut langkah-langkahnya :

1. Login ke akun blogger anda.
2. Template >> Edit Html >> Lanjutkan >> Centang "Expand Template Widget".
3. Tekan CTRL + F.
4. Letakkan kode berikut tepat di ATAS kode ]]></b:skin>
#comments p a {display:none;}
5. Letakkan salah satu kode berikut, tepat di ATAS kode </head>
A. Mengganti Link aktif Dengan Pesan Peringatan.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p").find("a").replaceWith("<span>Peringatan: Link aktif akan dihapus secara otomatis !</span>");
});
</script>
B. Mengganti Link aktif Dengan Link Blog Anda.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#comments p a").attr("href", "http://putupunyablog.blogspot.com/");
});
</script>
6. Klik "Simpan" dan lihat salah satu postingan yang ada komentar link aktifnya.
Selamat Mencoba Dan Semoga Bermanfaat Untuk Anda. Terima Kasih.
Ref : http://bocahblogs.blogspot.com/
Tambahkan Komentar10 Komentar

Agar Judul Postingan Otomatis Didepan Artikel Blog

Halo teman-teman semua?. Pada kali ini Putupunyablog kembali hadir memposting artikel di blog ini. Setelah lama mengotak-atik template ini rasanya capai sekali. Judul artikel kali ini adalah Agar Judul Postingan Otomatis Didepan Artikel Blog. Mungkin teman-teman bingung dengan judul artikel ini. Baik, langsung saya kasih contohnya.
Agar Judul Postingan Otomatis Didepan Artikel Blog
Agar Judul Postingan Otomatis Didepan Artikel Blog - Trik ini wajib di praktekkan pada blog anda. Mengapa demikian? Karena keyword dari hasil pencarian akan lebih akurat. Tetapi jika anda sudah memasang tool ini, jangan mengulangi keyword terlalu banyak. Mengapa?, karena jika terlalu banyak, blog anda akan dianggap spam oleh google. Baik, berikut ini adalah tutorial cara pemasangannya.
1. Masuk ke akun blogger anda.
2. Template >> Edit Html >> Lanjutkan >> Centang pada "Expand Template Widget".
3. Tekan CTRL + F.
4. Cari dan ganti kode <title><data:blog.pageTitle/></title> dengan kode dibawah ini!.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><b><data:blog.pageName/> | <data:blog.title/></b></title>
</b:if>
5. Jika sudah, jangan lupa klik "Simpan" dan lihat salah satu postingan blog anda.
Sekian dulu postingan kali ini, semoga bermanfaat untuk anda. Terima kasih.
Tambahkan Komentar8 Komentar

Cara Menambah Title Dan Alt Pada Gambar Postingan

Cara Menambah Title Dan Alt Pada Gambar Postingan - Halo sahabat semua?. Putupunyablog kali ini memposting artikel Tutorial Blog Cara Menambah Title Dan Alt Pada Gambar Postingan Blog. Mungkin diantara sahabat ada yang belum tahu apa itu tag title dan alt. Sebelum cara pemasangannya, sebaiknya saya beri pengertiannya dulu.
Title Alt
Apa sih alt tag itu ?? Alt itu sendiri merupakan singkatan dari alternatif. Alt tag biasa digunakan untuk gambar pada sebuah web/blog. Perlu kita ketahui bahwa google tidak dapat membaca sebuah gambar. Karna itulah kita menggunakan alt tag pada sebuah gambar yang bertujuan untuk memberitahu mesin pencari tentang apa gambar tersebut. Ibarat kata kita memberitahu seseorang yang buta tentang apa yang ada di depannya :P
Banyak orang yang melakukan pencarian gambar di google. Lalu bagaimana gambar-gambar tersebut dapat muncul dalam hasil pencarian sedangkan google tidak dapat membaca gambar ?? Nah, disinilah peranan Alt tag.. . Alt tag juga berguna untuk pengoptimalan SEO ONPAGE.

Berikut ini adalah cara mudah untuk menambahkan tag title dan alt pada gambar postingan blog.
1. Saat anda membuat postingan blog, pasti tiap atikel ada sebuah gambar atau lebih.
2. tekan gambar tersebut, nantinya akan keluar seperti tampilan dibawah ini!.
Title Alt
3. Klik "Properties" dan nantinya akan muncul kotak dialog seperti tampilan gambar dibawah ini!.
Title Alt
4. Silahkan anda isi dengan judul pada "Title" dan Kata kuci (keyword) pada "Alt" sesuai keinginan anda.
5. Jika anda sudah selesai membuat postingan, silahkan anda lihat postingan tadi.
6. Arahkan mouse pointer ke gambar dan nantinya akan muncul (keyword) yang anda ketikkan tadi di "Alt".

Sama seperti postingan ini juga saya menggunakan title tag dan alt pada gambar. Selamat mencoba. Mohon maaf jika postingan ini berantakan berat :D. Terima kasih.
Tambahkan Komentar12 Komentar

Cara Cepat Mendapatkan Backlink Dari Google

Halo sahabat semua?. Pada kali ini saya memposting artikel Tips Trik Dan Tutorial Bagaimana Cara Mudah Dan Cepat Mendapatkan Backlink Dari Google Secara Gratis. Mungkin diantara sahabat ada yang belum paham dengan Sitelink atau backlink dari google. Baik, langsung saya perjelaskan dibawah ini!.
Tips Trik Dan Tutorial Bagaimana Cara Mudah Dan Cepat Mendapatkan Backlink Dari Google Secara Gratis, Backlink Berkualitas, Putupunyablog
Backlink dari Google adalah Backlink yang berkualitas maka anda perlu mengetahui cara untuk mendapatkan baclink dari google. Mungkin dari anda ada yang sudah mengetahui cara agar dapat backlink dari Google, tapi apa salahnya jika saya memberikan cara/ trik bagi kalian supaya lebih tahu cara mendapatkan backlink dari google dengan mudah.
Tips Trik Dan Tutorial Bagaimana Cara Mudah Dan Cepat Mendapatkan Backlink Dari Google Secara Gratis, Backlink Berkualitas, Putupunyablog
Memang tidaklah mudah untuk memperoleh backlink dari Google, perlu usaha dan kerja keras. Jika anda tidak ingin susah payah untuk mencari backlink, silahkan anda coba cara/ tips berikut: Cara Mendapatkan Backlink dengan Cepat dan Mudah, tapi saya tidak menjamin kualitas backlink yang dihasilkan. Jika menurut anda Google Backlink bagus kualitasnya di bawah ini!.

1. Bergabung dan Membuat Google profile.
Dengan link https://profiles.google.com/ anda dapat mendaftar dan membuat profile sehingga link bisa  ditaruhkan di profil google, bisa dilihat setalah login disebelah kanan account google. Lakukan pengeditan link yang akan ditaruh, bisa berupa blog, twitter,  facebook dsb. Tetapi jangan terlalu banyak, kalau terlalu banyak akan dianggap spam oleh google.

2. Bergabung pada komunitas di Group Google
Dengan link http://groups.google.com/ anda dapat mendaftar dan membuat group ataupun mengikuti group yang telah ada. Di grup tersebut anda  dapat menuliskan diskusi dan berkomentar dengan meletakan link blog anda.

3.  Bergabung di Google buzz
Dengan link http://www.google.com/buzz?hl=id , anda dapat melakukan redirect feed blog anda ke layanan ini. Sehingga nantinya akan muncul pada profil Google anda, dengan cara itu anda akan mendapatkan linkback, Saya sarankan sebaiknya lakukan secara manual, maksud saya di sini yaitu menaruh link anda via button Google buzz  supaya tampak wajar.

4. Bergabung pada komunitas di forum Google
Dengan link http://www.google.com/support/forum/, Halaman-halaman pada forum Google cepat sekali terindeks dan memperoleh PR. Jika anda sering diskusi di situ  maka halaman profil Google anda (lihat poin 1 diatas) akan memperoleh PR juga.

5. Bergabung dengan komunitas di Answer Google
Dengan link http://answers.google.com/answers/ anda dapat menjawab macam-macam peratnyaan di situ anda dapat memasang link anda sebagai sumber yang releven di situlah anda mendapatkan baclink google.

6. Bergabung dan mengelola blog di Knol Google
Dengan link http://knol.google.com/, anda dapat menulis artikel dan dibolehkan menaruh link. maksudnya yaitu backlink akan segara menuju ke link yang anda taruh

7. Bergabung dengan komunitas dan berkomentar di youtube
Dengan link http://www.youtube.com/, anda dapat membuat akun di Youtube dan anda juga dapat memasukan link blog anda pada profil chanel Youtube anda. Jika sudah sering-seringlah berkomentar di video-video yang telah memiliki PR tinggi, sehingga nantinya link profil chanel youtube anda juga akan kecipratan PR dari halaman-halaman video yang ber PR yang anda komentari.
Semoga Bermanfaat Untuk Anda. Terima Kasih.
Tambahkan Komentar50 Komentar

Cara Menghitung Pagerank Blog Sendiri Tanpa Google

Bagi yang sampe sekarang masih mumets alias gak ngeh dengan cara ngitung pagerank atawa alogaritma pagerank dari Google, semoga dengan post berikut ini akan sedikit memberikan pencerahan bagi kita terutama bagi aku sendiri yang sampe sekarang-pun masih meraba-raba jalan untuk mengerti apa itu pagerank dan cara perhitungannya.
Mungkin sudah ada yang pernah tahu mengenai Pagerank Calculator? Yup…dengan tools alias calculator ini kita bisa menghitung berapa kira-kira pagerank dari blog ato domain kita.
 http://happynature.files.wordpress.com/2011/07/page-rank_google1.jpg
Selaku pedagang domain, tools ini sangat penting karena kita bisa mengerti kualitas dari suatu domain dan kita bisa memprediksi berapa harga domain tersebut nantinya dengan melihat backlink yang mengalir ke domain tersebut berserta potensi dari pagerank yang mungkin didapat pada update berikutnya.
Rumus dari perhitungan pagerank adalah sebagai berikut :

PRa = 1-d + d*( PRs1/Cs1 + PRs2/Cs2 + PRs3/Cs3 + … + PRsn/Csn)
Keterangan :
  • PRa : Pagerank dari suatu halaman a.
  • PRsi : Pagerank dari suatu halaman (si) yang memberikan link ke domain a, sedangkan si mempunyai range dari 0 s/d n dimana n adalah jumlah total dari incoming links. Incoming link bisa berasal darimana saja termasuk dari halaman lain dalam 1 domain.
  • Csi : Total outbound links yang ada pada halaman (si) yang memberikan link ke domain a. .
  • d : Damping faktor yang biasanya berupa nilai dari 0 s/d 1. Bila anda tidak mengetahui-nya anda bisa menggunakan angka 0.85
Sedangkan untuk tabel prediksi dari pagerank bisa anda perhatikan dari tabel dibawah ini. Tabel ini bisa anda gunakan untuk menghitung berapa kira-kira link yang anda butuhkan untuk mendapatkan PR tertentu.

PR’s/

Links

Links need for PR1

Links need for PR2

Links need for PR3

Links need for PR4

Links need for PR5

Links need for PR6

Links need for PR7

Links need

for PR8

Links need

for PR9

Links need

for PR10

PR1

15

81

444

2444

13442

73931

406621

2236418

12300297

67651631

PR2

3

15

81

444

2444

13442

73931

406621

2236418

12300297

PR3

0

3

15

81

444

2444

13442

73931

406621

2236418

PR4

0

0

3

15

81

444

2444

13442

73931

406621

PR5

0

0

0

3

15

81

444

2444

13442

73931

PR6

0

0

0

0

3

15

81

444

2444

13442

PR7

0

0

0

0

0

3

15

81

444

2444

PR8

0

0

0

0

0

0

3

15

81

444

PR9

0

0

0

0

0

0

0

3

15

81

PR10

0

0

0

0

0

0

0

0

3

15

Tentu saja ini semua hanya prediksi karena sebenernyayang tahu dengan pasti perhitungan dari Pagerank adalah Google sendiri. At least kita bisa menarik beberapa kesimpulan sebagai berikut;
  • Backlink dari page lain dengan PR yang tinggi akan sangat berharga ketimbang backlink dengan jumlah ratusan dari page dengan PR0.
  • Perhatikan juga jumlah outbond link dari suatu halaman yang nge-link ke anda, dimana semakin banyak outbond link maka pengaruh dari halaman yang nge-link ke domain anda tersebut akan semakin kecil untuk menaikkan Pagerank.
Semoga bisa bermanfaat. 
Tambahkan Komentar6 Komentar

Cara Meningkatkan Visitor Blog Secara Drastis

Kali ini saya share artikel Cara Ampuh Meningkatkan Visitor Blog Secara Drastis. Salah satu Trafic Exchange yang menggunakan sistem Auto Surf, yaitu kita mensurfing tanpa harus klik gambar atau semacamnya. Surfing akan berjalan otomatis, jadi kita bisa sambil Browsing, Fb an, ngurus bisnis online, bahkan tiduran tanpa terganggu oleh klik gambar. Ini lah kehebatan 10Khits kita tinggalkan point bertambah. ^_^. Visitor yang kita dapatkan dari luar negri dan 70% berasal dari USA, bagus untuk menghiasi Flag Counter blog anda. Langsung saja anda mendaftar di 10KHits untuk menaikan jumlah visitor anda.
Cara Cepat Meningkatkan Pengunjung Blog Gratis
1. Klik disini!.
2. Isi kolom yang tersedia, masukan email dan pasword anda.
3. Buka email anda, bila diperintahkan untuk memvertifikasi.
4. Jika sudah, anda akan berada di halaman Dasboard.
5. Masukan Blogg anda dimenu Add new site.
6. Isikan Nama Blogg, URL Blogg, No Sound (bila blogg anda ada suaranya), Site Language.
7.  Klik add new sites, tunggu 20 detik untuk confirmasi Blogg.
8.  Mulailah Surfing untuk menambah point, klik Surf Now (terletak di Kanan Atas).
9. Biarkan point mengalir ke akun anda, walaupun anda tinggal tiduran atau browsing.
10. Jika anda merasa punya banyak point, tambahkan point anda ke blogg yang anda daftarkan. klik Allocate Points (Isikan point yang anda inginkan), jika sudah klik Allocate points.
Catatan :
10Khits hanya untuk menaikan visitor bukan untuk mencari dollar seperti Easyhits4you,
Surfing sampai 1000 Point, anda akan mendapat bonus Sign Up 10.000 Point
Setiap Surf 10 detik akan mendapat 0.5 point
Pada hari sabtu akan mendapat double point setiap surfnya menjadi 1 point
Masukan URL blog (add new sites) yang sama sebanyak 4 kali, dan bagi rata Point nya. Supaya trafic cepat bertambah.
Selamat Mencoba
Tambahkan Komentar65 Komentar

Cara Membuat Gambar Bergetar Otomatis Di Blog

Halo sahabat blogger semua?. Pada kali ini saya share Cara Membuat Gambar Bergetar Otomatis Di Blog. kalau belum tau bagaimana itu gambar bergetar silahkan lihat contohnya klik disini. Nah sesuai dengan judulnya, trik gambar bergetar ini berfungsi terhadap setiap gambar pada setiap artikel, sehingga kamu tidak perlu lagi memasukkan kode satu persatu disetiap posting menarik bukan? Yuk coba membuatnya. Berikut ini adalah Cara Membuat Gambar Bergetar Otomatis Di Blog :
 Cara Membuat Gambar Bergetar Otomatis Di Blog, Putupunyablog
1. Pastinya anda sudah login ke akun blogger.
2. Template >> Edit Html >> Lanjutkan >> Centang pada "Expand Template Widget".
3. Tekan CTRL + F.
4. Copy dan Pastekan kode berikut ini tepat diatas kode ]]></b:skin>
/* Efek getar by putupunyablog.blogspot.com */
.post img {
animation-name: x-gengetar;
-moz-animation-name:  x-gengetar ;
-webkit-animation-name:  x-gengetar;
animation-duration: 0.8s;
-moz-animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
transform-origin:50% 50%;
-moz-transform-origin:50% 50%;
-webkit-transform-origin:50% 50%;
animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
}
@keyframes  x-gengetar  {
0% { transform: translate(2px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(0px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(2px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(2px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes  x-gengetar  {
0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@-webkit-keyframes  x-gengetar  {
0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
5. Letakkan juga kode berikut ini tepat DIATAS kode </body>
<script src='http://x-gen.googlecode.com/files/x-gengetar.js' type='text/javascript'/>
6. Jangan lupa klik "Simpan Template" dan lihat salah satu postingan artikel anda yang berisikan gambar.
Selamat Mencoba
Tambahkan Komentar23 Komentar

Cara Membuat Browser Bergetar Saat Di Klik Kanan

Pada kali ini saya share Tutorial Cara Membuat Browser Bergetar Saat Di Klik Kanan. Mungkin ini adalah cara yang paling efektif untuk mengejutkan para plagiat yang ingin copy paste artikel blog anda. Ini adalah cara yang menarik dan patut di coba. Getaran pada browser ini dapat berkerja pada saat mereka menutup/close peringatan yang muncul ketika mereka hendak mengklik kanan blog kita. Wah?! mereka langsung dikejutkan, karena browser yang mereka gunakan otomatis akan mengecil dan bergetar. Maaf, pada efek kali ini saya tidak membuat gambar/screenshot. So, jika anda penasaran dengan efek tersebut, silahkan praktekan tutorial ini.
Cara Membuat Browser Bergetar Saat Di Klik Kanan, Putupunyablog
1. Pastinya anda sudah login ke akun blogger anda.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript.
3. Copy dan Pastekan kode berikut ini pada kotak konten dan untuk judul kosongkan saja.
<script language="javascript"><!--Begin function shake(n){if(self.moveBy){for(i=20;i>0;i--){for(j=n;j>0;j--){self.moveBy(0,i);self.moveBy(i,0);self.moveBy(0,-i);self.moveBy(-i,0)}}}}PopUpURL="Kaget Ya?, Kalau Mau Copas, Sertakan Link Sumber Aktifnya!.";isIE=document.all;isNN=!document.all&&document.getElementById;isN4=document.layers;if(isIE||isNN){document.oncontextmenu=checkV}else{document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);document.onmousedown=checkV}function checkV(e){if(isN4){if(e.which==2||e.which==3){dPUW=alert("Kaget Ya?, Kalau Mau Copas, Sertakan Link Sumber Aktifnya!.");shake(2);return false}}else{dPUW=alert(PopUpURL);shake(2);return false}}</script>
4. Klik "Simpan" dan silahkan anda coba lihat hasilnya :).
Selamat Mencoba
Tambahkan Komentar8 Komentar

Membuat Alt Tag Dan Title Otomatis Tiap Gambar

Kali ini saya share Cara Membuat Alt Tag Dan Title Otomatis Tiap Gambar Pada Blog. Anda masih saja secara manual mengisi Alt Tag dan Title pada suatu gambar di blog anda?. Sekarang tidak lagi, karena saya disini share kode script Alt Tag Dan Title Automatic tiap gambar blog. Kode script ini sangat saya anjurkan untuk anda, karena kode ini sangat seo sekali untuk postingan blog anda. Berikut ini adalah Tutorial Tips Trik Langkah-Langkah Cara Membuat Alt Tag Dan Title Otomatis Tiap Gambar :
Membuat Alt Tag Dan Title Otomatis Tiap Gambar, Tips Trik Dan Tutorial, Putupunyablog
1. Pastikan sudah masuk ke akun blogger anda.
2. Klik "Template" >> "Edit Html" >> "Lanjutkan" >> Centang pada "Expand Template Widget".
3. Letakkan kode berikut ini tepat DIATAS kode </body>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
4. Kemudian, klik "Simpan Template" dan lihat hasilnya.

Silahkan anda cek salah satu postingan blog anda, dan arahkan mouse pointer tepat pada gambar postingan. maka keluar Alt Tag gambar. Sekian dulu postingan kali ini, semoga artikel ini bermanfaat untuk anda para pengguna blogger setia. Terima kasih.
Tambahkan Komentar14 Komentar

Cara Membuat Tombol Show Hide Komentar Blog

Cara Membuat Tombol Show Hide Komentar Blog - Kali ini saya kembali hadir di blog ini dan kali ini saya memposting artikel Cara Membuat Tombol Show Hide Komentar Blog. Mungkin anda pernah saat blogwalking pada blog, kemudian anda melihat tombol "Show Comment" dan kemudian "Hide Comment" di blog tersebut. Lalu anda ingin menerapkannya pada blog anda. Jika anda ingin memasang Tombol Show Hide Komentar pada blog, Berikut ini adalah Cara Membuat Tombol Show Hide Komentar Blog :https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx1Vq-UPP3GgWtNV20KVyeAJhxKAvVaGgeQ0-indQgz36sv1hbVqIEMXCrXV_w3IXMGSuU0qzvrFfAYmlov0xDonvnwDkAi-HRN_Hli8q1eJ_oxpTrUEPXaVlipzgdWxfLd5mg6JA9Z4-r/s400/capture-20120721-215007.png

1. Login ke akun blogger anda.
2. Template >> Edit Html >> Lanjutkan >> Kasih centang "Expand Template Widget".
3. Tekan CTRL + F
4. Letakkan kode berikut ini tepat DIATAS kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector = '#comments',
openPanelText = "Tampilkan Komentar",
closePanelText = "Tutup Komentar",
slideDownPanelSpeed = 600,
slideUpPanelSpeed = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://membuatgempar.net23.net/comment.js' type='text/javascript'/>
5. Letakkan kode berikut ini tepat DIATAS kode ]]></b:skin>
a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}
6. Klik "Simpan Template" dan lihat hasilnya.
Selamat Mencoba.
Tambahkan Komentar19 Komentar

Cara Ampuh Agar Blog Ramai Pengunjung

Cara Ampuh Agar Blog Ramai Pengunjung - Pada kali ini saya memposting artikel Cara Ampuh Agar Blog Ramai Pengunjung. Artikel Cara Ampuh Agar Blog Ramai Pengunjung adalah banyak yang dicari-cari oleh para pengguna blog. Anda mau tau Tips Trik Dan Tutorial Cara Ampuh Agar Blog Ramai Pengunjung?. Caranya sangat mudah sekali. Anda hanya Grup Facebook yang saya bisa rekomendasikan, disini kalian semua bisa mencari Followers dan like fanspage namun klian juga harus melakukan hal yang sama, Silahkan Copy URL dan pastekan di addres bar, kemudian langsung bergabung.
Berikut ini adalah beberapa grup facebook yang bisa meningkatkan pengunjung blog kita :
1. Blogwalking 20
  URL :  https://www.facebook.com/groups/kbw20/
2. FBC Followers Blogger Comunity
  URL : https://www.facebook.com/groups/followerbloggercommunity/
3. Komunitas Blogger Indonesia
  URL : http://www.facebook.com/groups/k.blogger.indonesia/
4. Ruag Promosi Blog
  URL : http://www.facebook.com/groups/141053282629795/
5. Persatuan Para Blogger
  URL : http://www.facebook.com/groups/ppblogger/
6. Hacker Zone
  URL : http://www.facebook.com/groups/3zones/
7. Kommunitas Blogger Demakku
  URL : http://www.facebook.com/groups/108612675934248/
8. Sahabat Blogger
  URL : http://www.facebook.com/groups/352594271432467/
9. Blogger Indonesia
  URL : http://www.facebook.com/groups/250732861682621/
10. Blogger Comunity Of Indonesi
  URL : http://www.facebook.com/groups/blogger.bci/
Silahkan anda bergabung di beberapa grup facebook tersebut. Semoga bermanfaat untuk anda.
Tambahkan Komentar8 Komentar

Cara Membuat Headline News Di Blog Terbaru

Halo sahabat blogger semua?. Pada kali ini saya share Cara Membuat Headline News Keren Di Blog Terbaru 2012 Update. Mungkin anda pernah melihat sebuah artikel dengan judul saja dan setiap 4 detik berubah-ubah secara otomatis dengan judul artikel lain itulah yang namanya Headline News Di Blog. Untuk anda para pengguna blogger jika ingin meningkatkan visitor pengunjung blog, anda harus memasang widget Headline News ini pada blog anda. Berikut ini adalah Cara Membuat Headline News Di Blog Terbaru :
Cara Membuat Headline News Di Blog Terbaru, Putupunyablog
1. Pastikan anda sudah login/masuk ke akun blogger anda.
2. Kli tanda roda >> Template >> Edit HTML >> Lanjutkan.
3. Kasih centang pada "Expand Template Widget".
4. Tekan CTRL + F untuk memudahkan pencarian kode.
5. Letakkan kode berikut ini tepat DIATAS kode ]]></b:skin>
/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq5hE7TnHVhYU-n1dXRwLPGJONg7DdMaIQnzf2vW69920Y4RC1O7buixeglpTBcErQBrLUqeuedlS0DdWvp6K1IHyKLf2TF4cOcBiXnrwQ6E4d9R4FZKOxlCVTDRNZmLi6PtRTG_fMqig/s1600/news.gif) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 940px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
.news a:link, .news a:visited{color:#fff;text-decoration:none;}
.news a:hover {color:#ddd;text-decoration:underline;}
6. Selanjutnya, letakkan kode berikut ini tepat DIATAS kode </head>
<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
<script type='text/javascript'>
//<![CDATA[
var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer="<li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer=="<li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer=="<li>")?"</ul>":"";this.feedcontainer.innerHTML=e};

var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f=="<li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f=="<li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}};
//]]>
</script>
<style type='text/css'>
.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;}
.labelfield{ /*CSS for label field in general*/
color:#aaa;font-size: 100%;}
.datefield{ /*CSS for date field in general*/
color:#aaa;font:normal 14px Arial;text-transform:none;}
#example1{ /*Demo 1 main container*/
width: 780px;
height: 14px;
border: 0px solid #aaa;
padding: 0px;
font:bold 16px Arial;
text-transform:none;
text-align:left;
background-color:transparent;}
code{ /*CSS for insructions*/
color: #fff;}
#example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
#example1 a:hover {color:#C8D3F2;text-decoration:none;}
</style>
7. Letakkan juga kode berikut ini tepat DIATAS kode <div id='header-wrapper'> atau <div id='header-outer'>
<div class='newspic'>
<div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
<script type='text/javascript'>
var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://putupunyablog.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
cssfeed.entries_per_page(1)
cssfeed.init()
</script>
</div>
<div style='clear:both;'/>
</div>
8. Ganti kode yang berwarna merah, dengan alamat blog anda.
9. Jika sudah semua, jangan lupa klik "Simpan Template" dan lihat hasilnya.
Tambahkan Komentar14 Komentar

Trik Cara Mengetahui Link Dofollow Dan Nofollow

Halo sahabat?. Kali ini Putupunyablog share Trik Cara Mengetahui Link Dofollow Dan Nofollow. Bagi anda yang ingin sekali Cara Mengetahui Link Dofollow Dan Nofollow Pada Sebuah Blog. Kita hanya menginstall add-ons mozilla firefox dengan nama NoDoFollow. add-ons tersebut berfungsi sebagai alat bantu untuk mengetahui link blog DoFollow atau NoFollow. Berikut ini adalah langkah-langkahnya :
 Trik Cara Mengetahui Link Dofollow Dan Nofollow Pada Blog, Putupunyablog | Tutorial Blog
1. Install Add-Ons NoDoFollow Disini.
2. Klik lanjutkan untuk mendownload.
3. Setelah itu, klik "Pasang".
4. Silahkan anda restar firefox anda.
5. Sekarang silahkan anda buka salah satu blog.
6. Silahkan sobat klik kanan pada salah satu pemberi komentar pada blog yang ingin sobat ketahui apa dofollow atau nofollow, kemudian klik Nodofollow.
7. Link pemberi komentar yang berwarna biru adalah blog dofollow sedangkan yang berwarna merah adalah blog nofollow.
8. Selesai.
Itu saja tutorial kali ini. Semoga artikel kali ini bermanfaat dan berguna untuk anda semua. Terima kasih atas kesetiaan anda di blog saya ini. Salam Blogger.
Tambahkan Komentar2 Komentar

Kapan Blog Putupunyablog Pagerank-nya Update Lagi?

Kapan Blog Putupunyablog Pagerank-nya Update Lagi? - Pada kali ini saya ingin mencorat-coret di blog saya sendiri dan saya beri judul Kapan Blog Putupunyablog Pagerank-nya Update Lagi?. Akhir-akhir ini semua para pengguna blogger membicarakan tentang google update pagerank november 2012. Kemarin tanggal 9 November 2012 sudah ada blog tetangga saya update pagerank lagi yang sebelumnya pagerank 1 dan menjadi 2.
Kapan Blog Putupunyablog Pagerank-nya Update Lagi?
Kini saya menanti dan berharap dengan mbah google, agar pagerank blog saya di update lagi. Karena saya sudah memposting artikel, submit artikel, dsb. Saya juga mengharapkan pagerank blog saya di update menjadi 3(Mimpi :D) hehe.. .

Tetapi, Akhir-akhir ini Alexa Rank blog saya semakin lama, semakin menciut saja. Padahal selama 4 hari saya tidak update di blog ini, alexa rank tetap saja menciut, walaupun secara perlahan-lahan namun pasti (y). Tetapi anehnya sitelink (Backlink) blog saya tidak berubah sama sekali. Biasanya backlink blog saya update setiap 7 hari (1 Minggu). Padahal saya sudah banyak berkomentar di blog dofollow (Nyepam XD).

Sekian dulu corat-coret saya ini. Mohon maaf kalau coretan saya ini tidak nyambung sama sekali :D. Terima kasih atas kesetiaan anda untuk terus membaca, singgah di blog ini :).
Tambahkan Komentar13 Komentar

Widget Untuk Menarik Jutaan Pengunjung Di Blog

Widget Untuk Penarik Jutaan Pengunjung Di Blog - Pastinya anda sudah tidak asing lagi dengan kata "Pengunjung" dan "Visitor". Berbagai Cara, Tips Trik Untuk Menarik Jutaan Pengunjung/Visitor Di Blog yang anda gunakan. Sebenarnya caranya sangat mudah sekali dan trik ini mungkin sudah dilupakan dan tinggalkan oleh pengguna blogger.

Pada kali ini saya share Tips Trik Untuk Mengundang Pengunjung/Visitor Hingga Ribuan Pada Blog. Caranya yaitu dengan memasang widget yang sudah tersedia pada blogger. Tidak semua widget untuk menarik pengunjung blog. Ada beberapa widget yang sangat penting pada blog kita. Berikut beberapa Widget Untuk Menarik Jutaan Pengunjung Di Blog :
Widget Untuk Menarik Jutaan Pengunjung Di Blog
1. Popular Post
Popular post salah satu widget bawaan dari blogger. Sobat bisa memasangnya di blog dengan menambah gagdet/widgetnya. Namun, sobat bisa menggunakan jasa pihak ketiga untuk urusan ini. Selain warna yang lebih beragam, mereka juga menggunakan design dan layout yang lebih menarik dan atraktif. Tujuan dan hasilnya sama saja, pengunjung dan pageview(s).

2. Artikel Terkait
Related Article letaknya di bawah postingan. Fungsinya untuk menampilkan posting berdasarkan label atau keyword keyword yang sama. Misalnya, sobat sedang membaca artikel yang berjudul memilih template yang SEO. Maka setelah posting related articlenya bisa berupa mengoptimasi gambar agar lebih SEO, menciptakan blog cepat untuk SEO dan lain sebagainya. Kita bisa lihat bahwa disini ada satu topik dan query yang sama, yaitu SEO. Ini akan menarik pengunjung untuk lebih tau mengenai topik SEO tersebut. Hasilnya, "pengunjung" berlipat ganda karena jumlah pageview lebih banyak. Sobat bisa memakai widget buatan Linkwithin sebagai salah satu produk paling populer dan banyak digunakan.

3. Recent Post
Recent Post berfungsi menampilkan latest article atau artikel terbaru. Meskipun artikel terbaru sudah tertera di homepage, namun widget bisa menampilkan artikel sebelum posting yang sudah ada di homepage. Misalnya sobat mengatur hanya batas 5 posting di homepage, jadi posting ke 6 dan seterusnya sampai batas yang ditentukan bisa di tampilkan melalui widget ini. Widget ini lebih menarik dan atraktif ketimbang widget yang hanya berupa list list biasa. (baca : cara memasang widget recent post).

4. Random Post
Random Post merupakan widget yang bisa menampilkan posting atau artikel secara acak. Widget ini sangat berguna untuk men"ekspose" artikel artikel yang masih kurang dalam pageview. (baca : cara memasang widget random post).

5. Recommeded Widget
Sobat jangan mudah tertipu dengan title widget di atas. Maksudnya, bukan widget yang direkomendasikan melainkan widget recommeded for you. Memang namanya adalah widget recommeded for you. Ada juga yang menyebutnya lain. Cara kerjanya, postingan akan muncul ketika sobat terus scroll ke bawah. Untuk demonya bisa di lihat di bola.net. Widget ini sangat efektif untuk meningkatkan jumlah pageview.
Semoga Bermanfaat Untuk Anda
Referensi : http://kupas-ampas.blogspot.com/2012/06/5-free-widget-penarik-jutaan-pengunjung.html
Tambahkan Komentar8 Komentar

Cara Mudah Mengetahui Nama Template Blog

Cara Mudah Mengetahui Nama Template Blog - Pada kali ini saya share Cara Mudah Mengetahui Nama Template Blog untuk anda para sahabat pengguna blogger setia. Mungkin anda pernah melihat Template Seo Friendly, Template Keren, pada saat berkunjung ke blog tetangga dan anda ingin sekali mempunyai template tersebut. Tips Trik Dan Cara Mudah Mengetahui Nama Template Blog tersebut sangatlah mudah sekali.
Cara Mudah Mengetahui Nama Template Blog
Berikut ini adalah Cara Mudah Mengetahui Nama Template Blog Milik Orang Lain Versi 1. Silahkan anda simak tips berikut ini!.
1. Biasanya template blog ada Credit Link pada bagian footer blog.
2. Anda bisa melihat nama template, Pembuat template, Design template.
3. Kalau ada, silahkan anda klik saja credit link-nya dan cari template tersebut.

Dan untuk Cara Mudah Mengetahui Nama Template Blog Versi 2 :
1. Buka blog yang anda ingin tahu nama template tersebut.
2. Klik tombol CTRL + U pada keyboard.
3. Akan muncul tampilan window yang berisikan kode script blog tersebut.
4. Tekan tombol CTRL + F atau F3 untuk mencari nama template blog tersebut.
5. Ketikkan "text/css" (Tanpa Tanda Petik!).
6. Biasanya pada bagian bawah kode tersebut ada yang seperti dibawah ini!.
/*
-----------------------------------------------
Blogger Template
Name:     Putupunyablog Template
Date:     22 Oktober 2012
URL Desain : http://putupunyablog.blogspot.com/
Author : Putupunyablog | Tutorial Blog
----------------------------------------------- */
7. Itulah yang anda cari selama ini!.
8. Jika nama template sudah anda temukan. Silahkan anda langsung saja cari di google template tersebut.
Selamat Mencoba Dan Semoga Bermanfaat.
Tambahkan Komentar3 Komentar

Entri Populer

 
Copyright © 2012 - 2013 Putupunyablog | Powered by Blogger