Advertise

Tampilkan postingan dengan label Tutorial And Tips. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial And Tips. Tampilkan semua postingan

Modifikasi Page Number Dengan CSS3

Postingan ini sebagai tambahan untuk Navigasi Page Number 123 yang sebelumnya telah saya bahas silahkan dilihat kembali pembuatan Page Number 123 untuk blogger. Sekarang saya coba Memodifikasi page number 123 ini dengan menggunakan CSS3, yang pasti akan lebih menarik dibandingkan dengan navigasi page number sebelumnya.

Contohnya seperti gambar di bawah ini ::

modifikasi pagenumber dengan CSS3
Dengan Memasangkan CSS3 pada page number, page number terlihat seperti menggunakan background image (Gradasi dua warna) seperti yang anda lihat pada gambar di atas. padahal itu hanya permainan dari CSS3 mungkin itu yang menjadi unggulan untuk CSS3. Betul tidak bang [Hendro].

Langsung saja pada cara pemasangan page number dengan CSS3 ::

Pertama masuk pada Dashboard > Rancangan > Element Halaman > Tambah Gadget > Pilih HTML/JavaScript.

Masukan Script di bawah ini ::


<style>

.showpageArea {
padding:2px;margin-top:8px;margin-bottom:8px;
}
.showpageArea ul{
margin: 0 2px;
padding: 8px;padding-top:6px; padding-bottom:6px;
text-align: center;
font-size: 12px;
color:#333;
}

.showpageArea li{
padding: 8px;padding-top:6px; padding-bottom:6px;
margin: 0 2px;
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.showpageArea a, .showpageArea a:visited{
margin: 0 2px;
padding: 8px;padding-top:6px; padding-bottom:6px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
color:rgba(0,0,0,0.9);
text-shadow:1px 1px 0px rgba(255,255,255,0.8);
border:1px solid rgba(0,0,0,0.5);
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
text-decoration: none;
color:#000;
}

.showpageArea a:hover, .showpageArea a:active{
margin: 2px 2px;
padding: 8px;padding-top:6px; padding-bottom:6px;
border: 1px solid #940f04;
color: #940f04;
background-color: #fff;
}

.showpagePoint {font-size:12px;
padding: 8px;padding-top:6px; padding-bottom:6px;
margin-right:3px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.4);
color:rgba(0,0,0,0.9);
text-shadow:1px 1px 0px rgba(255,255,255,0.8);
border:1px solid rgba(0,0,0,0.5);
background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
color: #940f04;
background-color:#fff;
}

.showpageArea a.disablelink, .showpageArea a.disablelink:hover{
background-color:none;
cursor: pointer;
color: #940f04;
font-weight: normal !important;
}

.showpageArea a.prevnext{
color: #000;
font-weight: bold;
}

</style>

<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=2;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding:4px;margin:2px;border: 0px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

Untuk meng-Eksekusinya silahkan klik Simpan.

NB :: Script Page Number ini Sekaligus revisi untuk script page number sebelumnya. Script ini lebih cepat dalam loading, serta pengaturan paddingnya telah saya rubah sehigga posisi atau jarak number dengan kotak tidak terlalu dekat. Anda juga bisa mengcustom warna gradasinya dari kode CSS3 di atas. Selamat mencoba.

Google CSE Di Bawah Posting Dengan Keyword Sesuai Label (AutoFill)

Untuk Blogger tentunya sudah tidak asing lagi dengan Google CSE yang merupakan tempat pencarian berdasarkan keyword yang diinginkan untuk menghasilkan pencarian yang Optimal yang sesuai dengan kata kunci yang ditargetkan. Pada postingan ini akan membahas cara pemasangan Google CSE yang di tampilkan di bawah postingan,lihat gambar di bawah ini :



jadi ketika kita membuka judul posting maka Google CSE ini akan tampil dibawah label dan menampilkan hasil pencarian dari keyword yang sesuai dengan label pada postingan.

Seperti itulah kira kira, untuk contoh hasilnya yang telah di pasang Autofill Google CSE ini bisa lihat DISINI, Silahkan klik salah satu postingannya dan anda lihat pada bagian atas komentar atau dibawah label.Karena kebetulan blog ChugyGOGOG ini sedang diet dari Widget ataupun aksesoris lainya jadi saya pasang AutoFill Google CSE ini di blog saya yang satunya.

Script yang digunakan ini merupakan Script Autofill Google AJAX Search API CSE yang alhamdulilah setelah coba coba akhirnya bisa juga di pasang. langsung saja pada proses pemasangannya :

  • Masuk Dashboard >> Rancangan >> Edit HTML >> Expand Widget Templates
  • Cari kode seperti ini <b:includable id='comments' var='post'>
  • Masukan Script di bawah ini tepat dibawah kode di atas.


<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
google.load(&#39;search&#39;, &#39;1&#39;);
function OnLoad() {
var customSearchControl = new google.search.CustomSearchControl(&#39;000456789123456789123:ishrxdwklg8&#39;);
customSearchControl.draw(&#39;content&#39;);
customSearchControl.execute(&#39;<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'> OR </b:if></b:loop></b:if>&#39;);}
google.setOnLoadCallback(OnLoad);
</script>
<div id='content'>Loading...</div>


Ganti ID di atas yang seperti ini (000456789123456789123:ishrxdwklg8) dengan ID Google CSE Blogger. Pastikan blogger sudah mendaftar terlebih dahulu di google Costem Search Engine untuk bisa mendapatkan ID dari google CSE.

Jika sudah silahkan di save.
Selamat mencoba semoga berhasil.

Widget Random Post Dynamic - Static No Thumbnail Untuk Blogger

Random Post merupkan salah satu widget yang biasa di gunakan oleh blogger untuk menampilkan postingan secara acak atau random. Mungkin sudah banyak blogger yang membahas seputar Widget Random Post Sebagai pelengkap untuk menampilkan postingan secara acak, dari Random Post dengan Thumbnail maupun Postingan Acak tanpa Thumbnail Image.

Pembuatan Random Post untuk blogger yang saya bahas kali ini cukup simple, Hanya menggunakan fasilitas dari situs http://stuffablog.com. Situs ini menyediakan fasilitas pembuatan Random Post atau Postingan Secara Acak untuk blogger dengan dua alternative pilihan random post yaitu:

  • Dynamic Widget (Random Post dengan Slide)
  • dan Static Widget(Random Post tanpa Slide).

Untuk contoh Random Post bisa dilihat Di Sidebar Blog ini (Tapi kalau masih di pasang random postnya) Untuk bisa mendapatkan widget ini kita tidak perlu registrasi dan gratis tentunya, tinggal kunjungi situs http://stuffablog.com dan ikuti petunjuk yang ada disana.

Pokoknya Gampang silahkan di coba, membuat Widget Random Post Dynamic - Static No Thumbnail Untuk Blogger. Trimakasih smoga bermanfaat.

5 Editor Blog Gratis Untuk Menulis dan Edit Postingan Blog

Sebagian besar blogger lebih suka menulis postingan blog dari fasiltas penerbit online platform blog mereka masing-masing, padahal ada beberapa layanan Editor blog gratis untuk menulis dan edit postingan yang bisa di gunakan secara Ofline, Salah satunya seperti Windows Live Writer yang pasti blogger semua sudah banyak yang tahu editor blog yang satu ini. Tetapi buat blogger yang ingin mencari alternative editor Blog yang berbeda, bisa mengunakan 5 editor blog gartis di bawah ini.

Berikut adalah 5 Editor Blog Gratis Untuk Menulis dan Edit Postingan Blog yang bisa di gunakan secara Ofline :

1. Windows Live Writer.
Windows Live Writer merupakan produk Microsoft dengan tampilan sangat mirip dengan aplikasi Office standar MS. memiliki beberapa fitur, termasuk : rich text format, kategorisasi posting, memasukkan gambar dan tag, spell checking, beberapa blog account, kompatibilitas dengan blog platform dan masih banyak lagi.

2. Bleezer
Bleezer bisa digunakan pada Windows, OS X dan Linux. Ini juga mendukung beberapa platform blog seperti Blogger, Movable Type, WordPress, Drupal, dll Perangkat lunak ini ringan dan memiliki semua karakteristik dari sebuah blog seperti: editor WYSIWYG, pengiriman gambar, dukungan untuk kategori, tag, pemeriksaan ejaan, dll

3. w.bloggar
Editor Blog lain yang mendukung banyak platform seperti Blogger, Movable Type, TypePad, Drupal, Wordpress dll yaitu w.bloggar. Memungkinkan pengguna untuk mengedit tulisan tanpa sambungan internet. Posting dapat disimpan secara lokal untuk kemudian di publikasikan sesuai keingin anda.

4. Post2Blog
Post2Blog Memiliki fitur seperti pemeriksaan ejaan WYSIWYG, Ping, Memiliki integrasi bagus dengan RSS Bandit dan Sharp Reader. Anda dapat menyisipkan iklan Amazon dan dapat membuat pesan baru di MS Word dan kemudian mempublikasikannya ke blog Anda dengan menggunakan toolbar untuk MS Word Post2Blog.

5. BlogDesk
BlogDesk benar-benar gratis dan dioptimalkan untuk sistem blog Wordpress, MovableType, Drupal, Serendipity dan Expression Engine, serta bloghosters Blogg.de dan Twoday.net. Sangat mudah untuk digunakan.

Selain itu, ada beberapa editor blogging yang cukup populer dari contohnya BlogJet [Not Free] sangat populer untuk blog editor. Anda juga dapat mencoba - Thingamablog, Flock, Zoundry dan banyak lagi , silahkan cari saja di Google. Selamat mencoba!

Jadikan Blogging Sebagai Sarana Ibadah Di Bulan Suci Ini + Baner Gratis

Alhamdullilah tidak terasa bulan Ramadhan akan datang kembali. Rasanya baru kemaren ngejalanin bulan puasa, begitu nikmatnya hidup ini sampai sampai setahun sudah terlewati dan bertemu lagi dengan bulan penuh Berkah, Rahmat dan Ampunan ini yaitu bulan suci Ramadhan.

Kayanya sekarang waktu yang tepat untuk kita saling memberikan maaf kepada orang orang terdekat kita Orangtua, Kaka, Adik, saudara, Teman dan semuanya yang kita kenal tidak terkecuali dengan teman di dunia online ini seperti para Blogger tentunya.

Di Postingan ini saya meminta maaf kepada blogger semua yang slalu setia datang,numpang lewat, kesasar, ataupun buang sampah di blog ini, Yang mungkin ada tulisan atau postingan di blog ini yang menyinggung perasaan blogger semua. ataupun komentar saya di blog anda yang kurang berkenan di hati para blogger, Dengan tulus Saya meminta maaf yang sebesar besarnya.....!!!


SELAMAT MENJALANKAN IBADAH PUASA 1431 H
SMOGA DI BULAN RAMADHAN SEKARANG INI KITA DIBERIKAN KEKUATAN UNTUK MENJALANINYA. AMIN YA ROBALALAMIN.

JADIKAN BLOGGING SEBAGAI SARANA IBADAH DI BULAN SUCI INI


Sebagai tambahan dan sebagai permohonan maaf kepada blogger smua, saya akan memberikan baner SELAMAT MENUNAIKAN IBADAH PUASA kepada blogger semua yang mengunjungi blog ini tanpa terkecuali. Jika anda tertarik untuk memasangnya silahkan di ambil kode banernyanya di bawah ini. trimakasih.

Blue Baner (format swf) 500px x 100px :


<embed src="http://www.4shared.com/embed/354141506/380fc37c/preview.swf" width="500" height="100" allowfullscreen="true" allowscriptaccess="always"></embed>


Dark Baner (format swf) 500px x 100px :


<embed src="http://www.4shared.com/embed/354153248/29fddcc1/preview.swf" width="500" height="100" allowfullscreen="true" allowscriptaccess="always"></embed>

Anda bisa menyesuaikan lebar dari baner di atas dengan merubah ukuran widht/lebar.

Tips Sebelum Mempublish Postingan Di Blog

Membuat tulisan atau postingan merupakan kebiasaan dan kewajiban para blogger untuk mengisi blognya dengan artikel artikel yang menarik seperti tutorial, info bisnis, gosip selebritis atau sekedar menuliskan curhat pribadi ke dalam posting yang tentunya ingin tulisan atau postingan yang dipublish dapat menarik di mata para pengunjung blog.

Ada beberapa hal yang kadang suka terlewatkan atau terlupakan oleh para blogger termasuk saya tentunya, yaitu penulisan posting kadang tidak terlihat menarik atau tidak sesuai dengan kaidah penulisan yang baik dan benar.

Tips ini saya buat berdasarkan pengecekan terhadap postingan blog saya yang kadang suka ada kesalahan dalam penulisan ataupun tanda baca yang tidak saya sadari. Untuk itu saya coba memberikan Tips sebelum Mempublish Postingan Di Blog versi saya.

  • Periksa Judul Yang telah Anda buat.
    Apakah sudah benar penulisannya, untuk yang satu ini kadang kurang mendapatkan perhatian para blogger, banyak judul posting yang terdapat kekeliruan atau kesalahan dalam penulisan.
  • Periksa tulisan pada postingan yang telah anda ketik.
    Llihat apakah tulisan atau kalimat yang telah di ketik ada yang salah dalam penulisannya.
  • Perhatikan tanda baca untuk setiap tulisan.
    Seperti Titik (.) Koma (,) dll.
  • Periksa link yang anda sisipkan pada teks dipostingan.
    Tulislah alamat link dengan benar jangan sampai link yang anda pasang ada kesalahan penulisan. Biasanya untuk blogger yang sudah banyak makan asam garam, mengaitkan link pada postingan merupakan syarat wajib supaya postingan cepat terindeks di google.
  • Gunakan image atau gambar yang sesuai.
    Gunakan image yang sesuai dengan isi Postingan anda, jangan sampai anda memasukan image yang tidak ada hubungannya dengan isi posting, misalnya postingan anda seputar Masakan, maka masukanlah gambar kuliner atau sayuran, jangan memasukan gambar Cewek Telanjang atau Foto foto Lucu yang tidak ada hubungannya dengan isi postingan.
  • Aturlah paragraf pada tulisan anda.
    Jika memposting banyak tulisan aturlah paragrap sebaik baiknya jangan sampai dari awal sampai akhir tulisan, tidak menggunakan paragraf sama sekali.
  • Gunakan huruf KAPITAL di awal kalimat.
    Dan gunakan juga untuk Nama Orang, Alamat atau Tempat.
  • Pratinjau tulisan yang telah anda ketik dan coba anda baca.
    Ibaratkan anda adalah pengunjung yang sedang mencari informasi dan mebaca postingan di blog anda, apakah sudah layak untuk di baca.
  • Kalau semua sudah dirasa baik dan menarik dari cara penyampaian dan penulisan, jangan ragu ragu untuk menekan tombol simpan.

Mungkin tips diatas bisa menjadi bahan pertimbangan buat anda dan saya dalam membuat sebuah posting. Tapi inti dari semua itu yaitu jangan suka terburu buru dalam membuat sebuah tulisan, jangan sampai kejar tayang tapi postingan tidak terurus.

Buat yang ingin menambahkan atau mengurangkan, silahkan jangan ragu-ragu untuk memberikan opininya di blog ini. Mudah mudahan tidak ada kesalahan dalam penulisan pada postingan ini......Trimakasih.

Cara Manual Mengatur Jumlah Posting Pada Label

Setelah sebelumnya memposting seputar Hunting Blog DoFollow Berpagerang Tinggi Bukan Solusi untuk meningkatkan PageRank Blog yang ternyata banyak Opini dan Masukan dari sahabat blogger yang tentunya lebih berpengalaman daripada saya, dan saya ucapkan terimakasih atas opini dan saranya. Untuk sekarang saya memposting masih seputar blogging tapi ini sekedar tutorial cemilan yang lebih santai tentunya.

Mungkin dari judul di atas anda sudah memahami maksudnya. Cara Manual Mengatur Jumlah Posting Pada Label seperti anda ketahui setiap posting yang anda buat tentunya slalu di berikan label atau kategory untuk membedakan postingan yang satu dengan yang lain.

Mengatur manual maksudnya kita membuat label sendiri dan mengatur jumlah posting yang muncul. Untuk contohnya anda bisa lihat label atau Category di blog ini yang tepat di bawah, dan coba anda klik, postingan yang muncul hanya 5 posting, sedangkan jika anda memasang label default blogger, postingan yang sesuai dengan label akan muncul semua sekitar 20 posting yang muncul, tentu ini sangat merepotkan bagi yang membacanya Kecuali jika anda menggunakan kode untuk menampilkan judulnya saja pada label.

Untuk mengatur jumlah postingan pada label caranya cukup mudah anda hanya mengatur atau merubah angka link pada label tersebut. contohnya seperti ini :

Untuk Default label blogger contoh kodenya seperti ini ::

http://chugygogog.blogspot.com/search/label/Tutorial Blog

Untuk mengatur jumlah postingannya tambahkan kode seperti ini di akhir link label ?max-results=5

Maka hasilnya seperti ini ::

http://chugygogog.blogspot.com/search/label/Tutorial Blog?max-results=5

Angka 5 merupakan jumlah posting yang ingin anda tampilkan, anda bisa merubahnya dengan angka sesuai keinginan anda. Gimana cukup mudah bukan, silahkan dicoba jika anda tertarik.

Hunting Blog DoFollow PageRank Tinggi Bukan Solusi Meningkatkan PageRank Blog

Hunting atau Berburu Blog DoFollow PageRank Tinggi kayanya sudah menjadi target utama untuk menambah atau memperbaiki peringkat Blog. Dari searching di uM Google sampai di blogger blogger master yang memberikan informasi keberadaan situs DoFollow ber- PageRank Tinggi dengan harapan mendapatkan Backlink gratis dari blog DoFollow tersebut yang konon katanya dapat merubah PageRank dari blog tersebut.

Saya sendiri pernah mencoba melakukan hal itu , mengunjungi situs atau Blog DoFollow Ber- PageRank Tinggi yang saya dapat dari beberapa sumber yang saya temukan di uM Google, Saya pun mencoba untuk mendapatkan peruntungan dari Blog DoFollow per PageRank Tinggi itu .

Saya menuliskan judul postingan ini Hunting Blog DoFollow PageRank Tinggi Bukan Solusi Meningkatkan PageRank Blog.

Disini saya bukan tidak percaya dengan Blog DoFollow ber PageRank tinggi yang konon katanya Bisa memberikan Backlink Gratis dan meningkatkan PageRank Blog. Saya Percaya kalau Blog DoFollow memberikan BackLink gratis, tapi saya belum percaya kalau Blog DoFollow bisa Meningkatkan PageRank Blog .

Karena yang saya alami setelah register di beberapa blog DoFollow ber PageRank tinggi ternyata Ranking Blog ini masih sama padahal itu sudah terjadi hampir dua bulan yang lalu saya register. Dari situ saya mulai tidak tertarik dengan Blog DoFollow Ber- PageRank Tinggi. mungkin Sahabat Blogger berpendapat berbeda dengan saya perihal Blog Doffolow ini Silahkan saja.

Tapi saya percaya dengan UPDATE POSTINGAN SECARA RUTIN dan BLOGWALKING dengan para blogger, PAGERANK BLOG akan meningkat dengan sendirinya.

Satu Pesan untuk Anda ::::

"JANGAN BERHARAP MENDAPATKAN PAGERANK TINGGI HANYA DENGAN MENGANDALKAN BACKLINK GRATIS DARI BLOG DOFOLLOW TANPA ANDA UPDATE POSTINGAN SECARA RUTIN"

Bagi yang sudah merasakan mendapatkan backlink dan PageRank dari BlogDofollow dipersilahkan Untuk sharing informasinya ataupun memberikan pencerahannya untuk saya ataupun blogger lain yang berkunjung di blog ini.

Menghilangkan Link Pada Judul Posting

Untuk postingan kali ini saya akan memberikan tips cara menghilangkan link pada judul posting. Mungkin ada di antara blogger pernah melihat blog yang judul postingannya tidak bisa di klik, kalau blogger ingin mencoba untuk menghilangkan link pada judul postingannya silahkan ikuti caranya di bawah ini.

Menghilangkan Link Pada Judul Posting

Pertama Log in pada Dashboard blog anda
Pilih Rancangan >> Edit HTML
Klik "Expand Widget Template"
Cari kode seperti ini.
<h3 class='post-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>
</h3>
</b:if>
Ganti kode di atas dengan kode di bawah ini.
<h3 class='post-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'>
<data:post.title/>
</b:if>
</h3>
</b:if>
Jika sudah silahkan anda pratinjau terlebih dahulu kalau sudak ok silahkan di simpan. Cukup mudah bukan selamat mencoba.

Modifikasi Satu Widget Menjadi Double Fungsi Untuk Penyimpanan Script

Kalau ngomongin widget tentu identik dengan tampilan blogger baik sidebar Footer maupun Header, yang selalu mendapatkan posisi istimewa untuk menampilkan widget karean biasanya para blogger selalu mempercantik tampilannya dengan memasang widget widget tersebut, Baik dengan Related Post , Resent post, Recent Comment, Top Post, Tab View ataupun yang lainya yang tentu memerlukan space atau ruang pada template anda.

Disini saya tidak akan membahas script atau HTML yang aneh aneh karena saya yakin sudah banyak master blogger yang memposting Script script seperti itu.

Kali ini saya coba untuk meminimalkan pemasangan script script yang dianggap penting untuk di simpan pada widget/Gadget sidebar blog anda. tujuanya untuk menghemat widget yang di pasang. lihat screen shoot di samping ini.

untuk membuat tampilan seperti ini cara cukup mudah dan tidak terlalu rumit.

silahkan ikuti caranya di bawah ini.

Modifikasi Satu Widget Menjadi Double Fungsi Untuk Penyimpanan Script

Langkah pertama siapkan script yang ingin anda pasang pada widget sidebar.
Sebagai contoh saya menggunakan script Recent Posting dan Recent Comment.

Masuk pada Dashboard Blog anda.
Pilih Rancangan >> Tambah Gadget >> pilih HTML/JavaScript.
Masukan Script dan kode HTML di bawah ini.

<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://chugygogog.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>


<style type="text/css">

.double-side{
font-size:14px;
float:right;
font-weight:bold;
color:white;
background:;
padding:0px;
}

</style>


<h2><span class="double-side"><a href="Alamat RSS Feed Anda">
<span style="background-border:1px solid #000;padding:2px;">RSS Feeds </span></a>
</span>Recent Comment</h2>

<style type="text/css"></style>
<script src="http://sites.google.com/site/anasku2000/post-terakhir.js"></script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://chugygogog.blogspot.com/feeds/comments/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

Ganti alamat Recent Post dan Recent Comment yang dicetak merah tebal ganti juga alamat RSS Feeds Anda Yang Hijau Tebal di atas sesuai dengan alamat feeds blog anda.

Beri judul widget Anda Dengan Recent Post.
Selanjutnya Anda Simpan.
Selamta mencoba.

Menambah Popular Page Dan Top page popularity Pada Postingan

page popularity Melanjutkan tutorial Blogger yang kemarin, yang membahas pembuatan menu navigasi dengan program dari CSS Tab Designer. Untuk tutorial blogger kali ini saya akan memberikan cara pemasangan script Popular Page dan Top Page Popularity pada setiap posting yang ada di blog anda.

Biasanya penggunaan Popular Page dan Top Page Popularity yaitu untuk mengetahui seberapa popular postingan di blog anda. Dengan menampilkan Image bintang sebagai Popular Page dan Judul Link judul postingan yang menjadi Top Page Popularity . Langsung sajua pada pemasanganya.

  • Pertama masuk Dashboard Blog Anda.
  • Pilih Rancangan >> Edit HTML >> centang Expand Template Widget
  • Cari kode seperti ini <p><data:post.body/></p>
Letakan Script di bawah ini tepat di bawah kode <p><data:post.body/></p>

Ini kode Script untuk Page Popularity

<img expr:src='"http://foxrecord.appspot.com/rating?url=" + data:post.url + "&amp;title=" + data:post.title' />

Kalau yang ini Script untuk Top Popular Page

<script src="http://foxrecord.com/scripts/gettop.js" type="text/javascript"></script>

Jika sudah silahkan disimpan dan lihat hasilnya....selamat mencoba.

Cara Mudah Membuat Menu Navigasi Dengan CSS Tab Designer

Buat blogger yang tampilan blognya masih perlu penambahan menu navigasi sebagai sarana untuk mempermudah pengunjung melihat konten atau isi di blog anda, Tapi anda masih bingung ingin membuat menu navigasi seperti apa yang pas dan menarik ?

Disini saya akan memberikan alternative bagi anda yang belum mendapatkan menu navigasi yang sesuai dengan selera anda anda tidak perlu repot mendesain menu navigasi dari awal sampai akhir , anda cukup menggunakan program dari CSS Tab designer ini semuanya bisa dilakukan dengan sangat mudah.

Khusus bagi anda yang ingin membuat navigasi vertikal maupun horizontal yang super cepat dengan hasil yang bagus dan profesional anda bisa menggunakan program CSS Tab Designer V 2.0.

Program CSS Tab Designer V 2.0 ini akan membantu anda membuat berbagai macam navigasi baik vertical maupun horizontal dengan cara yang cukup cepat dan mudah kaena program CSS Tab Designer V 2.0 telah menyediakan beragam macam menu navigasi vertikal dan horizontal dengan banyak pilihan warna dan bentuk menu navigasi yang bisa anda gunakan.

Anda bisa lihat Screen Shoot gambar di bawah ini. yang merupakan tampilan dari program CSS Tab Designer. Silahkan di klik Full Image untuk melihat ukuran yang lebih besar.

(+) Full Image.


Bagi anda yang ingin menggunakan program ini silahkan anda ambil program CSS Tab Designer V 2.0 di link di bawah ini

http://www.4shared.com/file/ydlcuxlW/css_tab.html

File Size 1.35 MB Silahkn anda instal programnya di PC anda dan mulai memilih menu navigasi yang cocok dan pas dengan template blog anda.

Hosting Lokal Gratis Yang Berkualitas

Ada kabar gembira ni buat Blogger yang lagi nyari Hostingan gratis yang berkualitas buat belajar membuat blog atau website untuk dipublikasikan di dunia maya. Sebenarnya ada beberapa hostingan gratis dari luar yang tersedia di internet.Namun hostingan yang satu ini merupakan karya anak negri yang patut untuk kita coba.

Walaupun produk dalam negeri kualiat dan fitur yang diberikan cukup berkualitas silahkan saja anda kunjungi www.hostergratis.com

www.hostergratis.com merupakan spesialis dalam layanan hosting gratis dengan menggunakan teknologi clustered yaitu Apabila ada gangguan pada server akan tetapi website anda akan tetap jalan. Hosting ini juga didukung oleh salah satu perusahaan hosting terbesar di internet.

Silahkan sign up untuk mendapatkan layanan PHP & MySQL yang super cepat, dapatkan hosting gratis termasuk sub domain gratis.

www.hostergratis.com menggunakan Vista Panel sebagai control panel anda yang disediakan untuk mengelola website Anda, dikemas dengan ratusan fitur, kapasitas Email yang besar, FTP add-on domain dan banyak lagi!!! Di bawah ini ada fasilitas yang disediakan untuk anda :

Free hosting feature summary :
- 250 mb disc space
- 6 GB monthly transfer
- 5 add on domain
- 3 MySQL database
- 5 subdomain
- FTP account
- Auto script installer (29 scripts!!)

Gimana Blogger bisa di pertimbangkan bukan hosting gratis produk lokal ini....! Silahkan Klik Disini untuk mendaftar atau di www.hostergratis.com. OK SOB selamat mencoba. Thanks.

Membuat Navigasi Page Number 123 Langsung di Gadget

Kalau sebelumnya membahas cara membuat Navigasi page number 123 pada Edit HTML, sekarang saya coba membuat Page number 123 langsung pada Gadget Elemen Laman. cara ini akan lebih mudah di lakukan karena anda tidak perlu ubrak abrik kode HTML pada template blog anda, cukup dengan menambahkan gadget pada elemen halaman maka Page Number ini sudah bisa terpasang.

Langsung saja pada cara pembuatanya.

Pertama anda masuk pada Rancangan >> tambah Gadget >> HTML/JavaScript.
Masukan Kode di bawah ini :

<style type='text/css'>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #cccccc;margin:0 3px;padding:3px;}.showpageNum a:hover {border: 1px solid #cccccc;background-color:#cccccc;}.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}.showpage a:hover {text-decoration:none;}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333333;}</style><script style='text/javascript'>var pageCount=5;var displayPageNum=5;var upPageWord="Previous";var downPageWord="Next";</script><script style='text/javascript' src='http://blogergadgets.googlecode.com/files/blogger-page-nav-v2.js'></script>

Selamat mencoba.

NB : Anda bisa meletakan Gadget ini di mana saja karena Numbering Page ini akan otomatis terpasang di bawah posting Trimakasih.

Navigasi Page Number 123 Untuk Blogger

Mungkin untuk sebagian blogger sudah tahu ataupun sudah menggunakan menu Navigasi page number atau page 123 pada postingan. dan mungkin juga telah banyak yang memposting navigasi page number 123 seperti ini. Tapi tidak apa sebagai pelengkap tutorial blog di blog chugygogog.blogspot.com. Tutorial atau cara Membuat menu navigasi page number ini dikhususkan buat teman blogger yang belum tahu dan ingin memasang page number di blognya. Untuk yang sudah tahu silahkan baca postingan yang lain saja.

Langsung saja pada cara pembuatanya :

Langkah pertama masuk pada Rancangan >> Edit HTML >> Expand Widget Templates

Cari kode ]]></b:skin>
Setelah ketemu,letakkan kode di bawah ini tepat di atas ]]></b:skin>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#f3f3f3;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #f3f3f3;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #f3f3f3;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Lalu,cari lagi kode seperti ini </body>
Jika sudah ketemu, letakkan script dibawah ini tepat di atas kode </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Langkah terakhir Carilah kode berikut : 'data:label.url'
Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode di bawah ini:

'data:label.url + &quot;?&amp;max-results=5&quot;'

Jika sudah silahkan di simpan Selamat mencoba.

NB : Seperti biasa anda bisa mengcustom Navigasi Page Number ini dengan merubah kode CSS nya seperti border, background dll.


Blogger Statistik Telah Hadir Melengkapi Fitur Blogger

Banyak di antara Kita telah menggunakan Google Analytics atau script pelacakan ketiga untuk melacak statistik untuk blog Anda. Sekarang blogger telah membuatnya menjadi jauh lebih mudah bagi Anda. Anda sekarang bisa mendapatkan statistik pada dashboard Anda tepat tanpa menambahkan komponen tambahan atau kode untuk model Anda. Fitur ini belum tersedia pada dashboard Anda. Pilihan ini tersedia di Dashboard Blogger Proyek atau Draft Blogger.

Hal terbaik tentang versi baru dari Blogger adalah bahwa Statistik memantau dan menganalisa lalu lintas para pengunjung ke Blog Anda . Keuntungan dari Statistik Blogger ini kita dapat Melacak statistik kata kunci populer, negara mana pengunjung datang, web browser yang digunakan oleh pengunjung dan banyak lagi.

Perhatikan bahwa data Halaman tampilan di Blogger dan statistik Google Analytics mungkin tidak identik karena mekanisme pengumpulan berbagai pendekatan. Selain itu, Stats Blogger tidak mendukung blog pribadi untuk saat ini.

Untuk dapat melihat Statistik dari blog anda, Maka anda harus membuka Draft Blogger terlebih dahulu. selanjutnya anda akan masuk pada dasboard blog anda dan pilih Statistik seperti gambar di bawah ini.



Sekarang Anda sudah dapat menikmati dan melihat Statistik dari blog anda seperti: Overviewe, Post, Trafic Source dan Audience. seperti screenshoot di bawah ini.


Sumber : http://www.bloggerplugins.org

Sejarah Optimasi Mesin Pencari ( SEO )

SEO-Optimazition Sebelum beranjak membahas sejarah dari search engine, alangkah baiknya kalau kita mengetahui terlebih dahulu arti dasar dari Optimasi mesin pencari ini. Saya bukan seorang master SEO yang fasih dalam bidang optimasi mesin pencari, disini saya coba share sedikit pengetahuan SEO saya yang masih minim yang mudah mudahan bisa bermanfaat untuk Sahabat Blogger semua.

Langsung saja Optimisasi mesin pencari atau dalam bahasa Inggris: Search Engine Optimization, biasa disingkat SEO merupakan serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk meningkatkan volume dan kualitas trafik kunjungan melalui mesin pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau algoritma mesin pencari tersebut.

Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas, atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas pada hasil pencarian memiliki peluang lebih besar untuk mendapatkan pengunjung.

Sejarah Search Engine Optimization

Menurut Danny Sullivan, istilah search engine optimization pertama kali digunakan pada 26 Juli tahun 1997 oleh sebuah pesan spam yang diposting di Usenet. Pada masa itu algoritma mesin pencari belum terlalu kompleks sehingga mudah dimanipulasi.

Versi awal algoritma pencarian didasarkan sepenuhnya pada informasi yang disediakan oleh webmaster melalui meta tag pada kode html situs web mereka. Meta tag menyediakan informasi tentang konten yang terkandung pada suatu halaman web dengan serangkaian katakunci (keyword).

Sebagian webmaster melakukan manipulasi dengan cara menuliskan kata kunci yang tidak sesuai dengan konten situs yang sesungguhnya, sehingga mesin pencari salah menempatkan dan memeringkat situs tersebut. Hal ini menyebabkan hasil pencarian menjadi tidak akurat dan menimbulkan kerugian baik bagi mesin pencari maupun bagi pengguna internet yang mengharapkan informasi yang relevan dan berkualitas.

Larry Page dan Sergey Brin, dua mahasiswa doktoral ilmu komputer Universitas Stanford, berusaha mengatasi permasalahan tersebut dengan membangun Backrub, sebuah mesin pencari sederhana yang mengandalkan perhitungan matematika untuk memeringkat halaman web. Algoritma tersebut, yang dinamakan PageRank, merupakan fungsi matematika yang kompleks berupa kombinasi antara perhitungan jumlah link yang mengarah pada suatu halaman web dengan analisis atas kualitas masing-masing link tersebut.

Berdasarkan prinsip kerja PageRank, secara umum bisa dikatakan bahwa halaman web yang memperoleh peringkat tinggi adalah halaman web yang banyak di-link oleh halaman web lain. Nilai PageRank juga akan semakin tinggi apabila halaman web yang mengarah kepadanya juga memiliki kualitas yang tinggi. Nilai sebuah link dari situs berkualitas tinggi seperti Yahoo! atau DMOZ dapat bernilai lebih tinggi daripada kombinasi nilai link dari seratus situs web berkualitas rendah.

Backrub hanyalah sebuah permulaan. Pada tahun 1998 Page dan Brin mendirikan Google yang merupakan versi tingkat lanjut dari Backrub. Dalam waktu singkat Google memperoleh reputasi dan kepercayaan dari publik pengguna internet karena berhasil menyajikan hasil pencarian yang berkualitas (tidak dimanipulasi), cepat, dan relevan. PageRank lantas menjadi standar baik bagi mesin pencari lain maupun bagi webmaster yang berusaha agar situs webnya memperoleh nilai PageRank setinggi mungkin sehingga menempati posisi tertinggi pada hasil pencarian.

Sejarah di ambil dari Wikipedia.

Baner Blogger Lover Community (Just For You)

Rasanya Kurang per kalau kita ngeblog hanya sekedar membuat posting tanpa ada keakraban dengan sesama blogger atau dengan blogger blogger lain baik yang senior maupun yang newbie seperti saya. Banyak cara untuk membuat keakraban sesama blogger diantaranya dengan bertukar link maupun dengan berkomentar di blogger lain.

Ciptakan Keakraban Blogger Dengan Baner Blogger Lover Community

Selain cara di atas ada juga cara yang menurut saya sangat menarik yang dilakukan para blogger yaitu dengan memberikan baner award kepada blogger yang disukai. Mungkin banyak blogger blogger yang telah mendapatkan award dari blogger blogger lain, tapi ternyata banyak pula yang tidak mendapatkan award sama sekali heheeeeee melas pisan ya....!!!

Saya jadi tertarik untuk membuat sebuah baner (Maaf ini bukan Award) , hanya sekedar souvenir atau kenang kenangan bagi teman teman blogger semua yang mencintai dunia blogging. untuk lebih akrab satu sama lainnya. Anda bisa lihat banernya di bawah ini.



<img src="http://2.bp.blogspot.com/_lh4qH1cW0XQ/TCtBb6fBqhI/AAAAAAAABy0/cUD7HOuYe6M/s400/Blogger+Lover+Community.220+png.png"/>



<img src="http://2.bp.blogspot.com/_lh4qH1cW0XQ/TCtBbWXrBbI/AAAAAAAABys/pcLiHXdFZPY/s400/Blogger+Lover+Community.png"/>

Sebelumnya saya minta maaf kalau desain banernya kurang berkenan dengan selera blogger, maklum selera orang pasti berbeda.

Jadi buat anda yang tertarik memasang banernya silahkan di ambil baner ganbarnya. Saya membuat hanya 2 ukuran saja yaitu 300 x 200 Px dan 200 x 150 Px silahkan di pilih sesuai dengan ukuran dari template blog anda.

Untuk mengambil gambarnya silahkan anda klik kanan banernya dan save. atau anda juga bisa menggunakan kode html yang ada di bawah bener tersebut.

Jangan khawatir baner ini tidak saya link, jadi anda bisa membuat link sendiri di baner tersebut. Trimkasih.

MAJU TERUS BLOGGER DALAM NEGERI .... HAPPY BLOGGING.



Mengatasi Eror Widget Blogger Agar Bisa Disimpan

Postingan tentang masalah pada widget yang harus di beri judul , ternyata hampir semua blogger mengalami masalah seperti itu, Widget blogger sekarang harus di beri judul supaya bisa disimpan. nah untuk postingan kali ini saya akan coba memberikan tips atau solusi mengatasi Eror widget / gadget blogger supaya bisa di simpan. Tips ini saya dapetin dari blognya mas bi2t.com yang kebetulan berkunjung dan koment ke blog Ini.



Untuk bisa mengatasi masalah ini caranya ternyata cukup mudah kita tinggal memberikan judul seperti ini <!--judul--> pada widget atau gadget blog anda. Bisa lihat gambar di bawah.



Judul yang di pasang ini tidak ankan muncul pada postingan tidak seperti kita memberi judul seperti biasa yang selalu muncul pada blog anda. Gimana cukup mudah bukan.

Sekaranng anda coba tambah widget atau gadget pada blog anda, setelah itu berikan judul seperti ini <!--judul--> kemudian simpan, dan lihat hasilnya apakah widget anda masih eror....?

Ada Yang Salah Dengan Widget Blogger

Barusan ketika saya mau menambah Widget / Gadget di blog saya ternyata widget / Gadget di blog saya tidak bisa di simpan dan muncul tulisan seperti ini Bidang yang di persyaratkan tidak boleh kosong. Harap perbaiki kesalahan pada form ini. seperti gambar di bawah ini.


Saya jadi bingung ni sudah berulang ulang sya coba dan ternyata masih juga seperti itu. Apa ada yang salah ya dengan template di blog saya ?
Setelah di utak atik dan di analisa ternyata widget tersebut harus di kasih judul, kebetulan sebelumnya saya tidak memberi judul pada widget tersebut, setelah di beri judul akhirnya bisa juga di simpan.

Saya bingung juga padahal kemarin kemarin ketika saya menambahkan widget tanpa di beri judul bisa disimpan tetapi sekarang widget tersebut tidak bisa di simpan tanpa judul.

Apakah blogger blogger semua mengalami sperti hal nya yang saya alami ?

Buat para master blogger yang tahu solusinya mengenai masalah ini tidak salahnya bisa sharing di komentar blog ini, dan di harapkan memberi solusi untuk penyimpanan widget ini. Dan mungkin juga bisa membantu teman teman blogger lainnya yang mengalami hal yang sama seperti di blog saya. trimakasih.