Advertise

Tampilkan posting dengan label Blogger. Tampilkan semua posting
Tampilkan posting dengan label Blogger. Tampilkan semua posting

Atasi Masalah Kotak Word Verification Komentar Tidak Muncul

Kali ini saya coba membahas sedikit Permasalahan yang sering terjadi pada kotak komentar. Dari beberapa blogger yang pernah dikunjungi ChugyGogog ternyata kotak komentarnya bermaslah. Contohnya untuk blog Simple Rey, ketika saya ingin berkomentar diblognya kotak Word verifikasi-y tidak muncul sehingga tidak bisa mempublish komentar. Contohnya seperti gambar dibawah ini.


Seharusnya dibawah word verification muncul kotak untuk menuliskan verifikasi tersebut, tapi di situ kotak penulisannya tidak muncul. Tapi yang saya bingung kenapa ada yang bisa berkomentar, sedangkan di kompi saya kotak word verifikation ini tidak muncul seperti gambar di atas....?

" Disini saya coba memberikan saran kepada Blognya Simple rei ataupun blogger lain yang mengalami masalah yang sama pada verification komentar untuk tidak mengaktifkan word verification pada pengaturan komentar ".

Yang menjadi permaslahan mungkin pada kotak word verification, dulu juga sempat terjadi kasus yang sama pada blog dicky renaldi. ketika dia baru mengganti template.

Fitur blogger sekarang sudah cukup lengkap dengan tambahan filter komentar, jadi jangan takut kalau ada komentar Spam...karena kita bisa mengaturan setiap komentar yang masuk.

Mungkin ada masukan lain dari blogger yang pernah mengalami masalah seperti ini. Trimakasih.

Mengatur Jumlah Posting Yang Tampil Pada Label Part 2

Melengkapi tutorial blogger sekaligus memberikan altenatife pengaturan pada label yang kemarin - kemarin telah diposting diantaranya Mengatur label cloud dengan hover background, dan juga cara manual mengatur jumlah posting pada label, dan untuk melengkapinya saya memberikan alternative lain cara mengatur jumlah posting yang ditampilkan pada label dengan mengedit secara langsung di HTML.

Kelebihan meng-edit langsung jumlah label pada bagian HTML yaitu setiap label yang dipasang baik mode Daftar maupun Cloud, maka jumlah posting yg tampil akan sama sesuai dengan angka / jumlah label yang diinginkan.

Langsung pada tutorial cara mengatur jumlah posting pada label :

Masuk Rancangan > Edit HTML.
Beri tanda centang pada Expand Template Widget.
Sekarang Cari kode seperti dibawah ini :

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>

Biasanya ada dua kode yang sama seperti diatas, tempatnya sedikit kebawah dari kode yang pertama. Kalau tidak ada satu juga tidak masalah.

Silahkan diganti kode tersebut dengan kode dibawah ini:

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?max-results=5&quot;'>

Angka 5 merupakan jumlah posting yang akan ditampilkan ketika label di klik. silahkan diganti sesuai dengan keinginan anda.

Jika sudah silahkan simpan, selamat mencoba.

Label Cloud Dengan Hover Background Ronded Corner

Kali ini saya coba memodifikasi tampilan dari label cloud dengan menambahkan hover background ronded corner pada setiap link label cloud tersebut, secara standar label cloud ataupun link akan mengikuti pengaturan tautan link standar dari template anda.

label cloud hover background

Langsung pada tutorial mengatur Label cloud dengan hover background caranya seperti berikut :

Pertama tambahkan label cloud terlebih dahulu pada blog anda
Tambah Gedget > Label > Cloud > Simpan.

Masuk pada Edit HTML masukan kode di bawah ini pada bagian CSS atau diatas kode ]]></b:skin&gt;

#Label1{
margin:0px;
padding:6px
}
#Label1 .widget-content{
line-hight:1.4em;
text-align:center;
margin:0px; padding:10px
}
#Label1 a{
text-shadow:1px 1px 0 rgba(255,255,255,0.8);
color:#000;
text-decoration:none; padding:4px;
}
#Label1 a:hover{
padding:1px 4px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
-moz-border-radius:5px; border-radius:5px;
background:#a0a0a0; color:#fff;
}

Pratinjau terlebih dahulu kalau sudah cocok silahkan disimpan.

NB :: Untuk hover background saya menambahkan ronded corner dan juga teks shadow silahkan di rubah sesuai selera anda, anda juga bisa mengcustom padding dan margin agar lebih pas dengan template anda. Selamat mencoba.

Download Patern Paper Untuk Background

Kali ini saya akan memberikan link download koleksi pattern dengan gaya paper atau kertas yang bisa blogger gunakan sebagai background dasar template. Setelah sebelumnya memposting seputar CSS3 yaitu membuat Hover Background Transitions menggunakan CSS3.

Patern background ini menurut saya cukup menarik karena miliki karakter yang cukup simple, dengan mengambil textur seperti kertas, Pattern background ini saya dapat dari situs http://www.3quarks.com.

Di bawah ini ada beberapa sample background pattern yang saya ambil dari situsnya langsung.

free patern background

Lihat koleksi patternnya klik disini
Langsung download Klik disini

Hover Background Transitions CSS3

Transitions dalam CSS3 bisa diartikan sebagai perubahan warna yang bisa kita gunakan untuk merubah warna background pada bagian element halaman tertentu. Transition ini mungkin hampir sama dengan hover pada tautan link yaitu ketika mouse menyentuh link maka link tersebut bisa berubah warna, teks, ataupun backgroundnya sesuai dengan pengaturan tautan link anda.

Saya coba membuat Transitions CSS3 ini pada bagian Body komentar, untuk contoh silahkan arahkan kursor mouse anda pada bagian body komentar di blog ini. Pada saat kursor menyentuh bagian body comentar, background body comentar akan berubah warna.

Untuk cara pembuatan Transitions CSS3 ini bisa langsung ikuti caranya di bawah ini.

Pertama masuk pada Edit HTML
Cari kode seperti dibawah ini

#comments-block .comment-body {
background-color: #DEB887;
margin:.25em 0 0;
}

Tambahkan kode Transitions CSS3 seperti ini.

background-color: #DEB887;
-o-transition-property: background-color;
-o-transition-duration: 1s;
}

Lanjutkan dengan menambahkan kode Hover Transitions nya seperti di bawah ini. letakan tepat dibawah kode di atas.

#comments-block .comment-body:hover { background-color:#b0b0b0; }

Maka hasil kode keseluruhan akan seperti ini.

#comments-block .comment-body {
background-color: #DEB887;
-o-transition-property: background-color;
-o-transition-duration: 1s;
margin:.25em 0 0;
}

#comments-block .comment-body:hover { background-color:#b0b0b0; }

Jika sudah silahkan di save dan anda lihat hasilnya.

Transitions ini bisa juga di terapkan pada bagian bagian posting, sidebar, foter dll. untuk caranya hampir sama dengan diatas.

NB : Silahkan ganti kode warna untuk background dasar comments-block dan hover transitions dengan mengganti teks yang di cetak tebal.
Bagian -o-transition-duration: 1s; merupakan pengaturan untuk mengatur cepat lambat pergantian transition , silahkan dirubah pada bagian "1s" semakin besar angkanya maka akan semakin lambat pergerakannya.

Hover Tab Menu CSS3 Tanpa Javasript

Akhirnya bisa beres juga mengganti tampilan template blog ini, walaupun cukup lama dalam pengeditan dan koneksi inet yang lagi ngadat tapi alhamdullilah akhirnya beres juga dan bisa kembali menulis postingan lagi, sebelumnya saya meminta maaf kalau pengunjung blog ini dibuat tidak nyaman dengan tampilan blog ini.

Masih seputar CSS3, Untuk sekarang saya akan membahas cara membuat Hover Tab Menu CSS3 tanpa Javasript. Tab menu mungkin sudah tidak asing lagi untuk blogger karena dari sekian blog yang pernah saya singgahi hampir 50% memasang tab menu.

hover tab menu css3

Lihat demo Hover Tab Menu CSS3 tanpa Javascript

Tab menu ini cukup simple dan menarik dan saya rasa belum banyak yang memansang tab menu seperti ini. Tab Menu CSS3 ini di buat oleh www.kamikazemusic.com jadi silahkan blogger langsung ke situsnya untuk melihat atau mencoba membuat hover tab menu CSS3 tanpa Javascript.

Langsung pada Tutorial pembuatan Hover Tab Menu CSS3

Bikin Menu Dengan CSS3 Style "Free CSS3 Menu Maker"

Kayanya masih seputar CSS3 yang akan di bahas untuk postingan sekarang, mudah mudahan tidak bosan ya. Untuk kali ini saya akan memberikan info cara membuat Menu CSS3 Style simple nan cantik dengan bantuan program dari CSS Menu yaitu Free CSS3 Menu Maker.

Postingan sebelumnya seputar CSS3 bisa lihat di bawah ini.
(+) Buat Box Shadow dengan CSS3
(+) Menambahkan Stroke Pada Teks "Judul Blog Dengan Stroke"

Free CSS3 Menu Maker,menu navigasi CSS3

Program Free CSS3 Menu Maker ini bisa di download secara gratis, Free CSS3 Menu Maker akan memudahkan anda untuk membuat menu navigasi dengan gaya CSS3.

Lihat Demo
Link Download


Buat Box Shadow dengan CSS3

Melanjutkan postingan seputar CSS3 yang di aplikasikan pada Teks Stroke, walaupun hanya sekelumit membahasnya karena memang saya juga masih belum begitu mendalami tentang CSS3. Dan kebetulan kemaren Bang Hendro komentat tentang Teks stroke ini yang bisa dimplementasikan dengan box Shadow.

Thanks buat bang Hendro yang sudah memberikan tambahan untuk pengaplikasian CSS3 ini. dan sekarang saya coba mengaplikasikan CSS3 ini dengan membuat BOX SHADOW atau Kotak dengan tambahan bayangan menggunakan CSS3.

Beberapa sample Box Shadow bisa dilihat di bawah ini:

-moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;


-moz-box-shadow: 0px 20px 10px -10px #888;
-webkit-box-shadow:1px 1px 10px #888;


-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow:1px 1px 10px #888;


-moz-box-shadow: inset 1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;


Box Shadow di atas hanya beberapa saja mungkin untuk lebih berfariasi model,warna,tebal tipis bayangan-nya "Shadow" bisa di custom sesuai selera masing masing.

Box shadow ini bisa digunakan untuk membuat Teks area atau juga bisa dipasang pada background tamplate Blogger dll. Selamat mencoba.

Menambahkan Stroke Pada Teks "Judul Blog Dengan Stroke"

Stroke merupakan outline (garis luar) pada teks, Stroke ini biasanya digunakan untuk memperjelas dan mempertegas dari teks, penggunaan stroke ini ternyata bisa di aplikasikan pada kode css dan bisa di pasang pada teks di blog.

Untuk contoh lihat saya memasang Teks Stroke ini pada Judul Blog "H1" bisa dilihat contohnya disni atau gambar dibawah ini ::

teks stroke
Untuk membuat teks Stroke caranya cukup mudah, Teks Stroke ini mungkin hampir sama dengan Teks sahadow karena memang disini menggunakan Teks sahadow untuk membentuk sebuah Teks Stroke.

Untuk memasang teks stroke caranya cukup mudah.

Masuk pada Edit HTML
cari kode h1.title {
Masukan code css di bawah ini di bawah kode h1.title {

color:#000000;
text-shadow:
-1px -1px 0 #f3f3f3,
1px -1px 0 #f3f3f3,
-1px 1px 0 #f3f3f3,
1px 1px 0 #f3f3f3;

Silahkan di Preview terlebih dahulu, kalau cocok silahkan di save.

Silahkan di ganti warna teks dan warna stroke serta ketebalan dari stroke diatas, dengan merubah angka angka angka tersebut.

Teks Stroke ini bisa di pasang pada Judul Blog "H1" judul posting "H3" Judul Sidebar "H2" atau pada teks posting silahkan di sesuaikan saja, Selamat mencoba.

Mempercantik Tampilan Email Subscribe Dan RSS Feeds

Mempercantik tampilan blog merupakan salah satu tips membuat pengunjung nyaman diblog atau webblog. Banyak cara dilakukan unuk mempercantik tampilan blog dari pengaturan warna template, layout dan lain lain.

Salah satu cara mempercantik blog yaitu memasang Email Subscribe dan RSS Feeds, Dua subscribel ini memang sangat berguna sekali untuk pemilik blog tentunya Blogger sudah mengetahuinya.

kali ini saya coba membuat Email Subscribe dan RSS Feeds dengan menggunakan image dan Horizontal Rule atau kalau dalam bahasa coding-ya "hr".

Contoh di bawah ini :

Email
Subscribe Via Email

rss icon chugyRSS Feed
Subscribe Via RSS Feed


Untuk membuatnya caranya cukup mudah.

Pilih Tambah Gadget >> HTML/JavaScript.
Masukan kode di bawah ini.

<img src="http://2.bp.blogspot.com/_lh4qH1cW0XQ/THT99f82oYI/AAAAAAAACKk/XMoR8x2gZQM/s400/email.png" alt="" style="float:left; vertical-align:middle;margin:0px; padding-right:10px;border:0" /> <span style="font-weight:bold;">Email</span><br />
<a href="http://feedburner.google.com/fb/a/mailverify?uri=chugygogog&amp;loc=en_US">Subscribe Via Email</a>
<hr style="color: #f1f1f1;font-size:1px;" />
<p></p>
<img src="http://4.bp.blogspot.com/_lh4qH1cW0XQ/THWX8C-ctbI/AAAAAAAACLE/2fTaT1ipmE0/s400/rss.png" alt="rss icon chugy" style="float:left;vertical-align:middle;margin:0px; padding-right:10px;border:0" /><span style="font-weight:bold;">RSS Feed</span><br />
<a href="http://chugygogog.blogspot.com/feeds/posts/default">Subscribe Via RSS Feed</a>
<hr style="color: #f1f1f1;font-size:1px;" />

  • Text warna merah merupakan image yang bisa diganti dengan image blogger.
  • Text Warna kuning silahkan ganti dengan alamat Email Subscribe dan Rss feeds blogger.
  • Text Warna Hijau merupakan style untuk Horizontal rule, bisa diganti dengan warna dan ketebalannya sesuai keinginan blogger.
Selamat mencoba.

Jadi No 1 Di Search Engine "Gunakan Black Hat SEO Di Blog"

Melanjutkan postingan yang sebelumnya yang membahas Metode Black Hat SEO yang ternyata masih Ampuh untuk mendongkrak blog masuk pada posisi teratas di mesin pencari (search engine). dan sekarang saya coba menerapkan atau mengaplikasikan Metode Black Hat SEO pada halaman blog.

Silahkan baca postingan sebelumnya mengenai Black Hat SEO.
" Metode Black Hat SEO Masih Ampuh "

Berikut ini cara penerapan atau pemasangan Metode Black Hat SEO di blog ::

Pilih Rancangan → Edit HTML → Cari ]]></b:skin>
Masukan Kode Di bawah ini di atas kode ]]></b:skin>

#target-seo {
float:left;
margin:-4500px;
padding:-3000px;
}

div id="target-seo">
<h1>
<a href="http://linktarget.com/"title="keyword">keyword</a>
</h1>
</div>

Pratinjau terlebih dahulu,kalau tidak Eror silahkan di Simpan.

Pilih Rancangan → Edit HTML → Cari ]]></b:skin>
Masukan Kode Di bawah ini di atas kode ]]></b:skin>

<a name="top"></a>
<div align=left><font face-verdana,arial size=1>

<a href="http://www.judulpostingbloganda.blogspot.com/"title="keyword">keyword</a> |
<a href="http://www.judulpostingbloganda.blogspot.com/"title="keyword">keyword</a> |
<a href="http://www.judulpostingbloganda.blogspot.com/"title="keyword">keyword</a> |
<a href="http://www.judulpostingbloganda.blogspot.com/"title="keyword">keyword</a> |
<a href="http://www.judulpostingbloganda.blogspot.com/"title="keyword">keyword</a> |
<a href="http://www.judulpostingbloganda.blogspot.com/"title="keyword">keyword</a> |

Pratinjau terlebih dahulu,kalau tidak Eror silahkan di Simpan.

Metode ini kita menggunakan Baner exchane untuk menyembunyikan keyword yang ditargetkan.

<!-- star baner -->
<a href="http://blogkamu.blogspot.com"><img border="0" alt="keyword" src="http://alamat penyimpanan gambar.jpg"/></a>
<noscript><a href="http://blogkamu.blogspot.com" title="target_keyword"><b>target_keyword</b></a></noscript>
<!--end banner -->


Jika sudah silahkan anda sebarkan baner exchange yang telah anda masukan keyword tersebut.

NB :: Ganti teks yang berwarna hijau dengan alamat postingan di bog anda dan juga Keyword yang ingin ditargetkan.
Untuk Teks warna merah ganti dengan alamat penyimpanan baner anda.

Mudah mudahan dengan menerapkan Black Hat SEO Blog anda akan menjadi No 1 Di Search Engine . Selamat mencoba.

Metode Black Hat SEO Masih Ampuh

Untuk postingan kali ini saya mencoba sedikit share pengetahuan saya yang masih minim dalam dunia SEO.dan saya mencoba membuat postingan seputar Black Hat SEO. Mungkin untuk sebagian blogger khususnya yang bergelut di Bidang SEO sudah tidak asing lagi dengan tehnik Black Hat SEO yang merupakan salah satu metode yang banyak di gunakan dalam dunia blogging.

Saya coba mengulas sedikit tentang Black Hat SEO dan memberikan contoh pemasangan dan penggunaan Black Hat SEO pada blog, karena Metode Black Hat SEO Masih Ampuh dan terbukti banyak blogger yang masih menggunakan metode ini.

Black Hat SEO merupakan metode yang digunakan untuk memaksimalkan atau mengoptimalkan konten dari blog anda dengan menyembunyikan keyword atau kata kunci yang di targetkan pada blog.

Balck Hat SEO sering dipahami sebagai tehnik SEO yang kurang baik jadi gunakanlah metode ini sebaik baiknya dan jangan terlalu berlebihan dalam penerapannya supaya aman.

Metode Black Hat SEO yang biasa di gunakan diantaranya:
  • Metode Hidden Keyword Frase :
    Metode ini dipasang pada template blog dengan menyelipkan frase kata kunci (Keyword) tanpa di ketahui oleh pembaca.

  • OnPage Hidden Keyword :
    Metode ini hampir sama dengan metode Metode Hidden Keyword Frase namun kita bisa menambahkan atau memasukan beberapa keyword sekaligus.

  • OffPage Hidden Keyword :
    Metode ini mengoptimalkan kekuatan SEO dari luar area blog. contohnya dengan memasukan keyword pada baner, atau lebih dikenal dengan baner exchange

Selanjutnya saya akan membahas cara penerapan ke tiga metode Black Hat SEO Pada blog, di postingan selanjutnya .

Mari Blogger 'Kita Flag Blogger Malaysia Yang Melecehkan Negara Kita'

Sudah hampir lima hari blog chugygogog.blogspot.com tidak update postingan, di karenakan ada kegiatan ofline yang cukup menyita waktu maklum lah lagi kejar setoran buat lebaran. Dan baru sempat sekarang untuk nulis postingan lagi. Untuk postingan ini saya akan sedikit memberikan tips untuk blogger.

Mungkin blogger sudah pada tahu konflik antara Indonesia dan Malaysia yang masih hangat, Konflik ini ternyata merambat sampai dunia maya khususnya para blogger malaysia yang ikut ikutan melecehkan dan menjelek jelekan negara Indonesia.

Waktu itu saya membaca postingan salah satu blogger malaysia yang menjelek jelekan negara Indonesia, mungkin blogger juga sudah banyak tahu akan hal ini. Rasanya hati ini tidak terima melihat Negara kita ini di jelek jelekan oleh negara malaysia.

Disini saya coba memberikan saran untuk kita semua khususnya blogger untuk bersama sama men-flag blog tersebut. Adapun caranya untuk bisa men-flag blog tersebut bisa dilihat dibawah.

Tips ini saya dapat dari pakar IT Ono W Purbo. untuk bisa men-flag blogger yang mengandung konten SARA, Pornografi, dan lain sebagainya. Khusus untuk blog yang menggunakan jasa Blogspot,

Langkah yang perlu dilakukan untuk Men-flag Blog.

1. masuk ke blog tersebut

2. kemudian di sebelah atas klik "Laporkan Penyalahgunaan"

3. Pilih "Hate or Violence" klik "Continue"

4. Klik "Continue"

5. Klik "Submit"

Lakukan ini oleh sebanyak mungkin orang supaya Blogger.com men-disable Blog tersebut. Mari kita bersama sama Melakukan cara ini supaya blog tersebut bisa di disable oleh pihak blogger. Untuk alamat blognya kunjungi di http://indonbodoh.blogspot.com.

Program CSS Editor Yang Cukup Mudah Digunakan

Untuk blogger yang suka Utak - atik template atau sering bergelut dengan coding CSS untuk blog atau Webblog tentu membutuhkan fasilitas yang dapat menunjang kebutuhan anda. Diantara dengan menggunakan Program CSS Editor. Ada banyak Program CSS Editor yang digunakan oleh desainer Blog atau Desainer Website Diantaranya program Dreamwever.

Dreamweaver merupakan program yang cukup terkenal bagi para desainer template karena fiturnya yang cukup lengkap. Tapi buat anda yang kurang menguasai dengan Program Dreamweaver anda bisa menggunakan pilihan Program CSS Editor yang simple dan mudah gunakan.

dibawah ini ada beberapa Program CSS editor yang bisa anda jadikan pilihan untuk megolah dan mengedit Code CSS.


Program diatas merupakan CSS Editor yang disediakan dari situs situs tersebut, jadi silahkan anda pilih yang menurut anda mudah digunakan. walaupun tidak semua CSS Editor di atas gratis. tapi anda bisa mencoba CSS Editor yang gratisannya. Selamat mencoba.

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.