Share

Trik Mengembalikan Blog Yang Dihapus Oleh Google

cara mengembalikan blog yang dihapus google
Selamat malam sobat blogerch semua . Karena banyaknya para blogger yang mempertanyakan bagaimana sih cara untuk mengembalikan Blog yang telah dihapus oleh Mbah Google, malam ini blogerch.com mencoba untuk berbagi trik bagaimana cara mengembalikan Blog yang di Hapus oleh Google karena berbagai sebab seperti : Blog dideteksi sebagai SPAM atau Blog Mengandung unsur yang merugikan.
Google mulai unjuk gigi untuk memerangi blog-blog yang dikategorikan sebagai blog spam. Hal ini terlihat banyaknya blogspot atau blogspot custom domain yang memakai hosting blogger dihapus secara tiba-tiba (tanpa pemberitahuan) oleh blogger. Tak terkecuali blog-blog yang notabene tidak pernah memakai blackhat seo terkena juga imbasnya.
Sekedar berbagi pengalaman yang juga pernah menimpa pada blogspot-blogspot saya yang secara tiba-tiba dihapus oleh blogger. Ternyata ada beberapa Cara Mengembalikan Blog Yang Dihapus Blogger. Adapun Cara Mengembalikan Blog Yang Dihapus Blogger sebagai berikut:
  • Jika kita login muncul peringatan beberapa hari dan di suruh mengisikan kode anti spam maka segeralah isi sesuai dengan gambar,pilih kode yang mudah kita anggap gampang untuk menulisnya,Pihak blogger memerlukan waktu berhari-hari bulan bahkan mungkin setahun karena tidak hanya blog kita saja yang di hapus,ikuti saja petunjuk dan menunggu.
  • Sering-seringlah login dan pulihkan untuk blog yang berbahasa indonesia dan Restore untuk blog yang berbahas inggris.
  • Masuk dengan email valild sobat ke blogger forum :
  • Tulis posting (ask question) pilih category something is broken dan posting bahwa blog anda telah dihapus dan alasanya dianggap spam (pakai google translate yang nyambung dan sopan).
  • Setelah mendapatkan balasan biasanya dari admin contributor “nitecruzr” langsung menanggapinya, di kemudian waktu/hari, untuk menambah kan keterangan alamat url yang di hapus,apa yang dipakai untuk browsing(firefox,opera mini,internet explorer dll),geo negara tempat tinggal sobat dan alasan yang menyentuh hati kenapa blog di hapus beserta pengharapanya,semenarik mungkin agar pihak blogger meliriknya,he..
  • Langkah terahir setelah berhari-hari bulan belum terbuka jug masih unlock blog kita,submit url alamat blog kita ke spreadsheet/final banding untuk diperiksa ulang oleh admin blogger google di :
Dengan mengikuti Cara Mengembalikan Blog Yang Dihapus Google tersebut di atas, semoga blog-blog anda yang semula diblock atau dihapus blogger karena dianggap sebagai blog spammer bisa kembali ke tangan anda.
LanjutGan Baca ??

Cara Memanfaatkan dan Menemukan Blog Zombie

Zombie Cepot
Banyak cara dalam meningkatkan trafik ke website atau blog milik kita, bila sebelumnya sudah dibahas mengenai "Cara Mudah Mendatangkan Trafik ke Blog", pada kesempatan ini kita akan membahas salah satu cara "unik" untuk meingkatkan trafik yaitu dengan memanfaatkan blog zombie. Teknik ini biasa dimanfaatkan oleh para pemilik toko online, blog pribadi ataupun website apapun yang memerlukan asupan backlink untuk meningkatkan trafik.

Sebelum kita membahas lebih jauh mengenai blog zombie, ada baiknya kita mengenal terlebih dahulu sebetulnya apa sih blog zombie itu?

Arti istilah blog zombie itu : Blog zombie adalah sebuah istilah yang dipakai untuk sebuah blog yang telah lama ditinggalkan oleh pemiliknya sehingga alamat blog tersebut telah lama dihapus oleh pihak google, alat blog ini dapat kita cari dan daftarkan kembali, nah pas kan dengan istilahnya? sesuatu yang mati dihidupkan kembali (zombie).

Untuk memiliki satu blog sangatlah mudah, lalu untuk apa kita mencari blog zombie? nah sekarang mari kita cermati apa saja sih manfaat blog zombie untuk blog kita? jadi inilah manfaat dari blog zombie yang kita dapatkan dan daftarkan tersebut:

1. Blog yang sudah ditinggalkan oleh pemiliknya tersebut biasa telah memiliki backlink, banyak backlink. sehingga kita tidak perlu menuliskan atau repot-repot mengisikan backlink lagi untuk blog zombie yang kita temukan, oleh sebab itu sebelum memilih menghidupkan sebuah blog yang mati kita harus mencermati terlebih dahulu apakah jumlah backlink dari blog zombie tersebut cukup banyak atau tidak, kita dapat melihat backlink blog mati tersbut dari majesticseo.com atau ahrefs.com.

2. Pagerank adalah sebuah pencapaian yang tidak mudah digapai, membutuhkan waktu yang tidak sebentar. Nah bila Anda beruntung terkadang kita akan menemukan blog zombie dengan pagerank yang telah tinggi, tetapi tidak selalu kita mendapatkan blog zombie yang sudah ber pagerank loh ya :) menyenangkan bukan?

3. Blog zombie yang kita temukan dan daftarkan kembali pasti telah terindeks di search engine, Anda bisa melakukan pengecekan dengan melakukan pengetikan kata kunci: "site:nama.blogzombie"

Sudah tahu apa itu blog zombie, sudah tahu apa manfaatnya, tinggal sekarang kita ulas bagaimana cara mendapatkan sebuah blog zombie. Sebetulnya terdapat beberapa cara dan software untuk mencari blog zombie. Disini akan kita bahas mengenai salah satu cara mendapatkan blog zombie.

Alat-alat yang diperlukan untuk berburu Blog Zombie
- Mozilla Firefox ( versi terbaru )
- Addons Link Checker
- addons Visited
- dan untuk tambahan Addons Seoquake

Pertama adalah Buka Google melalui Browser Mozilla firefox kemudian ketikan atau copy tulisan berikut :
- site:blogger.com/profile admin = paling banyak di pake.
- site:blogger.com/profile keyword Blogs I follow
- site:blogger.com/profile keyword Location: Indonesia = atau yg lainya.
- site:blogger.com/profile keyword On Blogger since October 2009 = atau yg lainya.
- site:blogger.com/profile keyword Gander: Male / Female

Kemudian muncullah Profil Profil blogger, setelah itu buka profil tersebut dan klik kanan page tersebut dan Check page link. Lalu lihat link-link rusak menurut warna yang kamu atur di Add-on LinkChecker.

Kemudian jika kamu menemukan blog seperti ini :
Maaf blog yang anda cari tidak ada. Namun nama xxxxx.blogspot.com tersedia untuk didaftarkan!
berarti blog tsb bisa anda daftarkan bisa menjadi milik blog kamu

Jika kau menemukan seperti ini :
Maaf, blog di xxxx.blogspot.com telah dihapus. Alamat ini tidak tersedia untuk blog baru.
Apa harusnya blog Anda ada di sini? Bacalah: 'Saya tidak bisa menemukan blog saya di Web, jadi ada di mana?' Blog tersebut tidak bisa ddidaftarkan jadi cari yang lain.

Selamat Membaca dan semoga artikel yang saya tulis mengenai Cara Memanfaatkan dan Menemukan blog Zombie bisa bermanfaat untuk kawan-kawan blogger semua.
LanjutGan Baca ??

Bahaya !!!! Hindari Over Optimization Pada Blog



Bahaya !!!! Hindari Over Optimization pada Blog
Pada kesempatan kali ini saya ingin men share ulang artikel  yang dipublikasikan oleh saudara Ma'ruf Hidayat tujuannya hanya ingin supaya orang-orang menjadi tau tentang bahaya Over Optimization pada Blog.

Oke daripada basa-basi kita langsung ke pembahasannya saja :
Hindari over optimization pada blog agar blog anda aman. Over optimization adalah proses berlebihan dalam melakukan optimasi. Ini juga termasuk dalam penyebab kegagalan dalam SEO, yang mengakibatkan blog anda akan berada di posisiyang paling rendah atau dalam tanda kutip "jelek" dan bisa saja blog anda akan hilang dari mesin pencarian google karena tidak terindeks.

Anda pasti tahu bahwa google selalu mengupdate blog atau situs "spam" yang melakukan over optimization (optimasi berlebihan). Jadi, berhati-hatilah dalam mengoptimasi situs/blog anda agar tidak masuk spam google. Over optimize ini memang bisa mengoptimalkan situs di SEARCH ENGINE, tapi di sisi lain, cara ini sangat tidak diajurkan karena google tidak suka situs seperti ini.

Sedikit saya kasih contoh apa saja yang bisa menyebabkan blog anda bisa OVER OPTIMIZATION :

  • Terlalu banyak melakukan EMPHASIZE, EMPHASIZE itu seperti menambah bold, italic, underline. 
  • Menambah banyak backlink dalam waktu yang singkat. 
  • Terlalu banyak mengulang kata kunci yang diincar di title tag
  • Terlalu banyak mengulang kata kunci yang diincar di heading tag
  • Variasi kata kunci yang minim, hanya 3 variasi kata kunci, Semua varian kata kunci adalah rich keywords yang high competition.
  • Penambahan kepadatan kata kunci pada artikel-artikel tertentu.
Mungkin itu sedikit hal-hal yang dapat menyebabkan OVER OPTIMIZATION, jika anda sering melakukan hal-hal seperti diatas, segera hentikan agar anda tidak terkena OVER OPTIMIZATION.

 Hukuman jika blog anda terkena OVER OPTIMIZATION :.
  • Sanksi yang paling ringan adalah halaman artikel anda akan ditendang atau artikel anda tidak berada pada posisi yang bagus.
  • Sanksi yang lumayan berat adalah halaman artikel anda akan dihapus dari indeks google
  • Sanksi yang paling berat adalah blog anda bisa terhapus beserta akun google blog tersebut.
Mungkin itu saja pembahasan tentang OVER OPTIMIZATION ini, sedikit kata dari saya, lihat dibawah ini

OVER OPTIMIZATION ADALAH SANKSI YANG SANGAT BERAT. BANYAK BLOG BERTRAFIK PULUHAN RIBU PER HARI DROP MENJADI PULUHAN PENGUNJUNG SAJA PER HARI...


Mungkin cukup pembahasan mengenai Bahaya Over Optimization pada Blog , Terima kasih sudah menyempatkan untuk membaca artikel ini dan semoga bisa bermanfaat bagi kawan-kawan blogger semua.

Tambahan :
-Jika anda ingin tau tentang apa sih penyebab kegagalan SEO silahkan klik DISINI
LanjutGan Baca ??

Widget Popular Posts Bulat dan Berputar



Popular Posts Circle Image Styles
InsyaAllah pada kesempatan kali ini, saya masih akan mengetengahkan modifikasi berbeda dari widget popular posts blogger, sebelumnya telah ada sedikitnya 4 widget popular posts dengan efek berbeda, kali ini modifikasi terletak pada style, dan juga penggabungan efek. Seperti tutorial kali ini, kita akan membuat widget popular posts dengan image circle style dan penambahan efek hover spinning pada thumbnails dan efek hover border dan background pada links.




Widget popular posts ini merupakan widget default blogger, modifikasi yang kita buat hanya menambahkan CSS3 sehingga dijamin tetap fast loading.
Nah jika anda tertarik menambahkan widget popular posts dengan image circle style pada blog anda, silahkan ikuti langkah-langkah pembuatannya sebagai berikut:
1. Setelah login ke akun anda pada bagian tata letak>> Tambah gadget>> Tambahkan popular posts bawaan blogger dan konfigurasikan widget dengan mencenteng kotak kecil thumbnail dan biarkan kosong pada kotak kecil snippet. Simpan.
2. Kemudian masuk pada bagian template>> edit HTML >> Cari kode ]]></b:skin>
3. Salin dan tempelkan kode CSS berikut diatas kode ]]></b:skin>

.popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border: 1px solid #58ACFA; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #CCE9FD;border:1px solid #58ACFA; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:70px;width:70px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
4. Simpan template dan lihat hasilnya ddiblog anda!
Demikian tutorial menambahkan widget popular posts dengan image circle style. Semoga bermanfaat
LanjutGan Baca ??

Membuat Emoticon Lucu Ala blogerch.com

Membuat Emoticon Keren Menambahkan Emoticon pada komentar bertujuan agar komentator bisa mengekxpresikan diri dengan emoticon yang ada agar suasana pada saat berkomentar menjadi lebih hidup. Kode Emoticon ini saya ambil dari MKR-Site dan saya beri sedikit tambahan CSS agar lebih menarik;
Berikut cara memasang Emoticon pada komentar Blogspot:
1. Login Akun Blogger anda
2. Pada Dashboard pilih Template » Edit HTML
3. Cari kode </body> kemudian letakkan kode berikut ini diatasnya!
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Klik untuk melihat code!",
emoMessage:"Untuk memasukkan emoticon setidaknya ada satu spasi sebelum kode emoticon."
})
});
//]]>
</script>
<script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/>
</b:if>
4. Untuk lebih menarik tambahkan kode CSS berikut ini dan letakkan diatas kode ]]></b:skin>
.emoWrap {
  position:relative;
  padding:10px;
  margin-bottom:7px;
  background:#fff;
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Opera */
background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%);
  border:3px solid #860000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);
  font-weight:normal;
  color:#333;
}
.emoWrap:after {
  content:"";
  position:absolute;
  bottom:-10px;
  left:10px;
  border-top:10px solid #860000;
  border-right:20px solid transparent;
  width:0;
  height:0;
  line-height:0;
}

5. Letakkan kode JQuery dibawah di atas kode </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
NB: Tidak boleh lebih dari satu kode jQuery pada template.  

6. SIMPAN TEMPLATE ANDA


Silahkan anda sesuaikan sendiri, Semoga Bermanfaat..
LanjutGan Baca ??

Modifikasi Tampilan Widget Statistik Bawaan Blogger

Modifikasi widget statistik bawaan bloggerKembali lagi dengan tutorial modifikasi widget statistik blog bawaan blogger, dan modifikasi ini adalah versi kedua. Perbedaannya dengan modifikasi versi pertama hanya terletak pada kode CSS adapun dari aspek desain: Yang pertama menggunakan background gambar icons dan berbentuk vertikal, sedangkan versi kedua ini hanya menggunakan background warna dengan horizontal style. Atau seperti screenshot disamping:

Adapun Fitur dari widget statistik blog ini:

Fitur

  • Menampilkan Jumlah postingan
  • Menampilkan Jumlah Komentar
  • Menampilkan Total Tayang Laman
Tertarik untuk menambahkannya pada blog anda? Baiklah silahkan ikuti langkah-langkah berikut:

Cara menambahkan widget statistis blogger ini ke blog

  • Pada dasbor pilih menu Tata Letak
  • Tambah Gadget --> Pilih widget Statistik blog
Widget Statistik Blogger
Pada kolom konfigurasikan widget, anda tidak perlu mengganti nama atau memilih tampilan, langsung klik simpan kemudian klik simpan setelan
  • Sekarang masuk menu Template --> Pilih edit HTML
  • Klik Ctrl+F dan cari kode ]]></b:skin>
  • Kemudian letakkan kode CSS berikut diatas kode ]]></b:skin>
#Stats1 ul{margin:0px 0;border:0;padding:0}
#Stats1 li{display:inline;width:28%;margin:0;border:0;background-color:#fff;background:#0090D5;color:#fff;float:left;padding:5px 7px;text-decoration:none;text-shadow:none;margin:0 1px 1px 0;font-size:12px;list-style-type:none}
#Stats1 h4{margin:0;font-size:18px;line-height:1.2em;color:#fff;text-shadow:none}
#Stats1 span{font-size:12px;color:#fff;text-shadow:none}
#totalComments{background-position:0 -68px}
#totalCount{background-position:0 -136px}

Anda bisa mengganti background, warna font pada kode CSS widget statistik diatas agar sesuai dengan desain template blog anda.
  • Klik Ctrl+F dan cari kode berikut:
<b:widget id='Stats1' locked='false' title='Total tayangan laman' type='Stats'/>
  • Setelah dapat, ganti kode tersebut dengan kode berikut:
<b:widget id='Stats1' locked='false' title='' type='Stats'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<li>
<h4 id='Stats1_totalPosts'>&amp;hellip;</h4>
<span>Posts</span>
</li>
<li id='totalComments'>
<h4 id='Stats1_totalComments'>&amp;hellip;</h4>
<span>Comments</span>
</li>
<li id='totalCount'>
<h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
<span>Pageviews</span>
</li>
</ul>
<script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('Stats1_totalPosts').innerHTML=json.feed.openSearch$totalResults.$t};function totalComments(json){document.getElementById('Stats1_totalComments').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments\"><\/script>');
//]]>
</script>
</div>
</b:includable>
</b:widget>
Anda bisa mengganti tulisan yang memiliki background warna diatas dengan kata-kata anda sendiri
  • Simpan template dan lihat hasilnya diblog anda.
Demikian tutorial modifikasi widget statistik bawaan blogger versi dua, jangan lupa untuk mengecek modifikasi widget statistik blog versi 1, dengan mengklik link title judul tersebut.
Terimakasih.
LanjutGan Baca ??

Membuat Tampilan Blog Grid Dan List


Display Grid And List

Cara Membuat Post Display Grid Dan List sudah berkali-kali saya mencari artikel semacam ini di mbah google namun memang jarang orang yang membuat tutorial ini dan kebanyakan semua dalam bahasa ingris. Sehingga di kesempatan kali ini saya akan mencoba membuatnya semudah mungkin. Saya menemukan artikel ini dari salah satu master css CSS TUTS , terima kasih mas Dendy Gustiana.. saya boleh menyebarluaskan artikel ini. SNah, sebelum saya mulai, apa yang di maksud dengan grid dan list? Penggunaan ini untuk menambahkan style pada readmore otomatis dengan javascript plus tumbnail. tombol switch ini hanya untuk mempercantik blog anda dan bisanya Display Grid Dan List ini di gunakan untuk blog dengan konten gallery, template blog, iklan, pemasaran produk, info movies, download software dan lain-lain.



Demonya bisa dilihat di blog saya sendiri klik di bawah ini :
DEMO SWITCH
Switch Display Grid And List
GRID: Posisi default saat membuka blog maka yang akan active adalah pada display grid.
LIST : untuk melihat artikel dengan keternagan serta gambar kita hanya cukup mengklik tombol list.

Contoh Display Grid Dan List


Artikel Grid : Jika pengunjung buka blog kita maka pada halaman depan blog secara default yang akan tampil adalah grid dengan artikel gambar. ini akan cocok sekali jika blog anda berupa blog dengan mengutamakan sebuah gambar.
Artikel List : pengunjung akan sangat terbantu dengan list ini agar pengunjung tidak perlu secara langsung membuka artikel blog untuk melihat keterangan. cukup klik timbol list maka keterangan akan muncul. seperti pada gambar di atas.

Cara Memasang Display Grid Dan List Pada Template
1. Masuk ke edit template. centang bagian  Expand Widget Templates .
2. Pasang HTML : cari kode seperti ini <b:section class='main' id='main' showaddelement='yes'> . ket : kode tersebut adalah widget post cari yang mirip saja. jika ketemu maka simpan HTML berikut di atas kode tadi.

<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='switch'>
<div class='switch-left'>
<span style='color: #CC0000;'>Recent</span> Post
</div>
<div class='switch-right'>
<a class='bar_view' href='#'>Grid</a>
<a class='dat_view' href='#'>List</a>
</div>
</div>
</b:if></b:if>
keterangan : perhatikan yang di garis bawahi (no.5). ganti sesuai yang anda inginkan.
2. Sisipkan class="bar" : cari kode<div class='post hentry uncustomized-post-template'>atau<div class='post hentry'> jika sulit menemukannya gunakan ctrl+F untuk mempercepat. biasanya kode tersebut lebih dari satu. sisipkan pada semua kode tersebut. jika ketemu maka sisipkan bar pada atribut class maka hasilnya akan seperti ini.

<div class='post bar hentry uncustomized-post-template'>
atau

<div class='post bar hentry'>
3. Pasang Javascript dan jQuery. cari kode </head>.
dan simpan kode berikut di atasnya.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://css3-tutsplus.googlecode.com/svn/trunk/personal/switch-display.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/**
* jQuery switch
*
* active class active pada switch grid atau list
* update by denddy gustiana
* http://under-88.blogspot.com/
* https://plus.google.com/109783772548428705949
*
*/
jQuery(document).ready(function () {
var $box=jQuery(".post"),
$bar=jQuery("a.bar_view");
$dat=jQuery("a.dat_view");
$dat.click(function () {
$box.removeClass("bar");
jQuery(this).addClass("active");
$bar.removeClass("active");
jQuery.cookie("dat_style", 0);
return false
});
$bar.click(function () {
$box.addClass("bar");
jQuery(this).addClass("active");
$dat.removeClass("active");
jQuery.cookie("dat_style", 1);
return false
});
if(jQuery.cookie("dat_style")==0) {
$box.removeClass( "bar");
$dat.addClass("active")
} else {
$box.addClass("bar");
$bar.addClass("active")
}
});
//]]>
</script>


Catatan : script yang di garis bawahi di atas adalah plugin jquery versi 7. jika pada template anda sudah terpasang maka jangan di pasang kembali
4. Pasang CSS : karena grid ini hanya di tampilakan pada bagian home dan menggunakan tag conditional maka kita akan menaruh css di bawah ]]></b:skin> .
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
/*FONT PT Sans Narrow*/
@font-face {
font-family:'PT Sans Narrow';
font-style:normal;
font-weight:400;
src:local('PT Sans Narrow'),local('PTSans-Narrow'),
url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v3/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format('woff');
}
/* CSS Untuk Tombol Switch*/
.switch {
border-bottom:5px solid #CC0000;
height:35px;
color:#444;
margin:0 10px;
padding:5px 9px;
text-transform:uppercase;
}
.switch-left {
width:360px;
float:left;
margin:0 auto;
padding-top:5px;
font:20px PT Sans Narrow;
text-shadow:1px 1px 0 #000;
color:#AAA;
}
.switch-right {
width:120px;
float:right;
margin:0 auto;
padding-top:10px;
}
.switch a {
border:1px solid #999;
font:11px Arial;
padding:3px 8px 3px 25px;
text-transform:none;
color:#aaa;
}
a.bar_view {
background:url(http://2.bp.blogspot.com/-7BeF7FZiHo0/T6vZzVSzTzI/AAAAAAAABJs/FlrWN7ZRxmk/s1600/drid.gif) no-repeat 3px center;
}
a.dat_view {
background:url(http://1.bp.blogspot.com/-43EW3Gjakwc/T6vZz6K4N_I/AAAAAAAABJ0/hi2LK0zc4JQ/s1600/listed.gif) no-repeat 3px center;
}
.switch a.active {
background-color:#aaa;
border:1px solid #999;
color:#111;
cursor:default;
}
/* CSS Bar untuk bagian grid */
.bar {
background-color:rgba(0,0,0,0.3);
border:1px solid #000;
box-shadow:0 0 0 1px #333;
-moz-box-shadow:0 0 0 1px #333;
-webkit-box-shadow:0 0 0 1px #333;
-o-box-shadow:0 0 0 1px #333;
display:inline;
float:left;
height:160px;
list-style:none;
margin:10px 0 0 9px;
overflow:hidden;
padding:2px 3px 5px;
position:relative;
text-align:center;
width:160px;
}
.bar h3 {
height:30px;
border:0 none;
line-height:8px;
margin:0 5px 5px;
padding:2px;
text-shadow:1px 1px 0 #000;
}
.bar h3 a {
font:14px PT Sans Narrow;
text-align:center;
line-height:16px;
}
.bar h3 a:hover {
color:#c1541a;
}
.bar .post-body {
background:none;
height:245px;
overflow:hidden;
width:167px;
padding:0;
margin:0 0 .3cm;
}
.bar img {
float:left;
height:110px;
margin:0 18px;
width:110px;
}
</style>
</b:if></b:if>

CSS yang saya gunakan sama seperti pada DEMO jika warna kurang cocok dengan template anda silahkan ganti sesuai kreasi anda dan di harapkan anda harus teliti membuat CSS karena itu maslah yang sering terjadi yang hasilnya kurang rapi
5. Simpan template anda dan lihat hasilnya.
Mengatasi kesalahan

Kebanyakan kesalahan biasanya pada bagian CSS karena pada template anda mungkin sudah banyak yang mengedit dengan berbagai style terutama pada bagian post dan gambar post yang hasilnya tidak rapi. serta readmore yang kurang benar cara pemasangannya. jika anda mengalami kesulitan dalam penempatan dan pengaturan css silahkan diskusikan untuk menemukan solusinya. dan jangan lupa tulis URL blog anda yang akan di pasang tutorial di atas. agar saya bisa mereview dan melihat kesalahan untuk mengatasinya.

semoga bermanfaat dan mohon maaf jika banyak kekurangan.
LanjutGan Baca ??

Facebook

Random Post


Komentar Terbaru