Cara Update status facebook bikinan sendiri

Nah bosen kan update status FB yang itu-itu aja..
cobain deh yang satu ini biar status anda keren di beranda facebook alias Update status via sendiri (via apa saja)
Penasaran kan? gak ada salahnya yang belum pernah dengar update status via apa aja untuk mencobanya.
buruan deh tinggal pilih update pake apa aja.
cukup simple kok, click link dibawah ini yang kamu suka terus tulis deh apa yang anda pikirkan.
NB: pastikan anda sudah login di www.facebook.com untuk bisa menjalankan app ini.

./Greetz:  Hehehe simple kan :) anda juga boleh request kok agar app anda bisa ditampilkan disini, alias update status bikinan anda sendiri nongkrong diblog ini..

Merubah Template 2 kolom Menjadi Tiga Kolom

Secara default Blogspot hanya menyediakan satu buah kolom sidebar dan satu buah kolom untuk postingan. Bagi anda yang ingin menambah kolom pada template menjadi 3 bagian dapat melakukan penambahan skrip CSS. Setiap template script nya tidak sama persis karena itu pada tahap ini anda harus benar-benar teliti.

Berikut Cara-caranya:

1. Akses Blogger anda

2. Masuk kehalaman Dasboard

3. Klik Layout lalu pilih Edit HTML

4. Backup terlebih dahulu template anda dengan mengklikDownload Template Lengkap

5. Sesudah itu pada Edit HTML cari script yang mirip dengan script berikut ini:

#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

6. Sekarang ubah wrapper (bagian luar) yang M.A beri warna merah menjadi width:950px:

7. Klik Save Template

9. Sekarang akses blogspot anda dan lihat hasilnya. Kini pada bagian wrapper terdapat space kosong.

10. Sekarang masuk kembali ke menu Edit HTML. Sekarang kita akan menggubah ukuran sidebar, Carilah script berikut ini:

#sidebar-wrapper {
width: 220px;
float: $enSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

11. Ubah script berwarna merah diatas menjadi width:250px;

12. Klik Save Template

13. Akses Blogspot anda dan perhatikan pada sidebar akan memiliki lebar yang lebih dibandingkan sebelumnya.

14. Masuk kembali ke menu Edit HTML dan cari script berikut ini:

#sidebar-wrapper {
width: 250px;
float: $endSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

15. Copy script CSS diatas, lalu tempatkan dibawah nya dan ubah menjadi seperti di bawah ini:

#second-sidebar-wrapper {
width: 250px;
float: $startSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

Sehingga hasilnya seperti dibawah ini

#sidebar-wrapper {
width: 250px;
float: $enSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

#second-sidebar-wrapper {
width: 250px;
float: $startSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

16. Klik Save Template

17. Kemudian cari script berikut ini:

<div id="'main-wrapper'">
<b:section class="'main'" id="'main" showaddelement="'no'">
<b:widget id="'Blog1'" locked="'true" title="'Blog" type="'Blog'/">
</b:widget>
</b:section></div>
<div id="'sidebar-wrapper'">
<b:section class="'sidebar'" id="'sidebar'" preferred="'yes'">
<b:widget id="Profile2" locked="false" title="About Me" type="Profile">
<b:widget id="BlogArchive2" locked="false" title="blog Archive" type="BlogArchive2">
<b:widget id="followers2" locked="false" title="Followers" type="Followers">
</b:widget>
</b:widget></b:widget></b:section></div>

18. Kemudian dibawah nya anda letakkan script berikut ini:

<div id='second-sidebar-wrapper'>
<b:section class='sidebar' id='second-sidebar' preferred='yes'/>
</div>

Script diatas digunakan untuk memanggil second-sidebar-wrapper yang sudah dibuat script CSS nya.

19. Klik Save Template

Sekarang coba anda masuk kehalaman Page Element. Pada Page Element terdapat sidebar yang baru saja anda buat dan anda bisa menmbahkan gadget baru pada sidebar tersebut.

Bila sidebar letaknya terlalu mepet dengan postingan anda bisa menambah padding atau space jarak antar kolom postingan dengan sidebar yang baru anda buat tadi. Caranya cari script berikut ini:

#second-sidebar-wrapper {
width: 250px;
float: $startSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

dan tambahkan script padding-left:10px; pada script diatas sehingga menjadi seperti dibawah ini:

#second-sidebar-wrapper {
width: 250px;
padding-left:10px;
float: $startSide;
word-wrap: break-word;
/* fix for long text text breaking sidebar float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float
*/
}

Lalu klik Save Template.

Selamat.... sekarang template anda menjadi 3 kolom yaitu 2 sidebar dengan 1 kolom postingan

Selamat mencoba, semoga berhasil.

Blog Mu Ciri Khas Mu

"Ciri Khas". Mungkin kata ini sudah tidaklah asing lagi kita dengar ditelinga kita. terkadang hal inilah yang membuat sebagian besar seseorang dapat menjadi sukses. Mengapa....? ini dikarenakan kita akan tampil lebih beda dibandingkan dengan yang lain, misalnya, jika kita mempunyai sebuah penemuan lantas penemuan kita itu sudah ada atau umum orang ciptakan, penemuan tersebut mungkin akan disepelehkan oleh sebagian orang, dan orang yang bertujuan untuk mencari barang tersebut pasti akan mencari barang yang mempunyai kualitas terbaik dan terpercaya. hal inilah yang membuat persaingan kita menjadi sangat berat, apalagi jika kita masih orang baru maka sangat sulit untuk mengalahkan saingan-saingan kita yang sudah senior. namun jika penemuan kita berciri khas dari penemuan-penemuan yang lain, mungkin orang akan mempertimbangkan penemuan kita dikarenakan mempunyai "ciri khas" berkualitas yang berbeda dari yang lain.

seperti yang diceritakan Mas Dedy Corbuzer dalam acaranya di TV hari Senin, 17 januari 2011 : ada seorang kuli bangunan yang bekerja keras dengan sangat giat, namun dia mulai mengeluh dengan keadaannya saat ini yaitu jabatannya tidak pernah dinaikkan. hingga kuli bangunan itu menceritakan hal ini di salah satu bosnya 'huhh.....saya sudah bekerja keras tapi kenapa gaji dan pangkat saya tidak pernah naik' lalu bosnya menjawab : sebaiknya kau menggunkan topi biru pada saat bekerja. lalu kuli tersebut menggunkan topi yang sudah disarankan tadi. dan akhirnya gaji dan pangkat kuli bangunan tersebut naik dan terus naik. mengapa ini bisa terjadi......? bukan karena topi yang digunakan ada mantranya, tapi semua kuli bangunan yang bekerja di tempat tersebut menggunkan topi berwarna merah dan yang menggunakan topi berwarna biru hanya dia sendiri, maka hal inilah yang membuat dia semakin diperhatikan karena kinerjanya yang sangat baik tersebut.

Lantas jika kita menerapkan hal ini di blog kita apakah berguna.......? jawabannya sangat berguna, karena jika blog kita berciri khas secara otomatis orang yang mengunjungi blog kita akan merasa mendapatkan hal yang baru dan berbeda dari yang lain. contohnya saja blog ini (o-om.com) yang mempunyai ciri khas memberikan tutorial yang bukan hasil copas(hehehe....cuman ini ciri khas yang saya tau dari blog ini kalo ada yang lebih silahkan tambahkan :)

Pembaca : sudah cukup basa basinya saya sudah mulai bosan langsung saja masuk ke topik. penulis : ok saya mulai. berikut saran yang akan saya berikan untuk diterapkan di blog kalian agar mempunyai sebuah ciri khas :

1. jika blog kalian mempunyai postingan yang bukan kreativitas sendiri sebiknya tinggalkan, mungkin sebagian besar pembaca akan malas berkunjung ke blog kita dikarenakan pembaca akan mencari artikel yang memang dari sumbernnya.

2. kata-kata yang kita gunakan pun harus berciri khas. Contoh : Sobat, Bro, Gan,Dll. misal salah satu artikel kita berbunyi seperti ini : "jika membaca postingan ini mungkin 'sobat' akan merasa bingung jadi sebaiknya baca artikel sebelumnya" Ok Bro....... atau mungkin kata-kata yang sobat (ups ketularan hahahaha......) gunakan mempunyai penegasan-penegasan dalam kata-kata tertentu.

3. atau mungkin blog kita mempunyaio ciri khas update postingan tiap hari, kenapa tidak...? ini sangat berguna loh untuk menambah visitor yang datang ke blog kita. tapi jujur saja saya selaku penulis tidak mampu dalam hal ini hehehehe.....

4. usahakan template kita pun mempunyai desain yang berbeda dari yang lain dengan cara menggabungkan pewarnaan yang saling berkaitan satu sama lain sehingga membentuk suatu keharmonisan yang tak terduga. tetapi jika kita menggunkan template yang hanya membuat mata pembaca menjadi sakit (alias menderita), saya jamin pembaca sudah lari lebih dulu sebelum membaca postingan kita. ini dikarenakn pewarnaan template kita yang saling bertabrakan sehingga otomatis mata akan cenderung mencari warna yang lebih terang. hal ini sering terjadi pada template yang menggukan latar background hitam. mis : penggabungan warna hitam dengan tulisan yang berwarna putih yang abu-abu. tapi masih bisa gunakan warna bertabrakan kok. contohnya penggbungan warna 'hitam dengan ungu'.

5. penggunaan adsense pun debenarnya masuk dalam ciri khas, karena jika menggunkan adsense yang berlebihan saya jamin tampilan blog kalian akan berantakan apalagi jika meletakkan adsense tersebut di sembarang tempat pasti lebih berantakan. apa kalian mau kalau blog kalian mempunyai ciri khas seperti ini.....? yaph........ mungkin sampai sini saja tips yang saya berikan mengenai ciri khas kalo ada tambahan silahkan komen aja.

10 Tips Mempromosikan Blog Secara Offline

Mungin sehauh ini anda hanya mempromosikan blog anda secara online (lewat milis, mendaftarkanya ke berbagai direktori, dll) teapi pernahkah terpikir di benak anda untuk mempromosikan blog anda secara offline. walaupun cara ini terbilang kuno, sangat tradisional, dan tidak praktis, tapi tidak ada salahnya untuk mencoba bukan?
Dibawah ini adalah tips-tips yang anda bisa coba:

1. Dari mulut ke mulut, cara ini tergolong sangat efektif dan sangat mudah untuk dilakukan apalagi bila anda tipikal orang yang senang mengobrol dengan teman atau senang bersosialisasi dengan banyak orang! ceritakan hal-hal yang menarik yang pada akhirnya membuat target tertarik dan mengunjungi blog anda.

2. Membuat tulisan pada kolom surat kabar atau majalah. walaupun hal ini tergolong sulit tapi anda bisa bayangkan apabila anda membuat tulisan untuk sebuah surat kabar atau majalah yang dibaca oleh ribuan atau jutaan orang!!!!! untuk tips yang satu ini anda hanya perlu membuat artikel yang berkenaan dengan salah satu posting yang terdapat pada blog anda dan di akhir artikel sisipkan alamat url psting tersebut.

3. Mengikuti berbagai even blogger, karena dengan mengikuti acara atau even tersebut anda bisa bertemu blogger lain untuk saling berbagi informasi dan ide juga membuat pertemanan dan membuat komunitas baru dengan mereka, yang pada akhirnya akan menaikan reputasi blog anda.

4. Membuat grup/ komunitas blog anda sendiri! dengan cara ini diharapkan anda diibiratkan mempunyai sebuah pasukan yang sangat loyal dan akan sering berkunjung ke blog anda! tapi hal ini tidak semudah yang dibicarakan, membuat sebuah grup yang benar-benar aktif harus mempunyai perencanaan yang sangat baik. Contoh grup yang anda buat harus benar-benar memiliki tujuan yang spesifik, dan target anggota yang spesifik juga! dan menurut sumber yang saya baca grup tersebut harus mempunyai sebuah program yang bisa membuat para anggotanya ikut terlibat didalamnya.

5. Menjadi sponsor sebuah event! tips ini hanya bisa dilakukan apabila anda memang benar-benar mempunyai dukungan finansial yang sangat baik entah itu berasal dari pendapatan blog anda sendiri atau lainya. Saya sendiri belum bisa melakukan tips yang satu ini, tapi saya bisa membayangkan apabila logo dari blog saya bisa berkibar di salah satu event walaupun itu hanya sebuah even kecil semacam pensi d semacamnya, selain blog kita semakin dikenal kita juga sebagai blogger akan merasa bangga dan bahagia.... I hope someday......
6. Membuat berbagai merchandise dengan merek blog kita, dengan merchandise-merchandise yang memiliki logo atau semacamnya, selain kita mempromosikan blog kita kita juga bisa mengahsilkan uang dengan menjualnya (sambil menyelam minum air.... he2x), tapi disarankan untuk tahapan awal merchandise-merchandise tersebut anda gunakan sebagaih hadiah kepada pengunjung untuk menarik minat mereka.

7.Melakukan interview di statsiun radio lokal! apabila pada sebuah stasiun radio lokal terdapat sebuah acara yang membahas dunia teknologi informasi dan internet apalagi kalu itu sudah menjurus pada dunia blogging, ini adalah sebuah kesempatan bagus untuk mempromosikan blog anda dengan cara anda menjadi nara sumber atau semacamnya pada acara tersebut! bagai mana cara mempromosikan web anda itu tergantung pada masing-masing individu(terkait dengan kemampuan berbicara anda). selain itu saya tidak bisa memberitahu secara pasti caranya agar anda bisa menjadi nara sumber di acara tersebut (lakukan apa yang diperlukan untuk bisa mewujudkanya, semisal apabila di stasiun radio tersebut terdapat sodara anda bisa melobinya bukan)

8. Iklan, apabila selama ini kita hanya sering beriklan lewat google Addwords dll, sekarang anda bisa mencobanya dengan beriklan di koran, majalah, lewat poster, stiker, pamflet, atau iklan di teve mungkin...... tidak ada salahnya mencoba bukan

nah sekian tips kali ini mudah-mudahan bisa membantu para blogger yang memang benar-benar serius menekuni bidang ini dan ingin membuat blognya bertambah besar skalanya.... bravo blogger Indonesia

Menampilkan Google Adsense di Posting

Untuk memasang adsense agar tampil di dialam postingan membutuhkan sedikit trik, karena kalo cuma asal pasang script adsense didalam potingan maka iklan adsense tidak akan muncul. Nha kali ini akan kita bahas trik untuk menampilkan adsense didalam postingan tapi setelah link "Read more" diklik. Gini nih caranya :

1. Login ke blogger kemudian pilih "Layout --> Edit HTML"
2. Beri tanda centang pada kotak "Expand widget template"
3. Cari Kode berikut :

<data:post.body/><p>

4. Hati-hati, di dalam kode HTML yang sudah dipasang "Readmore" biasanaya ada 2 kode seperti itu. Jadi pilih kode yg pertama.
5. Setelah itu letakan kode Google adsense kamu dibawah kode tersebut. Tp sebelumnya perhatikan yg berikut ini.

kode adsense biasanya seperti ini :

<center><script type="text/javascript"><!-- google_ad_client = "pub-5569888573993887"; /* 468x60, created 4/9/08 */ google_ad_slot = "0716000951"; google_ad_width = 468; google_ad_height = 60; //--></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></center>

perhatikan kode
<!-- dan //-->
Hapus kedua kode tersebut. Kemudian copy kode adsens dan letakkan dibawah kode <data:post.body/><p>Lalu simpan Template kamu.

Cara Mengecek Harga Blog

Cara Mengecek Harga Blog

 

Halo blogger !!
Bagi kalian yang sedang asyik-asyiknya ngeblog. Menulis postingan tiap hari adalah hal yang biasa. Demi meningkatkan kepopuleran blog, kita memang harus update postingan tiap hari. Blogwalking, saling komen, tukar link memang sudah makanan kita sehari-hari.
Setelah bekerja keras membangun blog yang bagus, pasti kita ingin tahu berapa harga blog kesayangan kita kan? Apakah sudah berharga tinggi? atau masih rendah harganya?
Mengetahui harga blog memang bukan menjadi tolak ukur utama kualitas blog. Tapi tidak ada salahnya kan kalau dicoba? Iseng-iseng aja. Hehe..
Ada beberapa situs yang dikenal sebagai pengecek  harga sebuah blog atau website. Namun biasanya setiap blog memiliki harga yang berbeda-beda, karena situs pengecek harga menilai suatu blog dari sisi yang berbeda-beda. Ada yang menilai berdasarkan kepopuleran, ranking, backlink, kualitas postingan, dll.
Berikut ini tiga situs pengecek harga blog yang banyak digunakan:

• http://www.yourwebsitevalue.com/
• http://bizinformation.org/id/
• http://www.business-opportunities.biz/

Berapa harga blogmu?

 

Highlight Post Dengan Tombol Select All

Highlight Post Dengan Tombol Select All

Salam blogger,

Sebelumnya pada postingan yang kemaren saya sudah membahas mengenai "Menonjolkan teks tertentu pada postingan" dengan background yang berbeda bahkan background image yang sudah saya tulis disitu. Pada kesempatan kali ini membahas lagi mengenai Highlight Post dengan tambahan tombol select all yang mempermudah pengunjung blog untuk memBlok text yang ditonjolkan, misalkan anda menuliskan tutorial dan Anda menyisipkan script yang harus dicopy maka tombol select all ini sangat berguna untuk blok text otomatis.

Seperti contoh dibawah ini

Ingatkah kau...
Waktu kamu berbohong kepadaku
dan aku memaafkanya..

Ingatkah kau
Akan perjuanganku terhadapmu
walau aku tak bisa tetap ku perjuangkan

Ingatkah kau akan perhatianku terhadapmu
yang setiap waktu datang menyelimutimu

Tapi kini kau membalasnya dengan senyum pahitmu...

Hehehe hanya sekedar contoh gak perlu di artikan ya..

Okelah kita beranjak ke cara pembuatanya

1. Masuk Edit HTML pada blog Anda lalu taruh code javascript dibawah ini dibawah code <head>

<script type="text/javascript">
function fnSelect(objId)
{
fnDeSelect();
if (document.selection)
{
var range = document.body.createTextRange();
range.moveToElementText(document.getElementById(objId));
range.select();
}
else if (window.getSelection)
{
var range = document.createRange();
range.selectNode(document.getElementById(objId));
window.getSelection().addRange(range);
}
}
function fnDeSelect()
{
if (document.selection)
document.selection.empty();
else if (window.getSelection)
window.getSelection().removeAllRanges();
}
</script>

4. Masih pada Edit HTML lalu masukkan code CSS berikut diatas code ]]></b:skin>

/*__Style_copy_area__*/
.copybox { /* -- Style Box dalam --*/
padding:5px;
border:1px solid #FFC71F;
background:#FFFFCC;
}
.kopiaer { /* -- Style Box Luar --*/
background:red;
padding:7px;
}
.cangkirkopi { /* -- Style Tombolnya --*/
background:#B88A00;
border:1px solid #FFC71F;
color:#FFD65C;
padding:2px;
font-weight:bold;
}

Anda bisa mengunah tampilan code CSS diatas sesuai selera Anda lalu SAVE

5. Setelah itu pada posting editor gunakan code dibawah ini untuk menonjolkan textnya

<div class="kopiaer">
<input class="cangkirkopi" type="button" value="Select All" onClick="fnSelect('kopihangat')"/>
<div class="copybox" id="kopihangat">

INI TEKS YANG INGIN DITAMPILKAN

</div>
</div>

> Ingat ganti text yang berwarna biru berbeda setiap 1x penggunaan dan keduanya harus sama

> Ganti teks yang berwarna merah diatas dengan teks Anda

6. Publish dehh dan lihat hasilnya

Nah diatas adalah tutorial singkat dari Saya semoga berguna bagi Anda, Silahkan lontarkan komentar jika Anda mempunyai pertanyaan mengenai tutorial ini.

Membuat Tepi Gambar Bershadow Dengan CSS 3

Membuat Tepi Gambar Bershadow Dengan CSS 3

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

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

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

lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note : 

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

Nah kalau sudah ganti code CSS tadi dengan definisi seperti dibawah ini

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

Nah yang diganti adalah code CSS yang berwarna hijau saja.

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

Sekian semoga bermanfaat. 

Memasang Tombol Halaman

Memasang Tombol Halaman

allo Sobat Ask'spece apa kabar, kali ini saya akan memuat sebuah artikel pesanan teman saya, yaitu "bagaimana cara memasang page navigasi" Lalu apa itu Page Navigation adalah sebuah Widget yang digunakan pada Web ataupun Blog untuk memperlihatkan postingan atau artikel pada Webblog tersebut per halaman (tombol halaman seperti om Yahoo),contohnya seperti gambar dibawah ini:
 

Untuk lebih memperjelas pengetahuan anda mengenai Page Navigation ini silahkan menuju halaman depan[Homepage] blog ini,
dibagian bawah postingan terakhir terdapat angka1,2,3,4…,dan selanjutnya. Itulah yang disebut Page Navigation.

Untuk membuatnya sangatlah mudah
1. Login ke Blogger
2. Lalu Klik Menu Templates/Tata Letak
3. Klik Add Widget Element /Tambah Widget
4. Pilih Menu HTML/Java Script
5. Lalu Copy Script di bawah dan Pastekan pada kotak HTML tersebut

<style>
.showpageArea a {
text-decoration:underline;
}

.showpageNum a {
text-decoration:none;
border: 1px solid #bbb;
margin:0 3px;
padding:3px;
}

.showpageNum a:hover {
border: 1px solid #bbb;
background-color:#bbb;
}
.showpagePoint {
color:#fff;
text-decoration:none;
border: 1px solid #fff;
background: #000;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #bbb;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</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=3;
var firstPageWord = 'Awal';
var endPageWord = 'Akhir';
var upPageWord ='Sebelumnya';
var downPageWord ='Selanjutnya';



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: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px 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>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://asksalman19.blogspot.com>Grab this Widget ~ Navigasi Halaman</a></div>  

6.  Simpan Winget tersebut
7.  Pindahkan Widget tersebut Tepat di bawah Post
8.  Lalu Simpan

Selamat Mencoba,,,

Cara Agar Postingan Blog Cepat Terindeks Google

Cara Agar Postingan Blog Cepat Terindeks Google

Cara Agar Postingan Blog Cepat Terindeks Google – Pastinya kita maunya setiap habis menulis postingan langsung terindeks di Google. Syukur-syukur ada di halaman pertama.

Tapi, kadang harus menunggu beberapa jam, baru postingan terindeks. Nah, ada trik agar postingan cepat terindeks Google. Caranya dengan menggunakan fasilitas ‘ping’.

Salah satu situs penyedia layanan ini yang biasa saya pakai adalah MyPageRank. Caranya:

1. Buka http://mypagerank.net, klik sini

2. Klik ‘Ping Service’ (letaknya di kanan) klik disini

3. Masukkan judul blog, URL dank ode verifikasi.

4. Centang ‘Select’

5. Klik ‘Ping update service’

6. Selesai

Tinggal menunggu prosesnya, dalam hitungan jam percaya gak percaya postingan anda akan cepat terindeks di google.

Selamat mencoba, semoga berhasil.

Copy Link HTML dengan Mudah [Firefox Addon]

Saat melakukan posting atau menulis, kita para blogger seringkali harus menyisipkan link atau tautan pada tulisan kita. Entah itu link blog sahabat, tautan referensi dari sebuah halaman tutorial, atau tautan sebuah website penting. Dengan bantuan sebuah pengaya (addon) Firefox, kini kita bisa menyisipkan sebuah tautan hanya dengan mengklik-kanan teks yang mengandung link tersebut, kemudian memilih Copy as HTML Link dari menu pintas, dan ketika di-paste pada tempat tujuan, maka sebaris kode HTML lengkap akan tersisipkan.

Untuk menggunakan fasilitas ini, tentunya kita harus menggunakan Firefox sebagai browser kita. Kemudian kita harus menginstal pengaya (addon) yang bernama Copy As HTML Link. Silakan kunjungi halaman pengaya tersebut, dan klik Add to Firefox untuk memulai instalasi. Klik Allow pada baris peringatan di bagian atas halaman Firefox untuk mengijinkan instalasi. Lanjutkan proses instalasi hingga selesai dan kemudianrestart (tutup dan buka kembali) Firefox anda.

Contoh pemakaian pengaya ini adalah sebagai berikut:

1. Misalnya kita ingin menyisipkan kata sekaligus link yang terdapat pada kata Add-ons for Firefox pada halaman pengaya Firefox yang kita kunjungi. Silakan klik-kanan link tersebut lalu pilih Copy as HTML Link.
   
2. Masuklah ke halaman dasbor atau wp-admin blog anda, lalu buat postingan baru. Klik tab HTML untuk mengubah modus pengetikan menjadi modus HTML. Tekan Ctrl+V (klik-kanan>Paste) untuk menyisipkan link HTML yang telah kitacopy tadi di mana pun anda ingin menyisipkannya. [Ingat, menyisipkan link dengan menggunakan pengaya ini harus dalam modus HTML.]
   
3. Untuk melihat hasilnya, klik tab Visual agar modus penulisan berubah ke modus Visual. Anda akan melihat sebaris kalimat telah disisipkan lengkap dengan link-nya.
   

Dengan bantuan pengaya ini, kini kita akan lebih mudah untuk menyisipkan sebuah tautan yang berasal dari sebuah linked-text dari sebuah halaman website/blog. Selamat mencoba ya.

Ganti Logo / Icon Blog - Favicon

Ganti Logo / Icon Blog - Favicon

Bila kita membuat blog baru di blogspot.com atau blogger.com, maka di atas sebelah alamat atau nama blog kita akan melihat logo/icon dengan gambar B . Logo tersebut merupakan logo dari Blogspot, dan kita bisa menggantinya dengan photo, gambar atau logo yang lain. Seperti gambar di bawah ini :

Gini caranya upload photo/gambar  ke situs penyimpan gambar. Supaya ga usah daftar lagi gunakan aja yang punya google, picasaweb.google.com tinggal masukkan ID Email dan sandigmail. Atau bisa juga disimpan di photobucket.com dan yang lainnya.
Kalo dah diupload klik gambarnya, maka akan tampil seperti gambar di bawah. klik Link to this Photo, ceklis Image only (no link), terus copy Embed image. contoh Embed Image gambar GEROBAX  saya:

Terakhir, masuk/login ke blog lalu pilih Tata Letak dan klik Edit HTML.
Cari kode di bawah ini kalau paling cepat pake Ctrl + F :

<title><data:blog.pagetitle/></title>

lalu masukkan kode berikut di bawah kode<title><data:blog.pagetitle/></title>

<link href='kode url photo' rel='shortcut icon'/>

Ganti kode url photo dengan embed yang tadi sudah dicopy, jadi seperti ini:

<title><data:blog.pagetitle/></title>

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTnhWALaHAjblBmz3bNfygeYwWT_m63rEes2wb6M1NkXfcojDgtxH5SWcCL_bMiNAZjCJD8VzfYumRXHmAXw4GYCLSJqY_BAatjnJEKTc4vJPMQfGBIw6caRb7PGqXofBM9Nmoo51zz_sr/s144/Foto021.jpg' rel='shortcut icon'/>

Gimana mudah kan selamat mencoba dan semoga berhasil.

Membuat Tab Menu View

Menu tab view ini di gunakan untuk meminimalisasikan blog anda yang dapat memuat 3kolom yang dapat anda pegunakan dan dapat mempercantik blog anda. warna pada menu tab view ini jg dapat di atur warnanya sesuai warna template pada blog anda. untuk menjadikan isi pada menu tab view ini lebih maksimal anda bisa menggunakan link open new tab atau window baru
Tampilan gambar menu tab view:



Untuk menempatkan script ini tidaklah sulit anda hanya butuh ketelitian karna script membuat menu tab view ini lumayan banyak.
1. Login ke blogger anda lalu pilih menu "Layout --> Edit HTML"2. Berikutnya cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode 
]]></b:skin> atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 84px; /* Lebar Menu Utama Atas */
text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #999999; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #1E62B6; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FFFFFF; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #999999; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FFFFFF; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Lihat text-text yang berwarna merah, ini keterangan untuk pengaturan Menu Tab View. pergantian warna dengan memasukkan kode warna dll.
5. Selanjutnya yaitu pasang kode berikut ini sebelum kode </head>

<script type='text/javascript'>
function tabview_aux(TabViewId, id)
{
var TabView = document.getElementById(TabViewId);

// ----- Tabs -----

var Tabs = TabView.firstChild;
while (Tabs.className != &quot;Tabs&quot; ) Tabs = Tabs.nextSibling;

var Tab = Tabs.firstChild;
var i = 0;

do
{
if (Tab.tagName == &quot;A&quot;)
{
i++;
Tab.href = &quot;javascript:tabview_switch(&#39;&quot;+TabViewId+&quot;&#39;, &quot;+i+&quot;);&quot;;
Tab.className = (i == id) ? &quot;Active&quot; : &quot;&quot;;
Tab.blur();
}
}
while (Tab = Tab.nextSibling);

// ----- Pages -----

var Pages = TabView.firstChild;
while (Pages.className != &#39;Pages&#39;) Pages = Pages.nextSibling;

var Page = Pages.firstChild;
var i = 0;

do
{
if (Page.className == &#39;Page&#39;)
{
i++;
if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+&quot;px&quot;;
Page.style.overflow = &quot;auto&quot;;
Page.style.display = (i == id) ? &#39;block&#39; : &#39;none&#39;;
}
}
while (Page = Page.nextSibling);
}

// ----- Functions -------------------------------------------------------------

function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }

function tabview_initialize(TabViewId) { tabview_aux(TabViewId, 1); }
</script>

6. Setelah itu "Di save"
7. Lalu klik menu "Page Elements"
8. PIlih "Add a Gadget" --> "HTML/Javascript" pada tempat yg akan di letakkan Manu Tab View ini.
9. Ini script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 260px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 256px; height: 270px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

</div>
</div>
</form>

<script type="text/javascript">
tabview_initialize('TabView');
</script>