Beberapa Plugin Wordpress Yang Penting untuk Dipasang

Salah satu hal yang menyebabkan wordpress banyak dipakai karena tersedianya berbagai plugin yang dapat membantu untuk melakukan hal tertentu yang diinginkan dalam sebuah fungsi situs wp. Banyak jenis plugin wordpress, seiring waktu mengalami pasang surut popularitas. Namun ada beberapa tipe plugin yang secara mendasar sangat dianjurkan untuk dipasang di blog wp anda.

• Plugin Wordpress untuk Cache menghemat sumber daya server dan mempercepat loading halaman.
  Plugin ini sangat disarankan karena dua alasan. Pertama, karena dapat membuat load halaman web lebih cepat. Kedua, karena menyimpan versi statis dari situs anda, sehingga memerlukan pemrosesan CPU jauh lebih sedikit dibandingkan menggunakan pemrosesan standar Wordpress sehingga dapat menghemat bandwidth. Plugin WordPress adalah nomor satu dalam daftar karena suatu alasan. detail plugin
• Plugin Wordpress untuk membuat SEO menjadi mudah dengan WP.
  Plugin ini menyediakan fitur yang anda butuhkan untuk meningkatkan ranking situs anda di hasil pencarian. Orang-orang menghabiskan banyak waktu dan cara untuk melakukan SEO namun terlalu sedikit waktu menulis konten yang berkualitas. Plugin ini memungkinkan anda memfokuskan perhatian pada hal yang seharusnya. Plugin ini mengurus semua pekerjaan SEO yang dibutuhkan blog anda. detail plugin
• Plugin Wordpress untuk membuat form.
  Plugin untuk membantu membuat form kustom yang dibutuhkan blog anda. Form yang dihasilkan dapat untuk membuat posting, memungkinkan upload gambar dan media, mendukung logika kondisional, dan banyak lagi. Ini adalah paket plugin form yang lengkap untuk Wordpress. detail plugin
• Plugin Wordpress untuk membackup database.
  Plugin yang sangat berguna untuk membuat backup database website anda. Memiliki beberapa fungsi penting dan yang paling mengesankan fitur kemampuan untuk mengirim backup database Wordpress ke email anda. detail plugin
• Plugin Wordpress untuk membuat navigasi.
  Link navigasi 'Posting Lama' dan link 'Posting Lebih Baru' terasa membosankan dan melelahkan. Dengan plugin yang satu ini kita bisa menempatkan tombol halaman sehingga pengguna dapat langsung masuk ke halaman mana yang mereka inginkan, terlihat jauh lebih baik dan tidak melelahkan. detail plugin
• Plugin Wordpress untuk membuat interlink untuk SEO.
  Plugin untuk menghubungkan satu artikel ke artikel lainnya adalah cara yang bagus untuk membangun Pagerank di seluruh situs anda dan itu cara yang bagus untuk mendapatkan pembaca untuk menemukan artikel anda yang lain pada topik yang sama. Plugin ini akan mempersambungkan kata kunci untuk artikel anda yang lain. detail plugin
• Plugin Wordpress untuk mengelola artikel lebih mudah.
  Plugin ini menyediakan kalender dari posting anda baik dulu maupun yang baru. Anda dapat drag dan drop artikel dari satu tanggal ke yang lain, mengedit mereka dan banyak lagi. Ini adalah alat menajemen artikel yang menakjubkan. detail plugin
• Plugin Wordpress untuk mengelola pemasangan banner iklan.
  Dengan plugin ini memungkinkan untuk penjadwalan otomatis iklan awal dan akhir kali, memperkenalkan otomatisasi tingkat tinggi untuk blogger. Plugin ini juga menghitung klik dan memungkinkan anda untuk menyimpan iklan yang lama sehingga mereka dapat diaktifkan kembali bila ingin dipublihsh kembali. detail plugin
• Plugin Wordpress untuk mengelola pemasangan iklan AdSense.
  Plugin ini dapat untuk mengelola pemasangan iklan Google Adsense untuk memasukkan iklan dengan cepat. Tidak peduli berapa banyak posting blog anda, plugin ini dapat menanganinya semua. Plugin ini memungkinkan anda untuk mengatur di mana iklan anda berada pada halaman dan menyesuaikan mereka dengan HTML dan CSS coding. detail plugin

Satu hal yang perlu diperhatikan bila anda menggunakan plugin adalah memastikan untuk memasang plugin yang kompatibel dengan versi wp anda serta selalu terupdate untuk menjaga kompatibilitasnya sehingga dapat berfungsi optimal.

Posted by Unknown 1 comments

Cara Memasang Iklan Di Bawah Judul Postingan

Langsung saja deh menuju ke tkp, lagi tidak enak badan nih admin.

1. Login Akun Blog sobat.
2. Menuju Template
3. Edit Html

Cari Kode : <data:post.body/> gunakan F3 atau Ctrl+F untuk lebih cepatnya, dalam blog saya ada 4 kode, jadi gunakan kode <data:post.body/> yang ke 3!

Ingat yang ke 3 !

Kemudian Letakkan kode iklan sobat diatas kode <data:post.body/> yang ke 3 tadi, dan kemudian simpan.

Jika anda menggunakan Google Adsense, maka anda harus parse dulu kodenya, sudah saya sediakan di blog saya, Untuk parse kodenya Klik Disini.

Posted by Unknown 0 comments

Cara Membuat Wiget Yang Melayang Sepanjang Screen Blog

Widget yang memiliki delapan platform Jejaring Sosial paling populer yang muncul dalam bentuk sebuah Bar melayang di sepanjang screen blog. Setiap kalipengunjung akan memilih ke atas atau bawah halaman blog anda, widget ini melayang dengan sendirinya.

Langkah :

• Buka akun Blogger Anda
• Masuk ke menu edit HTML
• Cari kode </body>
• Kemudian pastekan kode berikut di atas kode</body> :

<!-- import Scripts --><script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>

<!-- MBL Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({
items: {
twitter: { url: '#', text: 'Follow me on twitter' },
facebook: { url: '#', text: 'Profile on facebook' },
rss: { url: '#', text: 'RSS Feed' },
google: { url: '#', text: 'Profile on google+' },
youtube: { url: '#', text: 'Profile on youtube' },
orkut: { url: '#', text: 'Profile on orkut' },
myspace: { url: '#', text: 'Profile on myspace' },
digg: { url: '#', text: 'Profile on digg' },

},
show: 8,
position: "left",
skin: "clear"
});

});
</script>


Keterangan :
Menambahkan URL : Ganti # dengan URL yang Anda inginkan.
Perubahan posisi : Dalam rangka untuk mengubah posisi widget ganti position: "left" dengan posisi yang Anda inginkan. Bisa "right (kanan), top (atas), bottom (bawah)"
Mengurangi tampilan media social : Anda bisa mengubah show: 8 dengan jumlah social media yang Anda inginkan.
Perubahan background : Anda bisa mengubah backgound social media ini dengan warna gelap dengan mengubah skin: "clear" dengan "dark".

Kemudian save template dan lihat hasilnya dan bandingkan perbedaannya.

Posted by Unknown 0 comments

Cara Membuat Tombol Back To Top Yang Amazing

Tombol back to top berfungsi untuk mengembalikan posisi dari bawah kembali ke atas dalam sebuah blog. Sehingga memudahkan pengunjung suatu blog untuk kembali ke atas tanpa menggunakan scroll. Lansung saja ikuti caranya di bawah ini.

1. Login ke blog kamu.
2. Pilih Tata Letak > Add Gadget > HTML/JavaScript > Copy kode di bawah ini.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#noop-top").fadeIn()}else{$("#noop-top").fadeOut()}});$("#noop-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='noop-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><span>^</span></a><style type="text/css">#noop-top span{-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s;-o-transition:all .3s;background-color:#1e5799;background:-moz-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(50%,#2989d8),color-stop(51%,#207cca),color-stop(100%,#7db9e8));background:-webkit-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-o-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:-ms-linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);background:linear-gradient(top,#1e5799 0,#2989d8 50%,#207cca 51%,#7db9e8 100%);border:3px solid #fff;border-radius:14px 14px 14px 14px;color:#fff;font:bold 56px cursive;height:50px;left:3px;display:block;text-align:center;text-shadow:1px 1px 0 #000;top:-56px;width:50px}#noop-top:hover span{box-shadow:0 0 49px #207cca;height:70px}#noop-top{color:#000;text-shadow:1px 1px 0 #fff;text-decoration:none}</style>

3.Kemudian Simpan.

Taraaaaaaaa hasilnya luar biasakan..

Keep Posting

Posted by Unknown 0 comments

Membuat Tombol Follow Yang Kreatif

Ikuti caranya berikut ini:

1. Buka Blogger.

2. Klik Tata Letak.

3. Tambah Gadget.

4. Cari HTML/Java Script.

5. Copast Code Ini.

     <style>
#BT_social {width: 260px;margin: 5px 20px;padding:5px;}#BT_social li {cursor: pointer;height: 48px;position: relative;list-style-type: none;}#BT_social .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiap123QHhM8IkGtHrhK_lA_ZDHCN3kDVM3rIU-wck1UdpwaThlJB0LxCPW90AEL0jNsDDntzLpxvOIks4gg_r6zmgckHb6kLQvZdZSxBbnZKGWT_1EDoJPj9vvXwjeV-eEsTbEZJVpBOI/s1600/Social_Button.png') 0 0 no-repeat;background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block;color: #0033CC;float:none;height: 48px;line-height: 48px;margin: 5px 0;position: relative;text-align: left;text-indent: 90px;text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5;-webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out;-moz-transition: width .25s ease-in-out, background-color .25s ease-in-out;-o-transition: width .25s ease-in-out, background-color .25s ease-in-out;transition: width .25s ease-in-out, background-color .25s ease-in-out;-webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-moz-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;-o-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;box-shadow: rgba(0, 0, 0, .28) 0 2px 3px;text-decoration: none;}
#BT_social span:hover {visibility: hidden;}
#BT_social span {display: block;top: 15px;position: absolute;left: 90px;}
#BT_social .icon {color: #fafafa;overflow: hidden;}
#BT_social .fb {background-color: rgba(45, 118, 185, .42);background-position: 0 -190px;}
#BT_social .twit {background-color: rgba(0, 161, 223, .42);background-position: 0 -238px;}
#BT_social .google {background-color: rgba(167, 0, 0, .42);background-position: 0 -286px;}
#BT_social .rss {background-color: rgba(204, 0, 0, .42);background-position: 0 -333px;}
#BT_social li:hover .icon {width: 250px;}
#BT_social li:hover .icon {background-color: #d91e76;}
#BT_social li:hover .fb {background-color: #2d76b9;background-position: 0 2px;}
#BT_social li:hover .twit {background-color: #00A1DF;background-position: 0 -46px;}
#BT_social li:hover .google {background-color: #A70000;background-position: 0 -94px;}
#BT_social li:hover .rss {background-color: #EC5601;background-position: 0 -142px;}
#BT_social .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;}
</style>
<br />
<ul id="BT_social">
<li><a class="icon fb" href="http://www.facebook.com/pangeranhujan28">Like us on Facebook</a>Like us on Facebook </li>
<li><a class="icon twit" href="https://twitter.com/panglimahujan">Follow us on Twitter</a>Follow us on Twitter </li>
<li><a class="icon google" href="https://plus.google.com/102949917692205764712">Follow us on Google+</a>Follow us on Google+ </li>
<li><a class="icon rss" href="http://www.feedburner.com/panglimahujan">Subscribe via RSS</a>Subscribe via RSS </li>
</ul>

6. Ganti kode yang berwarna merah dengan ID akun jejaring sosial teman..

7. Lalu Klik simpan..

Terimakasih,

Keep Posting

Posted by Unknown 0 comments

Cara membuat Breadcrumbs di Blogspot / Blogger

Cara membuat Breadcrumbs di Blogspot / Blogger

1. Login di Blogger
2. Pilih Template
3. Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
4. Centang Expand Widget Templates
5. Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
6. Kemudian cari kode ]]></b:skin>
7. Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini


<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google

Posted by Unknown 0 comments

Cara Membuat Komentar Facebook Pada Blogspot

Dengan membuat pilihan kotak komentar, akan bisa lebih memudahkan pengunjung blog untuk memberikan tanggapan terhadap postingan blog. Karena tidak semua orang punya akun blogger ataupun blog. Tetapi hampir semua orang punya akun facebook, dengan demikian pembaca akan lebih mudah meninggalkan komentar.

Cara Membuat Komentar Facebook dan Blogger
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Tekan Ctrl F dan cari kode ]]></b:skin>
4. Taruh kode berikut di atas ]]></b:skin>


.comments-page { background-color: #f2f2f2;}#blogger-comments-page { padding: 0px 5px; display: none;}.comments-tab { float: left; padding: 5px; margin-right: 3px;cursor: pointer; background-color: #f2f2f2;}.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}.comments-tab:hover { background-color: #eeeeee;}.inactive-select-tab { background-color: #d1d1d1;}


5. Kemudian cari kode </head>
6. Taruh kode berikut di atas kode di atas kode </head>


<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<script src='http://code.jquery.com/jquery-latest.js'/>
<meta content='IDfacebook' property='fb:admins'/>
<script type='text/javascript'>
function commentToggle(selectTab) {
$(".comments-tab").addClass("inactive-select-tab");
$(selectTab).removeClass("inactive-select-tab");
$(".comments-page").hide();
$(selectTab + "-page").show();}
</script>

7. Ganti IDfacebook dengan ID sendiri (facebook.com/IDfacebook)
8. Kemudian cari kode <div class='comments' id='comments'>
9. Kamu akan menemukan 2 kode yang sama. Letakkan kode di bawah ini tepat di bawah 2 kode tersebut


<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comments made with Facebook'><img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/><fb:comments-count expr:href='data:post.url'/> Comments</div><div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comments from Blogger'><img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments</div><div class='clear'/></div><div class='comments-page' id='fb-comments-page'><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='fb-root'/><fb:comments expr:href='data:post.url' num_posts='5' width='450'/></b:if></div><div class='comments comments-page' id='blogger-comments-page'>


10. 5 adalah banyaknya komentar yang ditampilkan dan 450 adalah lebar kotak komentar facebook.
11. Simpan Template jika sudah selesai.

Posted by Unknown 0 comments

Buat Komentar Dibawah Postingan

Seperti yang sudah saya jelaskan dulu disini, itu adalah membuat layanan Kotak komentar dibawah postingan lewat haloscan, tapi kali ini saya akan kasih tau tentang caranya buat kotak komentar dari fitur blogger terbaru yaitu blogger in draft (sini).
Kata Mas Kendhin sih kaya begini jika kita belum membuat kotak komentar di haloscan sih bisa... tapi kalau kita sudah buat di haloscan kita harus membuangnya dulu (cara membuang komentar dari haloscan menyusul) yawdah aku akan kasih tau caranya tentang buat komentar ini buat yang belum daftar di haloscan... ayo ikuti petualngan gw di bawah ini.....

Masuk draft.blogger.com ingan draft.blogger.com bukan blogger.com


Terus ke menu Setting ---> Comments kemudian ganti "Comment Form Placement" menjadi "Embedded below post"
Kemudian tekan Save Setting
Lalu ke menu Layout ---> Edit HTML kemudian
Lalu centang "expand widget templates" lalu cari Code dibawah ini

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>



Kemudian ganti dengan Code dibawah ini


<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='comment-form'/>

<b:else/>

<b:if cond='data:post.allowComments'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</p>



Lalu Simpan.... dan lihat hasilnya..

Posted by Unknown 0 comments

Cara Mudah Posting Code HTML

Pasti Anda bingung pada waktu posting Code HTML di blog Anda, pasti yang muncul bukan codenya melainkan hasil dari code HTML-nya, nah untuk yang ingin menulis tentang tutorial blog pasti code HTML banyak diposting, Nah untuk para penulis yang belum tau caranya posting code HTML nih saya kasih caranya.

Caranya cukup mudah, Encode saja code HTML di situs dibawah ini

1. http://centricle.com/tools/html-entities/
2. http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx 

 Nah caranya cukup mudah tinggal taruh code HTML yang ingin di posting lalu klik tombol "Encode", Nah hasil dari Encode itu yang Anda posting di Blog Anda.

Posted by Unknown 0 comments

Berapa Page Rank Blog Kamu

PageRank adalah sebuah algoritma yang telah dipatenkan yang berfungsi menentukan situs web mana yang lebih penting/populer. PageRank merupakan salah satu fitur utama mesin pencari Google dan diciptakan oleh pendirinya, Larry Page dan Sergey Brin yang merupakan mahasiswa Ph.D. Universitas Stanford.
Trus bagaimana cara kerja Page Rank?

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakan link yang mengarah ke situsnya, dengan asumsi isi/content situs tersebut lebih berguna dari isi/content situs lain. PageRank dihitung dengan skala 1-10.
Contoh: Sebuah situs yang mempunyai Pagerank 9 akan di urutkan lebih dahulu dalam list pencarian Google daripada situs yang mempunyai Pagerank 8 dan kemudian seterusnya yang lebih kecil.

Banyak cara digunakan search engine dalam menentukan kualitas/rangking sebuah halaman web, mulai dari penggunan META Tags, isi dokumen, penekanan pada content dan masih banyak teknik lain atau gabungan teknik yang mungkin digunakan. Link popularity, sebuah teknologi yang dikembangkan untuk memperbaiki kekurangan dari teknologi lain (Meta Keywords, Meta Description) yang bisa dicurangi dengan halaman yang khusus di desain untuk search engine atau biasa disebut doorway pages. Dengan algoritma ‘PageRank’ ini, dalam setiap halaman akan diperhitungkan inbound link (link masuk) dan outbound link (link keuar) dari setiap halaman web.

PageRank, memiliki konsep dasar yang sama dengan link popularity, tetapi tidak hanya memperhitungkan “jumlah” inbound dan outbound link. Pendekatan yang digunakan adalah sebuah halaman akan diangap penting jika halaman lain memiliki link ke halaman tersebut. Sebuah halaman juga akan menjadi semakin penting jika halaman lain yang memiliki rangking (pagerank) tinggi mengacu ke halaman tersebut.

Dengan pendekatan yang digunakan PageRank, proses terjadi secara rekursif dimana sebuah rangking akan ditentukan oleh rangking dari halaman web yang rangkingnya ditentukan oleh rangking halaman web lain yang memiliki link ke halaman tersebut. Proses ini berarti suatu proses yang berulang (rekursif). Di dunia maya, ada jutaan bahkan milyaran halaman web. Oleh karena itu sebuah rangking halaman web ditentukan dari struktur link dari keseluruhan halaman web yang ada di dunia maya. Sebuah proses yang sangat besar dan komplek.

Mau tahu algoritma page rank?
Dari pendekatan yang sudah dijelaskan pada artikel konsep pagerank, Lawrence Page and Sergey Brin membuat algoritma pagerank seperti di bawah :

Algoritma awal PR(A) = (1-d) + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

Salah satu alogtima lain yang dipublikasikan PR(A) = (1-d) / N + d ( ( PR(T1) / C(T1) ) + … + ( PR(Tn) / C(Tn) ) )

* PR(A) adalah Pagerank halaman A
* PR(T1) adalah Pagerank halaman T1 yang mengacu ke halaman A
* C(T1) adalah jumlah link keluar (outbound link) pada halaman T1
* d adalah damping factor yang bisa diberi antara 0 dan 1.
* N adalah jumlah keseluruhan halaman web (yang terindex oleh google)

Random surfer model merupakan pendekatan yang menggambarkan bagaimana sesungguhnya yang dilakukan seorang pengunjung di depan sebuah halaman web. Ini berarti peluang atau probabilitas seorang user mengklik sebuah link sebanding dengan jumlah link yang ada pada halaman tersebut. Pendekatan ini yang digunakan pagerank sehingga pagerank dari link masuk (inbound link) tidak langsung didistribusikan ke halaman yang dituju, melainkan dibagi dengan jumlah link keluar (outbound link) yang ada pada halaman tersebut. Rasanya semua juga menganggap ini adil. Karena bisa anda bayangkan apa jadinya jika sebuah halaman dengan rangking tinggi mengacu ke banyak halaman, mungkin teknologi pagerank tidak akan relevan digunakan.

Metode ini juga memiliki pendekatan bahwa seorang user tidak akan mengklik semua link yang ada pada sebuah halaman web. Oleh karena itu pagerank menggunakan damping factor untuk mereduksi nilai pagerank yang didistribusikan sebuah halaman ke halaman lain. Probabilitas seorang user terus mengkilk semua link yang ada pada sebuah halaman ditentukan oleh nilai damping factor (d) yang bernilai antara 0 sampai 1. Nilai damping factor yang tinggi berarti seorang user akan lebih banyak mengklik sebuah halaman sampai dia berpindah ke halaman lain. Setelah user berpindah halaman maka probabilitas diimplemntasikan ke dalam algoritma pagerank sebagai konstanta (1-d) . Dengan mengeluarkan variable inbound link (link masuk), maka kemungkinan seorang user untuk berpindah ke halaman lain adalah (1-d), hal ini akan membuat pagerank selalu berada pada nilai minimum.

Dalam algoritma pagerank yang lain, terdapat nilai N yang merupkan jumlah keseluruhan halaman web, jadi seorang user memiliki probabilitas mengunjungi sebuah halaman dibagi dengan total jumlah halaman yang ada. Sebaagai contoh, jika sebuah halaman memiliki pagerank 2 dan total halaman web 100 maka dalam seratus kali kunjungan dia mengunjungi halaman itu sebanyak 2 kali (catatan, ini adalah probabilitas).

Posted by Unknown 0 comments

Mengganti Background Blog Dengan CSS

Background atau latar belakang pada blog adalah bagian yang paling dasar pada blog, banyak template blog yang sama yang banyak dipakai, maka untuk memberi ciri khas pada blog Anda hal yang paling dasar dan yang paling mudah adalah mengganti warna background pada blog Anda atau dengan tambahan gambar pada background blog Anda.
Kali ini Saya akan menulis tutorial singkat blogspot tentang mengganti background dengan CSS, Mau tau caranya?
perhatikan dibawah ini.

Langkah pertama adalah masuk menu Layout (tata letak) kemudian masuk menu Edit HTML
Lalu cari CSS dari body seperti dibawah ini

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Kalau mau mencari CSS diatas perhatikan code yang berwarna hijau saja.

perhatikan Code CSS background diatas
$bgcolor adalah variabel definisi, jika Anda ingin menggantinya bisa dengan code warna misalnya ganti dengan warna putih code warnanya adalah : #FFFFFF atau warna hitam #000000. Atau warna yang lain bisa dilihat disini.


Mengganti background blog dengan gambar :

untuk membuat background gambar kita perlu sebuah gambar yang sudah diupload di hosting. Atau Anda bisa mencari di google image search dan copy URL gambarnya.
Kalu sudah tersedia gambar yang mau dijadikan background perhatikan dibawah ini.

background:#FFFFFF url(URL_GAMBAR) ;

Posted by Unknown 0 comments

Membuat Tepi Gambar Bershadow Dengan CSS 3

CSS 3 adalah generasi CSS (Cascading Style Sheet) yang ke 3, banyak keunggulan CSS 3 dibandingkan generasi yang sebelumnya, dan sudah mulai digunakan browser-browser, yaitu diantaranya adalah Mozilla Firefox v 3.6 dan Safari V 3, semoga saja browser-browser lainya menyusul untuk mendukung CSS 3.

Nah sebenarnya topik kita kali ini adalah "Membuat image post blogger berbayang/shadow" dengan menggunakan CSS 3, terlihat seperti gambar di samping kiri. Nah bagaimana caranya? silahkan ikuti langkah-langkah dibawah ini dan buktikan kecanggihan CSS 3.

Setelah Log In ke blogger pada dashboard masuk pada bagian "Design" lalu ke "Edit HTML"

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note :

Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

Nah yang diganti adalah code CSS yang berwarna hijau saja.

kalau sudah lalu SAVE deh, dan lihat hasilnya di browser Mozilla v 3.6, Safari V 3 dan Google Chrome.

Sekian semoga bermanfaat.

Posted by Unknown 0 comments

Cara Menambahkan Efek Bintang Pada Cursor Blog

Hai semuanyaaaaaaa Balik lagi nih!!!! oke kali ini langsung saja aku jelaskannya ya!!!!. pokoknya maksudnya ini..... di cursor kalian setiap kalian bergerak akan ada timbul bintang bintang berjatuhan dengan variasi beragam warna, mau gak???? oke ikuti step yuuuu, aku juga lagi kerjar waktu nih! mau telat! (ikuti step)


Pasti kalian sudah tahu kan????? pokoknya LINK Ini.... caranya kalian ke Blogger ==> Tata Letak ==> Tambah Gadget ==> HTML/JavaScript ==> Copy & paste Salah satu LINK Yang ada di bawah ini. kalian memilihnya sesuai selera masing masing ya...

Bintang Pink

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_pink.js" type="text/javascript"/></script> 

Bintang Merah

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_merah.js" type="text/javascript"/></script>

Bintang Biru

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_biru.js" type="text/javascript"/></script>

Bintang Hijau

<script src="http://arifinsarpon.googlecode.com/files/mujijayaganesha.blogspot.com_cursor_hijau.js" type="text/javascript"/></script>

Posted by Unknown 0 comments

Cara Menambahkan Menu ke Dalam Blog

Kali ini Ngapain ya??? Ohya!! Tutorial baru, ada yang mau??? pastinya donk. kali ini adalah Cara Menambahkan Menu ke Dalam BLOG, Kalau di BLOG Aku sih gak ada :D hihihi maless nambahin, tapi ada koq di BLOG Aku yang satunya, Kebanyakan orang nyebutnya "Pages/Laman" tapi aku Nyebutnya "Menu" hahaha. OK Langsung saja. (Ikuti Step)

1. Buka Blogger.

2. Klik Laman/Pages .

3. Klik Laman Baru/New Pages.

4. Pilih antara "Laman Kosong" (untuk Text text biasa), atau Pilih "Alamat Web" (itu dipakai kalau misalnya mau nambahin alamat Web seseorang, ditambahin ke situ, jadi kalo kita Klik itu, pasti yang muncul Beranda AlamanWeb Yang Kita Isi Tadi).

5. Tulis beberapa kata kata "terserah" yang kalian mau.

6. Klik Publikasikan

7. Selesai

8. Simpan Perubahan

Selesai!!! dan kalian buka BLOG Kalian.

Selamat Mencoba

Wassalamualaikum!!!

Posted by Unknown 0 comments

Mengganti Replay Comment Dengan Icon Pada Blog

Kalian semua pasti udah tahu dengan yang namanya Reply Comment kan? biasanya itu untuk mrngulang Comment jika ada kesalahan mengetik dan bla bla bla, oke... kalau biasanya hanya Relpy Commentnya sederhana?! tapi yang ini bisa diganti dengan Icon Icon lho!!! naaah! yang pasti aku gak make :D Kepenuhan! hahah. oke mau gak? oke langsung aja (Ikuti Step)

1. Buka Blogger.

2. Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates".

3. Cari kode ini.


<b:include data='comment' name='commentDeleteIcon'/>

4. Jika sudah ketemu, Taruh Code ini di bawah <b:include data='comment' name='commentDeleteIcon'/> tadi. Tapi beri jarak satu garis.



<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID BLOG KALIAN&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'><img alt='Reply To This Comment' src='URL BUTTON REPLY KALIAN/></a></span> 

Klik disini untuk melihat gambar lainnya


5. Ganti tulisan ID BLOG KALIAN Dengan ID BLOG Kalian! hahah. mmmm cara melihatnya itu kalian harus pergi ke Tata Letak BLOG Kalian! nanti ada ID BLOG Kalian!.

6. Ganti tulisan URL BUTTON REPLY KALIAN dengan URL BUTTON REPLY yang kalian mau, bisa dilpilih di bawah ini. pilih salah satu ya...

Posted by Unknown 0 comments

Cara Pasang Script Anti Copas di Blog

Hai semuanya, balik lagi dengan tutorial baru nih! hehehe, mmm kali ini adalah cara menambahkan Anti Copast Pada Blog, Copast itu adalah Copy Paste (Salin Tempel), kebanyakan orang Copast tanpa izin itu disebut maling, hahaha atau Plagiat, mmm kalau sebelumnya ada Anti Klik Kanan.... sekarang Anti Copast, tahu perbedannya gak? perbedaannya.... Anti Klik Kanan itu masih bisa di Copast dengan cara Tekan CTRL + C, tapi kalau Anti Copast ini.... gak bisa sama skali di Copast... hahaha! cara ini untuk menghindari copast tanpa izin dan tidak ditulis asal sumbernya, aku sih enggak aku pasang, ntar kesian kalian smua :D Gak bisa Copast! hahah (Ge-eR). OK Langsung aja yokkk... (Ikuti Step)


1. Buka Blogger.

2. Klik Tata Letak.

3. Tambah Gadget.

4. Cari HTML/Java Script.

5. Copast Code Ini.


<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dauspozi.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>



Ini Langsung aja ya.... tidak ada perubahan sedikitpun.

6. Setelah di Copast, Simpan Perubahan.

Selesai...... Selamat Mencoba!!! ^^

Posted by Unknown 0 comments

Memasang Iklan Di Bawah Postingan

Cara Memasang Iklan Di Bawah Postingan - Sudah tidak asing postingan ini, sudah banyak dishare di mana mana, di blog blog lain juga sudah ada, saya posting ini untuk penambah wawasan saja yang belum tau, dan juga mengingatkan saya nantinya ketika saya lupa dengan cara ini.

Langusung saja menuju ke tkp.

1. Masuk akun blog sobat
2. Menuju Template
3. Edit Html

Cari kode : <data:post.body/> Gunakan F3 atau Ctrl+F untuk lebih cepatnya.

Dalam blog saya jumlahnya ada 4, jadi gunakan kode <data:post.body/> yang ke 3.

Kamudian Copy Dan paste kode iklan sobat dibawah kode<data:post.body/>, dan kemudian simpan.

Simple dan mudah kan sobat, nah jia sobat pengguna Google Adsense, Parse dulu kode Htmlnya, Untuk Parse Html Bisa Klik Disini.

Posted by Unknown 0 comments

Memasang Iklan Disamping Posting

Memasang Iklan disamping posting tentunya lebih meningkatkan penghasilan ya, ya karena tempatnya strategis dan kebanyakan dbaca oleh pengunjung, ke tkp langsung aja ya sobat.

1. Login akun blog sobat.
2. Menuju Ke Template
3. Edit HTML
4. Centang Expand Template Widget
5. Cari Kode <data:posts.body/> jika ada dua pilih yang ke dua, dalam blog saya ada 4, jadi jika ada 4 kode seperti itu pilih yang ke tiga sobat.
6.Letakkan kode di bawah ini sebelum kode <data:post.body/> yang kedua (jika ada 2 kode) / yang ke tiga (jika ada 4 kode)

Kode untuk iklan tampil di sisi kiri postingan :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;width:300px;height:250px;padding:10px;'>
Kode Iklan Sobat </div></b:if>

Contoh :

Kode untuk iklan tampil di sisi kanan postingan :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;width:300px;height:250px;padding:10px;'>
Kode Iklan Sobat </div></b:if>


Contoh :

Catatan :
Sobat harus memparse dulu kode iklan sobat jika ingin menempatkannya di samping postingan.
Untuk Parse Kode sobat bisa KLIK DISINI.


Sekian semoga bermanfaat :)

Posted by Unknown 1 comments

Alternatif Google Adsense Terbaik 2013

Biasanya, sebagian besar para bloggers ingin mendapatkan uang secara online melalui Google Adsense dikarenakan gajinya yang tinggi. Namun untuk mendapatkan akun Google Adsense tidak semudah membalik telapak tangan, apalagi untuk sebuah blog yang masih berumur jagung. hal yang demikian memang membuat frustasi para bloggers. maka dari itu mereka mencari beberapa layanan alternatif seperti adsense. jika sobat sudah memiliki account Google Adsense maka tak ada salahnya sobat mencoba layanan periklanan lainnya untuk memaksimalkan pendapatan. di postingan ini saya akan memberikan informasi tentang 5 alternatif Google Adsense yang benar-benar memberikan sobat keuntungan besar.

AdDynamo adalah layanan publisher ad dan networking ad. kelebihan layanan dari addynamo ini mampu menerima semua jenis website/blog tanpa memperdulikan traffik pengunjungnya. jika sobat memiliki blog/website maka sobat bisa menjadi membernya tanpa banyak syarat. setelah saya cek statusnya saya tidak menemukan publisher iklan yang dibanned. disamping itu mereka memiliki program Paid Tweet di mana sobat akan dibayar untuk tweet sebuah produk iklan. jika sobat seorang blogger baru dan blog sobat belum memiliki banyak traffik maka sobat harus mencobanya. langsung menuju ke websitenya, klik Addynamo.com.

Media.Net adalah layanan iklan untuk publisher yang dikelola oleh Yahoo, Bing dan Microsoft. Media.Net merupakan salah satu pesaing berat Google Adsense. Minimal payout $250 dan mereka membayar melalui Paypal dan Cek. Sayangnya, sobat tidak akan diterima jika website/blog sobat tidak memiliki traffic yang bagus dari negara-negara seperti Amerika Serikat, Inggris, Canada. Namun, mereka memiliki fasilitas support email yang boleh dibilang mirip Google Adsense. penasaran? klik di Media.Net.

Chitika adalah satu-satunya layanan publisher iklan terbaik untuk para bloggers newbie. saya juga menyukainya karena minimal payout $10 via Paypal sedangkan $50 via Cek. saat ini chitika telah mengmbangkan Iklan jenis Text yang akan memaksimalkan penghasilan sobat. namun chitika hanya memiliki sedikit iklan dalam bentuk Banner, sayang sekali ya sob. tapi sobat tertarik?? klik Chitika.

Infolink adalah alternatif Adsense yang terbaik menurut saya. Infolink menyediakan iklan yang terbilang cukup simple untuk para bloggers newbie dengan menyediakan kode HTML sederhana. sekali menempatkan kode di suatu blog, Infolink akan menghighlight keyword suatu blog sehingga pengunjung dengan mudah mengklik iklan dan blog tersebut akan cepat mendapatkan dollar. minimal payout $50 dan ada dua pilihan macam cara payment yaitu lewat Paypal atau Via Pioneer Mastercard. saya sendiri telah menggunakan layanan ini dan saya senang sekali. Satu alasan saya tidak memasang iklan itu di blog saya adalah masalah transfer pembayaran. saya bosan menunggu dengan waktu delay yang sangat lama, karena waktu yang dibutuhkan untuk mentransfer dana ke account sekitar 3 bulan. klik di Infolink

Beberapa tahun terakhir, salah satu layanan advertising dan publishing yaitu BuySellAds telah hadir sebagai alternatif utama dari Google Adsense. BuySellAdds memperkenalkan Advertiser atau pengiklan ke website/blog sobat yang akan menyewa space iklan. sobat bisa menentukan sendiri harga untuk space yang pada website/blog. namun masalah yang muncul adalah hitungan pageview yang mengharuskan minimal 50.000 pageview per bulan. Jika sobat tidak mendapatkan banyak traffik seperti itu maka mereka akan menolak blog/website sobat. klik di Buysellads.com

Posted by Unknown 0 comments

Cara Menampilkan Tab Penghasilan/Monetize di Blogger

Cara Menampilkan Tab Penghasilan

Cara Menampilkan Tab Penghasilan -- Nah biasanya para blogger tidak tahu Langkah menampilkan TabPenghasilan atau Tab Monetize pada blognya. Padahal cara memunculkannya pun amat mudah gampang dan cepat. Banyak yang bertanya mengapa di blog-blognya tidak muncul Tab penghasilan ataupun Tab monitize. Alasanya karena di blog yang masih berbahasa indonesia itu tidak ditampilkan Tab Penghasilan dari pihak blogger yang masih belum dapat menampilkan Tap penghasilan tersebut, Entah apa penyebabnya. Tapi kebiasaan memang tidak ada atau tidak munculnya Tab Monetize pada blog yang bahasanya Indonesia. Nah biasanya para blogger itu kebingungan saat, para blogger itu ingin mengikuti atau mendaftarkan blognya ke Google Adsense yang mengharuskan para blogger untuk mendaftarkannya lewat blognya masing-masing. Namun berbeda dengan para blogger yang sudah mempunyai blog berdomain, pasti tidak ada kendala, tapi bagaimana buat blog yang masih dibawah asuhan .blogspot.com, nanti pasti akan kembali lagi ke blognya sendiri. Nah buat para blogger yang bingung, sekarang saya sampaikan cara untuk menampakan, menampilkan dan memunculkan kembali Tab Penghasilan.

Kita mulai cara untuk menampilkan Tab penghasilan dengan membaca bismillah. Sesudah itu silahkan lakukan cara atau langkah-langkah untuk memunculkan Tab Monetizenya dibawah ini. Berikut caraya :

1. Masuk kedalam Dashboard Blogger Anda. Jika sudah lakukan langkah berikut ini.
2. Masuk kedalam setelan untuk tampilan blogger yang baru. contohna ada diatas itu.
3. Terus pilih pada Tab " Bahasa Dan Pemograman ". Jika sudah, siap untuk langkah terakhir yaitu....
4. Ubahlah Bahasanya menjadi " Inggris ( Amerika Serikat ).

Posted by Unknown 0 comments