Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Cara Saya berbagi tentang : Cara Cek Kecepatan Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Cek Kecepatan Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Cek Kecepatan Blog menambah wawasan Jika Sobat Suka Dengan Cara Cek Kecepatan Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Cek Kecepatan Blog pada blog ini
Cara Cek Kecepatan Blog - Seberapa Cepat Blog Anda?

Blog Speed
Assalammualaikum wr, wb.
Salam sejahtera bagi kita semua. Pada kesempatan kali ini saya hanya akan menyediakan sebuah tool / widget yang berfungsi untuk mengecek berat dan kecepatan sebuah blog. Cara menggunakan tools ini sangatlah mudah, Sobat tinggal masukkan url blog/web Sobat ke dalam form (kotak) dibawah, kemudian klik "Check!" Ok, ini dia tool-nya:








Masukkan Alamat Blog/Web Max 10 Url:





(Contoh : http://septia-mujizat.blogspot.com)






Gimana Sob, udah ketahuan kan berat blog Sobat berapa? Standarnya, berat sebuah  blog yang bagus itu kurang dari 100KB. Sebenarnya kalaupun lebih besar dari 100KB juga tidak terlalu buruk, hanya tidak semua user mempunyai kecepatan internet yang cukup untuk mengakses blog yang berat. Kemungkinan besar saat seseorang membuka sebuah  blog yang ternyata blog tersebut loading-nya lama, orang tersebut akan langsung menutup blog tersebut dan tidak mau balik lagi ke blog tersebut.

Ok, hanya ini yang dapat saya share pada kesempatan kali ini. Mudah-mudahan postingan saya kali ini yang berjudul "Cara Cek Kecepatan Blog" dapat bermanfaat bagi kita semua. Terimakasih atas kunjungan dan perhatiannya, mohon maaf atas segala kekurangannya.
Wassalammualaikum wr. wb.
Cara Saya berbagi tentang Cara Cek Kecepatan Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Cek Kecepatan Blog menambah wawasan Jika Sobat Suka Dengan Cara Cek Kecepatan Blog dapat sharing dengan yang lainnya

Cara Saya berbagi tentang : Cara Membuat Menu Horizontal dengan Dropdown Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Menu Horizontal dengan Dropdown kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Menu Horizontal dengan Dropdown menambah wawasan Jika Sobat Suka Dengan Cara Membuat Menu Horizontal dengan Dropdown dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Menu Horizontal dengan Dropdown pada blog ini
Cara Membuat Menu Horizontal dengan Dropdown - Support All Browser


Dropdown Menu


Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat blogger semua. Pada kesempatan kali ini saya ingin share sebuah artikel tentang "Cara Membuat Menu Horizontal dengan Dropdown" yang support untuk semua browser. Menu horizontal biasanya digunakan untuk navigasi menu, agar memudahkan pengunjung untuk menemukan yang dia cari di blog kita. Dengan menggunakan menu horizontal ini blog kita akan terlihat lebih profesional.

Langkah-Langkah Cara Membuat Menu Horizontal dengan Dropdown

1.       Masuk ke Dashboard blog Sobat
2.       Pilih menu Template
3.       Kemudian klik menu Edit HTML
4.       Beri tanda centang Expand Widget Templates
5.       Salin kode dibawah ini, diatas kode ]]></b:skin>
.jqueryslidemenu{
font: bold 12px Trebuchet MS; background: #414141; width: 100%;}
.jqueryslidemenu ul{
margin: 0; padding: 0; list-style-type: none;}
/*Top level list items*/
.jqueryslidemenu ul li{
position: relative; display: inline; float: left;}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #151515;
color: #2d2b2b;
text-decoration: none;}
* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;}
.jqueryslidemenu ul li a:hover{
background: #DF0101; /*tab link background during hover state*/
color: white;}
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0; display: block; visibility: hidden;}
/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item; float: none;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;color: black;}
/* CSS classes applied to down and right arrow images */
.downarrowclass{
position: absolute; top: 12px; right: 7px;}
.rightarrowclass{
position: absolute; top: 6px; right: 5px;}
6.       Copy kode berikut dan pastekan di atas kode </head>
<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->
<script src='http://mastergomaster.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src=' http://emoticmastergomaster.googlecode.com/files/jquery_slide.js ' type='text/javascript'/>
7.       Salin kode dibawah ini, dan letakan dibawah kode <body>
    <div class='jqueryslidemenu' id='myslidemenu'>
    <ul>
    <li><a href='/'>Home</a></li>
    <li><a href='#'>Menu1</a></li>
    <li><a href='#'>Menu2</a></li>
    <li><a href='#'>Menu3</a></li>
    <li><a href='#'>Menu4</a>
    <ul>
    <li><a href='#'>Sub Menu4</a></li>
    <li><a href='#'> Sub Menu4</a></li>
    <li><a href='#'> Sub Menu4</a></li>
    </ul>
    </li>
    <li><a href='#'>Menu5</a>
    <ul>
    <li><a href='#'>Sub Menu5</a></li>
    <li><a href='#'>Sub Menu5</a>
    <ul>
    <li><a href='#'>1</a></li>
    <li><a href='#'>2</a></li>
    <li><a href='#'>3</a>
    <ul>
    <li><a href='#'>1</a></li>
    <li><a href='#'>2</a></li>
    <li><a href='#'>3</a></li>
    <li><a href='#'>4</a></li>
    </ul>
    </li>
    <li><a href='#'>4</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href='#'>Menu6</a></li>
    <li><a href='#'>Menu7</a></li>
    <li><a href='#'>Menu8</a></li>
    <li><a href='#'>Menu9</a></li>
    <li><a href='#'>Menu10</a></li>
    <li><a href='#'>Menu11</a></li>
    </ul>
    <br style="clear: left" />
    </div>
8.       Gantilah kata/kode yang harus diganti, saya kira mudah di pahami.
*(# adalah url/link, Menu 1 dst, Submenu 1 dst, 1, 2, 3, dst adalah tulisan url/link).
9.       Langkah terakhir adalah menekan tombol Save.

Ok, hanya ini yang dapat saya sampaikan tentang "Cara Membuat Menu Horizontal dengan Dropdown", mohon maaf atas segala kekurangannya.

Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.
Cara Saya berbagi tentang Cara Membuat Menu Horizontal dengan Dropdown kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Menu Horizontal dengan Dropdown menambah wawasan Jika Sobat Suka Dengan Cara Membuat Menu Horizontal dengan Dropdown dapat sharing dengan yang lainnya

Cara Saya berbagi tentang : Komunitas Pagerank 3 Untuk Menambah Wawasan

Cara Saya berbagi tentang Komunitas Pagerank 3 kepada teman-teman sobat blogger dirumah Tujuan artikel Komunitas Pagerank 3 menambah wawasan Jika Sobat Suka Dengan Komunitas Pagerank 3 dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Komunitas Pagerank 3 pada blog ini
pagerank 3
Komunitas Pagerank 3 - Menurut Wikipedia 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.

Sebuah situs akan semakin populer jika semakin banyak situs lain yang meletakkan 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 penggunaan 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.

Algoritma

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 algoritma 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 terindeks oleh Google)
Dari algoritma di atas dapat dilihat bahwa pagerank ditentukan untuk setiap halaman anda bukan keseluruhan situs web. Pagerank sebuah halaman ditentukan dari pagerank halaman yang mengacu kepadanya yang juga menjalani proses penentuan pagerank dengan cara yang sama, jadi proses ini akan berulang sampai ditemukan hasil yang tepat.
Akan tetapi pagerank halaman A tidak langsung diberikan kepada halaman yang dituju, akan tetapi sebelumnya dibagi dengan jumlah link yang ada pada halaman T1 (outbound link), dan pagerank itu akan dibagi rata kepada setiap link yang ada pada halaman tersebut. Demikian juga dengan setiap halaman lain “Tn” yang mengacu ke halaman “A”.
Setelah semua pagerank yang didapat dari halaman-halaman lain yang mengacu ke halaman “A” dijumlahkan, nilai itu kemudian dikalikan dengan damping factor yang bernilai antara 0 sampai 1. Hal ini dilakukan agar tidak keseluruhan nilai pagerank halaman T didistribusikan ke halaman A.
up pagerank


Nah, jika agan2 tertarik untuk saling tukar link dengan komunitas pagerank 3, maka otomatis akan semakin cepat PR web/blog agan2 sekalian mengalami peningkatan. Dan khusus untuk artikel ini, saya mengundang para master sekalian yang mempunyai web/blog ber PR 3 atau diatasnya silahkan gabung dan berjuang bersama2 membangun web/blog kita untuk bisa menjadi lebih berkualitas, seo friendly, dan tentunya cetar membahana..hehehe
Langsung aja gan pasang homepage ane http://thejeo.blogspot.com PR 3 ke homepage agan2 yang mempunyai PR 3 atau diatasnya.. kalau sudah terpasang di homepage konfirmasi dengan cara cukup komen di artikel ini, maka secepatnya ane akan pasang homepage agan (PR 3/diatasnya) ke dalam homepage ane...maaf banget untuk para master yg webnya belum terindex PR nya belum bisa gabung, tp jangan khawatir, ane pasti sediain komunitas pagerank 1-2 next time... :)

Sekian untuk ulasan tentang Komunitas PageRank 3, semoga agan2 master nyasar ke artikel ane dan mau gabung untuk bersama2 membangun web/blog yang berkualitas.. sekian dari saya.. salam seo indonesia :)



Cara Saya berbagi tentang Komunitas Pagerank 3 kepada teman-teman sobat blogger dirumah Tujuan artikel Komunitas Pagerank 3 menambah wawasan Jika Sobat Suka Dengan Komunitas Pagerank 3 dapat sharing dengan yang lainnya

Cara Saya berbagi tentang : Cara Berkomentar Yang Baik di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Berkomentar Yang Baik di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Berkomentar Yang Baik di Blog menambah wawasan Jika Sobat Suka Dengan Cara Berkomentar Yang Baik di Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Berkomentar Yang Baik di Blog pada blog ini
Cara Berkomentar Yang Baik Di Blog - Menjalin Hubungan Baik dengan Sesama Blogger


Comment Policy
Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat blogger semua. Blogwalking memang telah menjadi suatu kewajiban bagi para blogger jika ingin mendapatkan trafik dan pagerank yang baik, serta menjalin hubungan yang baik dengan sesama blogger. Blogwalking biasanya dilakukan dengan membuat komentar di buku tamu yang telah disediakan atau langsung memberikan komentar pada postingan di blog-blog lain.


Berkaitan dengan komentar pada postingan, banyak sekali blogger-blogger yang belum tau bagaimana cara berkomentar yang baik dan hal-hal apa saja yang harus di hindari dalam berkomentar. Hal ini tidak dapat dibiarkan karena memang ini bukan suatu perbuatan yang baik dan harus di jauhi. Selain karena membuat blog yang di kunjungi menjadi tidak indah karena komentar-komentar yang tidak berbobot tapi ini juga berdampak terhadap si komentator sendiri, karena bisa jadi blognya akan di anggap spam. Nah, berkaitan dengan hal itu saya ingin share beberapa tips/cara untuk berkomentar yang baik. Tanpa banyak basa-basi lagi silahkan simak baik-baik.

Cara Berkomentar Yang Baik di Blog

  • Jangan berkomentar yang menyinggung SARA dan mengandung P*rn*graphy
Hal ini tentu sangat dilarang dan dibenci oleh semua pihak, tidak ada yang membenarkan sedikitpun tentang penyinggungan SARA dan P*rn*graphy.
  • Jangan terlalu banyak meninggalkan komentar dengan nama / anchor text (link)
Jika kita terlalu banyak mempromosikan nama / link didalam sebuah komentar, bisa jadi link tersebut menjadi spam dan nama tersebut menjadi tidak disukai. Jika sobat ingin mempromosikan link sebaiknya menggunakan layanan Social Bookmark saja.
  • Jangan beri nama komentar yang terlalu panjang dan bersifat spammy
Nama komentar yang mengandung link memang sangat bermanfaat untuk membuat linking, akan tetapi jika terlalu panjang malah bersifat spam. Biasanya yang panjang-panjang gini di gunakan buat deep link / halaman yang bukan halaman utama. Asal sobat tau, kalo deep link itu tidak akan berefek besar loh!
  • Jangan menggunakan Caps Lock atau Capitalization saat berkomentar
Membuat komentar dengan huruf besar semua akan membuat pembaca menjadi tidak mood. Asal tau aja ya, banyak penelitian yang menyebutkan bahwa penulisan dengan menggunakan CAPITALIZATION tidak pada tempatnya akan membuat hati dan perasaan si pembaca menjadi tidak enak!
  • Jangan menggunakan penekanan dengan huruf tebal dan huruf miring
Biasanya penekanan dengan Bold dan Italic digunakan untuk mengoptimalisasi anchor text. Nah hal ini akan memperjelas bahwa komentar sangat tidak sesuai dengan postingan.
  • Jangan menggunakkan fitur komentar untuk berpromosi
Kalo ini sudah pasti tidak sesuai dengan postingan, malah bertujuan buat mempromosikan produknya. Hal seperti ini yang harus dihindari karena sudah mendapatkan warning dari Search Engine terutama Google.
  • Jangan membuat isi komentar yang di ulang-ulang
Salah satu ciri-ciri spammer adalah membuat komentar yang sama berulang-ulang. Pastinyalah orang males harus bikin komentar-komentar berbeda terus buat nyepam. Ini hal yang pasti akan di anggap spam.
  • Jangan membuat isi komentar yang tidak berkaitan dengan postingan
Komentar yang baik tentunya harus selaras / relevan dengan postingan yang di komentari. Komentar yang baik dapat membuat hubungan yang baik dengan pembuat postingan, yang tentunya akan berefek lebih baik daripada meninggalkan spam.
Nah, itulah beberapa tips / cara berkomentar yang baik di blog yang dapat saya sampaikan. Saya meminta maaf yang sebesar-besarnya karena masih banyak sekali kekurangan pada postingan saya.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Cara Saya berbagi tentang Cara Berkomentar Yang Baik di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Berkomentar Yang Baik di Blog menambah wawasan Jika Sobat Suka Dengan Cara Berkomentar Yang Baik di Blog dapat sharing dengan yang lainnya

Cara Saya berbagi tentang : Cara Membuat Breaking News di Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Breaking News di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Breaking News di Blog menambah wawasan Jika Sobat Suka Dengan Cara Membuat Breaking News di Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Breaking News di Blog pada blog ini
Cara Membuat Breaking News di Blog

Breaking News
Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat blogger semua. Setelah sekian lama saya tidak update artikel kali ini saya akan share kepada Sobat semua bagaimana cara membuat breaking news di blog. Breaking news pada blog berfungsi untuk memperindah tampilan, terlihat lebih profesional, dan bisa jadi menambah link in yang akan berefek baik pada nilai SEO blog Sobat. Mungkin ada diantara Sobat blogger yang belum pernah liat breaking news itu kaya apa, silahkan lihat screenshootnya.

Breaking News

Langkah-Langkah Cara Membuat Breaking News di Blog :

  1. Login ke akun blog Sobat, kemudian masuk ke Dashboard
  2. Setelah itu masuk ke menu Template
  3. Klik Edit HTML, kemudian klik Lanjutkan, dan centang (checkclist) Expand Widget Template.
  4. Cari kode ]]></b:skin> (gunakan kombinasi tombol Ctrl + F untuk mempermudah pencarian)
  5. Setelah itu, salin kode dibawah ini tepat diatas kode ]]></b:skin> tersebut
    .newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLpEF5AHwQtLbHhQsdrC_z_RfiM6-bfSnv1dhIY59ekR72iDRE9KxZFhp7CB8DcGagqdXeKwyXqkyhpCBsWvuDNPYYkTCoQCel0p-gv95-LJIt_5Leu0X07AFh7db0Mimx3CsII-LU3nE/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
    .news {width: 970px;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. Setelah itu cari lagi kode </head>
  7. Jika sudah ketemu, salin kode dibawah ini tepat diatas kode </head> tersebut
    <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>
  8. Kemudian cari kode yang biasa dipakai untuk menu navigasi seperti kode dibawah ini
    <div class='menu horizontal'>
    ...........................................
    ...........................................
    </div>
  9. Jika sudah ketemu kode navigasi blog Sobat (atau kalaupun tidak ada Sobat bisa cari kode </head>) kemudian letakan kode dibawah ini tepat dibawah kode tersebut
    <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://septia-mujizat.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>
  10. Ganti tulisan yang berwarna merah dengan alamat (url) blog Sobat, kemudian simpan template blog Sobat
Nah, itu dia cara membuat breaking news di blog yang dapat saya sampaikan pada kesempatan ini. Sekian saja postingan saya kali ini, mohon maaf apabila masih banyak kekurangannya.
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.
Cara Saya berbagi tentang Cara Membuat Breaking News di Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Breaking News di Blog menambah wawasan Jika Sobat Suka Dengan Cara Membuat Breaking News di Blog dapat sharing dengan yang lainnya

Cara Saya berbagi tentang : Definisi, Manfaat, dan Tempat Ping Blog Untuk Menambah Wawasan

Cara Saya berbagi tentang Definisi, Manfaat, dan Tempat Ping Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Definisi, Manfaat, dan Tempat Ping Blog menambah wawasan Jika Sobat Suka Dengan Definisi, Manfaat, dan Tempat Ping Blog dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Definisi, Manfaat, dan Tempat Ping Blog pada blog ini
Definisi, Manfaat, dan Tempat Ping Blog

Ping Blog
Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat Blogger semua, pada kesempatan kali ini saya ingin mencoba sedikit berbagi pengetahuan tentang Definisi, Manfaat, dan Tempat Ping Blog. Mungkin diantara Sobat Blogger semua ada beberapa yang belum tau apa itu ping blog, karena itulah saya share artikel ini. Tanpa banyak basa-basi, kita langsung saja masuk ke pokok bahasan kita kali ini.

Definisi Ping Blog

 Ping blog adalah suatu tools yang di sediakan oleh penyedia layanan (biasanya di sebut Ping Blog Service) yang berfungsi untuk menyampaikan informasi dari suatu blog ke search engine.

Manfaat Ping Blog

Manfaatnya sendiri adalah untuk membantu mengoptimalkan blog kita di search engine, mempengaruhi posisi artikel kita di pencarian, dan tentunya pasti akan berdampak pada visitor dan pagerank nantinya. Nah, intinya Ping blog juga merupakan salah satu resep teknik SEO.

Tempat / Situs Penyedia Layanan Ping Blog

Banyak sekali Ping blog service gratisan yang dapat kita manfaatkan, tapi disini saya akan share beberapa saja situs ping blog service yang biasa saya gunakan.
Berikut ini beberapa situs Ping Blog Service yang saya ketahui :
  1. Totalping
  2. Feed Shark
  3. AutoPingler
  4. Ping.in
  5. Pingler
  6. My Pagerank
  7. Googleping
  8. Pingomatic
  9. Pingmyblog
  10. Pingates
  11. Feed Ping
  12. Pingoat
Untuk cara menggunakannya sangat mudah, kita tinggal memasukan nama blog dan url blog, kita saja, dan bisa juga ditambahkan feeds blog kita (optional).  Nah, itu dia definisi, manfaat, dan tempat ping blog yang saya ketahui. Lebih kurangnya saya minta maaf yang sebesar-besarnya apabila ada tutur kata yang kurang baik dan tidak berkenan di hati sobat blogger semua.
Wassalammualaikum wr. wb.
 
.: Semoga Bermanfaat :.
Cara Saya berbagi tentang Definisi, Manfaat, dan Tempat Ping Blog kepada teman-teman sobat blogger dirumah Tujuan artikel Definisi, Manfaat, dan Tempat Ping Blog menambah wawasan Jika Sobat Suka Dengan Definisi, Manfaat, dan Tempat Ping Blog dapat sharing dengan yang lainnya

Cara Saya berbagi tentang : Cara Membuat Blog SEO Friendly dengan Mudah Untuk Menambah Wawasan

Cara Saya berbagi tentang Cara Membuat Blog SEO Friendly dengan Mudah kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Blog SEO Friendly dengan Mudah menambah wawasan Jika Sobat Suka Dengan Cara Membuat Blog SEO Friendly dengan Mudah dapat sharing dengan yang lainnya Ya udah Langsung saja Membaca Cara Membuat Blog SEO Friendly dengan Mudah pada blog ini
Cara Membuat Blog SEO Friendly dengan Mudah

SEO Friendly
SEO Friendly
Assalammualaikum wr. wb.
Salam sejahtera untuk Sobat blogger semua. Pada kesempatan kali ini, saya ingin berbagi sedikit ilmu saya tentang Cara Membuat Blog SEO Friendly dengan Mudah. Kenapa saya bilang dengan mudah? Karena jujur saja saya baru bisa menjalankan trik SEO yang mudah-mudah saja.

Manfaat SEO (Search Engine Optimization)

Search Engine Optimization atau yang lebih dikenal dengan istilah SEO sendiri adalah suatu usaha untuk mengoptimalkan suatu web/blog tertentu agar dengan mudah ter-index di search engine. Percuma saja jika sobat mempunya web/blog yang sangat bagus dan berkualitas tinggi tapi tidak ada orang lain yang mengunjungi web/blog sobat tersebut, isi dari web/blog tersebut tidak akan tersamapaikan sama sekali. Salah satu cara paling ampuh untuk menggapai popularitas suatu web/blog ya dengan SEO ini.

Nah, sebenarnya saya sendiri masih newbie di bidang SEO tapi saya akan mencoba sedikitnya memberi beberapa cara agar blog menjadi SEO Friendly. Tips/trik SEO kali ini adalah dengan membuat template blog yang kita miliki menjadi SEO Friendly. Nah kalau ada yang harus di instropeksi atau tambahan tolong beri kritik atau saran di kolom komentar ya. OK, sekarang kita langsung masuk ke langkah-langkah membuat template blog menjadi SEO Friendliy.

Langkah-Langkah Cara Membuat Blog SEO Friendly dengan Mudah

1.     Membuat Blog SEO Friendly dengan Mengubah Page Title

Format page title default dari blogger kan seperti ini “JUDUL BLOG : JUDUL POSTING”, nah supaya blog kita lebih disukai oleh search, kita harus merubah format page title standar itu menjadi seperti ini “JUDUL POSTING | JUDUL BLOG”. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
<title><data:blog.pageTitle/></title>

(Cara mudah mencari kata/kalimat di web browser tinggal tekan ctrl + f kemudian ketik/pastekan kata/kalimatnya lalu tekan enter)
  •       Kalau sudah ketemu kodenya, ganti sama kode berikut ini :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Atau sobat juga bisa nambahin beberapa kata kunci ( keyword ) seperti ini :

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>
</b:if>
  •       Kalau sudah jangan lupa disimpan templatenya.

2.     Membuat Blog SEO Friendly dengan Menambahkan Meta Tag

Mesin pencari sangat menyukai web/blog yang jelas tema dan isi content-nya. Jadi, sobat harus nambahin suatu tag yang namanya meta tag. Berikut langkah-langkahnya :
  • Masuk ke dashboard blog sobat
  • Masuk ke rancangan kemudian pilih Edit html
  • Cari kode berikut :
 <b:skin><![CDATA[/*
  •       Copy-kan kode berikut ini di atas kode tersebut (<b:skin><![CDATA[/*) :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'/>
<meta name='Author' content='Nama Sobat'/>
<meta name='description' content='Deskripsi singkat tentang blog sobat'/>
<meta name='keywords' content='keyword1, keyword2, keyword3, dst'/>
<meta name='language' content='id'/>
<meta name='geo.position' content='-5;120'/>
<meta name='geo.country' content='id' />
</b:if>
  •       Kemudian simpan templatenya

3.     Membuat Blog SEO Friendly dengan Memasang Breadcrumbs

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Breadcumbs ini sangat disukai oleh search engine, sehingga apabila blog kita memiliki breadcumbs dapat menambah nilai SEO pada blog kita. Di mesin pencarian (SERP) url yang ditampilkan adalah kategori dari postingan sehingga blog sobat bisa bersaing untuk mendapatkan posisi top di google SERP.

4.     Membuat Blog SEO Friendly dengan Memasang Related Post

Related post sangat bagus untuk SEO dan disukai para pengunjung. Setelah membaca suatu artikel pengunjung tidak akan lari ke blog lain dan biasanya akan tertarik untuk melihat-lihat related post yang ada di blog sobat.

5.     Membuat Blog SEO Friendly dengan Mematikan setting archive ( arsip )

Search engine sangat membenci yang namanya duplicate archive. Jika anda mengaktifkan opsi arsip, akan ada 2 buah link yang menuju 2 halaman yang berbeda (Halaman utama dan halaman artikel sendiri) tapi memiliki isi konten yang sama. Bagi search engine ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip. Caranya adalah sebagai berikut :
  • Masuk ke dashboard blog sobat
  • Masuk ke Setting kemudian pilih Archiving
  • Pada bagian Archiving Frequency ubah menjadi no archive

Atau jika sobat tidak ingin menonaktifkan fungsi arsip, silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :

<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex' name='robots'/></b:if>

6.    Membuat Blog SEO Friendly dengan Menambahkan kode ‘rel=canonical’

Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content (Buat yang kerjanya cuma bisa copas hati-hati nih sebelum didepak dari google). Silahkan masuk ke rancangan kemudian pilih edit html dan letakkan kode berikut dibawah kode <head> :

<link expr:href='data:blog.url' rel='canonical' />

7.    Membuat Blog SEO Friendly dengan Tag Heading

Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. silahkan masuk ke rancangan kemudian pilih edit html kemudian cari kode seperti berikut ini :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Ubah kode yang berwarna merah dari h3 atau h2 pada beberapa template menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Sekian aja ya beberapa tips dari saya untuk membuat blog menjadi lebih SEO Friendly, kurang lebihnya saya minta maaf yang sebesar-besanya. Sebenarnya masih banyak tips dan trik untuk membuat blog menjadi SEO Friendly, mungkin akan saya update beberapa hari kedepan.
Wassalammualaikum wr. wb.


.: Semoga Bermanfaat :.

Cara Saya berbagi tentang Cara Membuat Blog SEO Friendly dengan Mudah kepada teman-teman sobat blogger dirumah Tujuan artikel Cara Membuat Blog SEO Friendly dengan Mudah menambah wawasan Jika Sobat Suka Dengan Cara Membuat Blog SEO Friendly dengan Mudah dapat sharing dengan yang lainnya