Postingan Langsung Terindex Di Google

Sebenernya bagaimana sih caranya supaya setiap kita memposting artikel baru di blog kita, maka dengan cepat postingan tersebut akan langsung muncul di Mesin Pencarian Google ? Pengen tau caranya ? cek it dot...!!

Menurut pengalaman pribadi saya, ternyata tidak ada embel embel apapun agar postingan kita cepat terindex di Google, hanya saja umur blog kita yang akan berbicara... hah ? maksudnya ? jadi gini, apabila blog kita masih berumur jagung (masih baru) tentu saja postingan baru kita masih belum terindex di google, berbeda dengan blog yang sudah berumuran 6 bulan atau lebih... biasa nya blog yang sudah tua (6 bulan keatas) akan lebih cepat terindex di Google.. maka dari itu anda harus bersabar, dan saya sarankan lebih baik anda membuat artikel/postingan sebanyak - banyaknya terlebih dahulu.. karena dengan begitu setelah blog anda ber-umuran 6 bulan keatas, dengan sendirinya artikel artikel yang anda posting akan langsung terindex di Google.

Apakah iya ? yaa itu menurut pengalaman pribadi saya... tapi mungkin juga ada cara/tips lain yang disebut  dengan SEO ( Search Engine Optimization ). tentu saja kalau kita berbicara SEO tidak akan ada habis nya.. karena di luar sana banyak para master SEO yang selalu menemukan cara/tips baru dalam permainan SEO.. hehehe... Oke ! itu saja dulu mungkin pengalaman pribadi saya mengenai " Postingan Langsung Terindex Di Google " ... selamat berjuang saudara saudara...

« Baca Selengkapnya »

Membuat Label Tertata Rapi Dengan Box CSS

Haloo saudara saudara sekalian.... wah kayaknya hampir 1 tahun nih bosengaptek ga update blog, hehehee.. tapi tenang, mulai sekarang bosengaptek bakal di update lagi kok.. hehehe...


oke next kembali ke judul " Membuat Label Tertata Rapi Dengan Box CSS " , hmmm... mungkin jika anda belum tau maksudnya... nih langsung saja BOS GAP kasih gambarannya :

:
iya betul !! kira kira seperti itulah saudara saudara... so ? mari kita coba...


sebelum melakukan langkah-langkah dibawah ini sebaiknya delete atau remove dulu widget "label/category" yang ada di blog anda.
langkah yang pertama adalah cari kode ]]></b:skin> (untuk mempercepat gunakan alt+f)
kemudian copy dan pastekan kode CSS dibawah ini di atas  ]]></b:skin> yang tadi sudah kita cari.

#textwidget {
    color: #070c65;
    font-size: 0.925em;
    font-style: italic;
    line-height: 1.6em
}

a.tag {
    color: #080e76;
    font: 9px verdana;
    text-transform: uppercase;
    transition: border-color .218s;
    background: #e9e9e9;
    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #e9e9e9;
    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    border: solid 1px #ccc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin: 0 4px 4px 0;
    padding: 3px 5px;
    text-decoration: none
}

a.tag:hover {
    color: #030632;
    border-color: #000998;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.15)
}

a.tag:active {
    color: #000000;
    border-color: #000443
}

.slides {
    font-size: 85%;
    line-height: 130%;
    overflow: hidden;
    padding: 0;
    margin: 30px 0 10px;
    border-bottom: 1px solid #000000
}

Nah jika sudah, kemudian cari lagi kode </b:widget>
copy dan pastekan kode dibawah ini, dibawah kode </b:widget> tersebut.

<b:widget id='Label1' locked='false' title='Labels Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2>
<data:title/>
</h2>
</b:if>
<div class='textwidget'>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a class='tag' expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(
<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'>
<data:label.name/>
</span>
<b:else/>
<a class='tag' expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(
<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit' />
</div>
</div>
</b:includable>
</b:widget> 

apa semua kode sudah terpasang..? sebaiknya " PREVIEW " dulu blog anda, setelah anda melihat Label Box CSS terpasang di blog, save template anda, kemudian atur sendiri letak widget Label Box CSS tersebut dengan cara masuk ke Rancangan>>Elemen Laman.. daaan...... selamat !! anda telah sukses Membuat Label Tertata Rapi Dengan Box CSS . hehehe... mudah kan..? okee.. semoga berhasil saudara saudara....

« Baca Selengkapnya »

Cara Mengganti Header Judul Blog Dengan Gambar

Halo saudara - saudara... sebenarnya Cara Mengganti Header Judul Blog Dengan Gambar. sangatlah mudah sekali bahkan tanpa sedikitpun mengotak-atik code HTML yang ada pada template anda.. contoh nya saja seperti pada blog ini

Lalu ? bagai mana cara membuatnya ?

Pertama buatlah gambar yang ingin anda jadikan sebagai header di bagian judul blog. Agar tampak lebih rapi, sesuaikan ukuran dengan panjang lebar nya blog anda.. misalnya saja pada blog ini ukuran gambar header nya adalah 1000px X 200px .

Setelah selesai membuat gambar, simpan gambar tersebut dengan format JPG atau PNG, kemudian masuk ke bagian Rancangan>>Elemen Laman>> Pilih Edit pada widget Header judul. Misalnya saja jika pada blog saya terlihat seperti ini.

Kemudian upload gambar yang tadi telah anda buat setelah selesai mengupload.. ganti opsi penempatan gambar menjadi " Selain judul dan keterangan " seperti pada gambar dibawah ini :

Kemudian klik simpan.

Kembali ke blog anda dan lihat hasil nya.. mungkin bila ukuran gambar tidak sesuai dengan ukuran template blog anda, anda bisa mengedit lagi gambar tersebut, kemudian ulangi langkah di atas. jika masih belum sesuai. terus lakukan pengubahan ukuran gambar anda dan upload lagi sampai gambar benar-benar pas di blog saudara... hehehe... sangat mudah kan ? saya yakin mudah sekali .. karena Bosen Gaptek jarang memberikan tips n trick yang sulit untuk di mengerti kok...hehehe... okeee selamat mencoba saudara... semoga blog nya makin cantik aja ya...

« Baca Selengkapnya »

Cara Bikin Banner Iklan Di Blog

Halo saudara. setelah sekian lama tidak update blog. kali ini saya akan berbagi informasi tentang Cara Bikin Banner Iklan Di Blog. yang akan saya bahas disini adalah untuk membuat banner berformat.gif secara online. mungkin bagi anda yang sudah terbiasa dengan manual menggunakan aplikasi flash, info ini hanya sekedar berbagi saja.. hehehe... okee langsung aja yah....!

langkah yang pertama, silahkan anda kunjungi situs http://www.createagif.net/.
setelah itu buat 3 image gambar dulu seperti contoh dibawah ini :

Nah setelah selesai membuat 3 gambar.. kemudian upload ketiga gambar tersebut di http://www.createagif.net/, dan setelah ketiga gambar sudah di browse, selanjutnya tentukan ukuran nya kemudian langsung saja klik create..

kira kira seperti inilah hasil nya saudara saudara...

Hehehe... Mudah kan ? selamat mencoba semoga berhasil saudara...

« Baca Selengkapnya »

Mengetahui Kode Warna HTML

Ternyata Mengetahui Kode Warna HTML sangatlah mudah saudara, jika anda ingin memberikan warna dengan kode HTML biasanya anda di bingungkan dengan kode tersebut, tapi tenang.. di sini saya akan kasih tau caranya tentang bagaimana caranya Mengetahui Kode Warna HTML sesuai dengan warna yang anda inginkan, baik berikut adalah caranya..

buka program photoshop kemudian klik toolbar palet set foreground color seperti pada gambar di bawah ini :

Perhatikan pada gambar yang saya beri lingkaran merah.. klik toolbar palet set foreground , dan kemudian akan muncul color picker, kemudian atur warna sesuai dengan keinginan anda setelah itu lihat pada bagian bawah, misalnya saja disitu ada #ff0000, nah itu adalah kode warna html untuk warna merah seperti pada gambar yang saya beri lingkaran merah di atas...

jika sudah dapat kode nya, kemudian copy dan paste kan kode tersebut sesuai dengan kebutuhan anda, contoh nya jika saya ingin mengganti warna Background dengan kode html seperti ini color="$(body.background.color)" default="#111111 , maka yang akan saya ganti adalah #111111 dengan kode yang tadi saya dapatkan di Photoshop... nahh.. gimana ? mudah kan Mengetahui Kode Warna HTML. sekarang saatnya mengganti kode-kode warna HTML pada blog/website anda dengan warna - warna yang anda inginkan saudara... selamat mencoba.. semoga berhasil dan sukses selalu.. !!

« Baca Selengkapnya »

Tips Sukses Untuk Blogger Pemula

Saudara - saudara yang saya cintai.. pada postingan kali ini, saya akan berbagi informasi tentang Tips Sukses Untuk Blogger Pemula (seperti saya). Pada waktu kita ngeblog/blogging, disaat-saat tertentu biasanya sering timbul rasa malas untuk ngotak atik blog, atau bisa juga kita malah dalam keadaan bingung dengan blog kita. Biasanya para blogger pemula seperti saya, hal yang pertama dilakukan setelah membuat blog adalah mengotak atik desain dan tata letak blog, setelah itu baru kita mulai memosting artikel-artikel di blog kita, tapi lama kelamaan kebiasaan itu akan kalah dengan rasa malas pada diri kita, hal ini biasa di sebabkan oleh banyak faktor yang salah satu diantaranya adalah MOD yang ada dalam diri kita sendiri.

Kesimpulanya, untuk meraih kesuksesan di dunia blogging, yang terpenting adalah " Hilangkan rasa malas anda ! ".

berikut adalah Tips Sukses Untuk Blogger Pemula dari saya :

1. pertama kita harus ingat pada tujuan awal kita ngeblog/blogging. Jika anda masih belum mempunyai tujuan, sebaiknya mulai sekarang pikirkan tujuan tersebut.
2. jangan sampai di dalam memosting artikel kita hanya copy paste dari blog/web lain, karena itu lah yang akan menimbulkan rasa malas dalam diri kita.
3. manajemen waktu untuk ngeblog, buatlah jadwal untuk ngeblog/blogging, misalnya dalam 1 hari anda meluangkan waktu setidaknya 1 jam saja untuk ngeblog/blogging, dengan begitu ngeblog tidak akan mengganggu kegiatan diluar, karena kita sudah terbiasa dengan meluangkan waktu 1 jam. 
4. Cari refrensi dan ciptakan ide baru.. ini sangatlah penting karena di dalam dunia internet tidak akan pernah terlepas dengan kata website/blog. jika anda melihat sebuah blog yang ramai dengan pengunjung serta mempunyai artikel yang bermanfaat dan menarik, jadikan itu sebagai Motivasi anda, bukan anda malah minder dan berpikir seakan-akan peluang anda di dunia blogging telah lenyap karena pesaing blog kita sangatlah berat.
5. Teruslah memposting artikel-artikel yang sekiranya bermanfaat bagi orang banyak, dan jangan cuma bermanfaat untuk diri kita, karena apa yang menurut kita bagus, belum tentu menurut orang lain bagus juga.
6. Blogwalking, dengan cara meninggalkan komentar di blog orang lain dan mengajaknya untuk berkomunikasi dengan kita secara baik dan sopan.dengan begitu tentu saja blog kita juga akan mendapat support dari blog lain. Maka dari itu berusahalah mencari relasi di dunia blogging.

Mungkin itu adalah beberapa Tips Sukses Untuk Blogger Pemula dari sekian banyak Tips yang dapat saya berikan untuk saudara - saudara sekalian..

Okeee.. semoga bermanfaat.. dan ingat Perangilah Rasa Malas Dalam Diri Anda , karena selain untuk di dunia blogging, itu penting untuk segala aktifitas di kehidupan sehari-hari kita juga..

« Baca Selengkapnya »

Cara Bikin Buku Tamu Melayang Lucu Di Blog

Saudara Yang Terhormat, kali ini saya akan memberitahukan tentang bagaimana Cara Bikin Buku Tamu Melayang Lucu Di Blog yang nanti nya akan tampil seperti pada gambar disamping <--- tepatnya di sebelah kanan blog saudara...


Oke berikut adalah caranya...

1. Login ke http://cbox.ws/ , kalo belum punya, saudara bisa bikin account baru disana...

2. Setelah itu, bikin chat bos nya sesuai yang anda inginkan, dan kemudian dapatkan kode HTML nya..

3. Langkah berikutnya Login ke blogger anda, kemudian pilih Rancangan>>Elemen Laman>> klik add Gadget/Tambah Gadget>> pilih HTML/Java Script.


Langkah yang terakhir adalah copy dan pastekan kode HTML di bawah ini :

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:200px; width:30px; float:left; cursor:pointer; background:url('http://i1185.photobucket.com/albums/z353/Ivanka_Rezma/3-4.png') no-repeat; } .gbcontent{ float:right; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="250" height="305" src="http://www5.cbox.ws/box/?boxid=728529&amp;boxtag=7wbw3h&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-728529" style="border:#ababab 1px solid;" id="cboxmain5-728529"></iframe></div> <div><iframe frameborder="0" width="250" height="75" src="http://www5.cbox.ws/box/?boxid=728529&amp;boxtag=7wbw3h&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-728529" style="border:#ababab 1px solid;border-top:0px" id="cboxform5-728529"></iframe></div> </div> <!-- END CBOX --> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Setelah itu, ganti text yang saya beri warna merah dengan kode HTML dari CBOX yang tadi anda dapatkan di http://cbox.ws/ , setelah itu ?? kemudian ?? lalu ?? selesai deh... ^_^ hehehe... gimana ? gampang bukan saudara - saudara sekalian... okeee.. selamat mencobaaa... dan semoga sukses ya..!

« Baca Selengkapnya »

Cara Mengganti Template Blog Terbaru 2012

Okeee ! Setelah memposting artikel tentang Cara Membuat Blog Baru 2012, sekarang saatnya saya berbagi tips Cara Mengganti Template Blog Terbaru 2012. tak perlu berlama-lama, langsung saja sob !

1. Masuk ke situs www.btemplates.com
2. Pilih template sesuai dengan tema blog anda, dan juga tentunya sesuai dengan selera anda.
3. Jika sudah ketemu, maka langsung saja klik DEMO (biasanya tulisan tersebut ada dibawah gambar).
4. Lihat dulu template nya, setelah sesuai dengan selera atau sudah mantep dengan template itu kemudian klik download seperti pada gambar dibawah ini (tombol downloadnya ada disebelah kiri atas) :

5. File yang anda download tadi masih berupa WinRAR, maka extract dulu file tersebut.
6. Login ke Blog anda Pilih Rancangan>>Edit HTML kemudian klik pilih berkas buka file template yang anda download tadi dengan format .XML seperti pada gambar dibawah ini :

7. Setelah itu klik unggah seperti pada gambar dibawah ini :

8. Setelah selesai mengunggah template anda, akan muncul pilihan PERTAHANKAN WIDGET dan HAPUS WIDGET. klik salah satu sesuai dengan keinginan anda

9. Jika sudah maka akan muncul lagi tulisan Perubahan blog anda telah disimpan. seperti pada gambar dibawah ini :

10. Klik Lihat blog. dan sekarang anda sudah bisa melihat template Blog baru anda

Demikian artikel tentang Cara Mengganti Template Blog Terbaru 2012. Selamat mencoba, semoga Sukses!! dan semoga menemukan template yang sesuai dengan tema blog dan keinginan anda.. ^_^

« Baca Selengkapnya »

Cara Membuat Blog Baru 2012

Sobat... cara membuat blog baru di blogger sangatlah mudah! tapi sebelumnya saya akan memperkenalkan terlebih dahulu tentang apa itu blog.

Blog adalah situs pribadi yang berbeda dengan website yang setiap kita akan memposting harus susah payah memakai kode ekstensi .html .php, .asp, dll, blog merupakan otomatisasi dari semua ekstensi tersebut. Sehingga karena sudah diotomatisasi, maka kita-kita semua yang masih newbie di dunia teknologi, dapat memposting apa yang kita pikirkan dan inginkan seperti kita menulis dibuku tulis. Dan karena kemudahan inilah, maka semua orang yang tahu internet dapat membuat blog atau situs pribadi.

Oke next!! berikut adalah Cara Membuat Blog Baru  2012:

1. Buatlah akun di google terlebih dahulu.
2. Jika sudah mempunyai akun di google langkah selanjutnya adalah daftar ke www.blogger.com
3. Kemudian klik menu Daftar seperti pada gambar dibawah ini :

4. Setelah itu isi kolom yang ada sesuai dengan keterangan kolom tersebut ( seperti anda mendaftar di situs2 yang anda pernah mendaftar ) gambarnya seperti dibawah ini :

klik Lanjutkan


4. Isi Judul blog dan Alamat URL blog anda. contohnya seperti pada gambar dibawah ini :

Klik Lanjutkan


5. Pilih Template awal yang akan anda pasang sesuai dengan selera anda :

Klik Lanjutkan


6. Setelah itu akan muncul gambar seperti dibawah ini :

Selamat!!! anda sudah mempunyai sebuah blog baru ! Kini anda sudah bisa memulai untuk Blogging dan memposting artikel-artikel yang anda inginkan.


TIPS : Untuk merubah template yang lebih bagus, anda bisa donwload di www.btemplates.com. disana ada banyak template yang telah disediakan untuk blog anda. Dan cara pemasangan template nya anda bisa baca di artikel Cara Mengganti Template Blog .


Oke demikian artikel tentang Cara Membuat Blog Baru  2012. Selamat mencoba dan semoga sukses !

« Baca Selengkapnya »

Rahasia Meningkatkan Alexa Rank Dengan Mudah

Haloo Saudaraaa... berjumpa lagi dengan saya... hehehe... setelah beberapa hari yang lalu saya sempat dibingungkan oleh rangking alexa blog saya. karena semakin hari bukan semakin bagus tapi malah semakin kendor, dari awal daftar, rank saya sekitar 25.000.000.. belum ada sekitar 2 minggu, ranking saya bukan tampah kecil melainkan malah tambah besar menjadi 26.000.000, tentu saya sangat panik dan bingung..! (lebay Y^_^Y)

dan.... setelah mencari-cari pokok permasalahan di blog saya, ternyata baru sadar, kalau ingin menaikan ranking alexa bukan hanya sekedar memasang widget alexa saja saudara, tapi kita juga harus mem-verifikasi meta tag dari alexa. kenapa ? karena... tanpa verifikasi meta tag dari alexa.. blog kita tidak akan di pantau oleh alexa saudara-saudaraa.... maka kesimpulanya... jika blog kita tidak di pantau oleh alexa, yaaa.. bagaimana mau naik page rank nya donk..? hehehehe.... oke kembali lagi ke judul postingan.

Sebenarnya ada banyak cara untuk meningkatkan/memperkecil rank alexa, dan disini saya hanya akan mengingatkan saja, bahwa verifikasi meta tag dari alexa sangat lah penting saudara.. untuk caranya.. silahkan ikuti langkah-langkah di bawah ini :


1. Login terlebih dahulu ke akun alexa saudara..
2. Klik Site Info>>klik tanda panah disamping tulisan This site is not certified>>kemudian klik Certify This Site. seperti pada gambar dibawah ini :

3. Kemudian akan muncul halaman Plans and Pricing, jika anda member Free(gratisan) maka klik Free Sign Up seperti pada gambar yang saya lingkari dibawah ini :

4. Setelah itu akan muncul halaman Claim Your Site. nah inilah langkah dimana kita akan melakukan verifikasi dan memasang meta tag di blog, perhatikan gambar dibawah ini :

Akan ada 2 pilhan di halaman ini, pilih saja Option 2 seperti pada gambar yang saya beri garis warna merah..

untuk garis bewarna hijau itulah ID Verifikasi anda, dan yang perlu anda copy adalah meta tag yang berada di garis warna biru seperti pada gambar diatas. cara nya, masuk ke Rancangan>>Edit HTML>>Centang Expand Template Widget>>cari kode <b:skin><![CDATA[/* kemudian copy paste kode meta tag seperti yang saya beri tanda garis warna biru pada gambar diatas, tepat sebelum kode <b:skin><![CDATA[/* jika sudah Simpan Template anda..

5. Kembali ke halaman verifikasi alexa, lalu tekan tombol Verify my ID, jika proses Verifikasi berhasil maka akan keluar pesan "Your site is successfully claimed" seperti pada gambar dibawah ini :

6. Selanjutnya akan muncul lagi halaman Check My Public Listing Information, Isi formulir tersebut dengan tepat dan benar sesuai dengan data diri anda. jika sudah di isi lengkap, klik save & continue seperti pada gambar dibawah ini : 

 

Fiuhhh...!! dengan begitu, terbongkar sudah semua pertanyaan dari saya beberapa hari lalu yang sempat STRESS BERAT gara-gara alexa kendor.. hehehe...tapi ingat saudara.. ini hanyalah 1 dari sekian banyak cara untuk meningkatkan/memperkecil alexa rank blog..Okee sekian dulu Informasi dari saya mengenai Rahasia Meningkatkan Alexa Rank Dengan Mudah. semoga bermanfaat.. selamat mencoba dan semoga sukses saudara..!

« Baca Selengkapnya »

Membuat Readmore Di Blog Tanpa Eror Pada Bagian Halaman

Saudara yang terhormat, kali ini saya akan memposting tentang cara Membuat Readmore Di Blog Tanpa Eror Pada Bagian Halaman , nah maksud dari eror di halaman adalah. ketika kita memasang readmore.. biasanya sering terjadi kesalahan pada bagian halaman kita, dimana halaman tersebut ikut teringkas dalam readmore dan menjadi tidak bisa buka, untuk itu saya akan beritahukan bagaimana caranya Membuat Readmore Di Blog Tanpa Eror Pada Bagian Halaman. langsung saja saudara ikuti langkah-langkah dibawah ini :

1. Seperti biasa login terlebih dahulu di akun blogger anda.
2. Agar tidak terjadi kesalahan dalam mengedit HTML saya sarankan backup/download dulu template anda
3. Masuk ke Rancangan>>Edit HTML>>centang Expand Template Widget.

4. kemudian cari kode </head> jangan lupa gunakan CTRL + F untuk mempermudah pencarian kode tersebut, kemudian copy dan paste kan kode dibawah ini tepat dibawah kode </head> :

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

5. cari kode <data:post.body/> , jika sudah ketemu ganti kode <data:post.body/> tersebut dengan kode dibawah ini :

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/>  <b:if cond='data:blog.pageType != &quot;item&quot;'> <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <span class='rmlink' style='float:right;padding-top:20px;'> <a expr:href='data:post.url'>« Baca Selengkapnya »</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>  </b:if>

- anda bisa mengganti tulisan « Baca Selengkapnya » sesuai dengan keinginan anda..

Oke ! Simpan Template anda ! setelah itu lihat hasilnya, dan kembali saya ingatkan, coba saudara lihat pada bagian Laman saudara apakah ikut terkena readmore dan tidak bisa dibuka ? saya rasa jika saudara telah mengikuti langkah-langkah diatas dengan benar maka saya jamin tidak akan terjadi eror di bagian Laman Saudara.... cukup sekian informasi dari saya, semoga bermanfaat. selamat mencoba dan semoga sukses !

« Baca Selengkapnya »

Cara Bikin Menu Drop Down Keren Di Blog

Eitssss lihat dulu gambar diatas... Heeeyyy!!! liatnnya biasa aja dunk. hehehe.... yaa... kira-kira seperti diatas menu dropdown yang akan kita buat saudara... ^_^

Okee next, karena sering mendapat pertanyaan dari saudara blogger tentang cara membuat menu dibawah nama blog alias menu drop down yang saya pake di blog Bosen Gaptek ini, sekarang saya akan berikan cara untuk membuat menu drop down yang tentunya lebih keren dari blog saya ini.. hehehe,,  langsung saja simak Cara Bikin Menu Drop Down Keren Di Blog di bawah ini....

Seperti biasa, langkah yang pertama yaitu login dulu ke akun blogger anda..
kemudian  pilih Rancangan>>Edit HTML>> Centang Expand Template Widget

Download/backup dulu template anda untuk menghindari kesalahan pada pengeditan ,Kemudian cari kode ]]></b:skin>,lalu copy dan paste kode dibawah ini tepat di atas kode ]]></b:skin> :

.nav { height:35px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhls_SpUVpfYHk0utAnOYYRXj2mh8O0ZyM2mHnAbjbP95vuD_41emVkkL-WpH2cDzulPrQ4EGcVgLZI0UrAiaL2eZaUuwQY93WkRdoLwl0N2QgqkuF_MzojHNjrZ4jvjiKVRGOn30GxKno/s1600/bg.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; font-size:11px; width:100%; z-index:100; margin:0; padding:0; } .nav .table { display:table; margin:0 auto; } .nav .select, .nav .current { margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap; } .nav li { margin:0; padding:0; height:auto; float:left; } .nav .select a { display:block; height:35px; float:left; font-weight:bold; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhls_SpUVpfYHk0utAnOYYRXj2mh8O0ZyM2mHnAbjbP95vuD_41emVkkL-WpH2cDzulPrQ4EGcVgLZI0UrAiaL2eZaUuwQY93WkRdoLwl0N2QgqkuF_MzojHNjrZ4jvjiKVRGOn30GxKno/s1600/bg.gif); padding:0 30px 0 30px; text-decoration:none; line-height:35px; white-space:nowrap; color:#2b3238; } .nav .select a:hover, .nav .select li:hover a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRspbY1P255FMXP8omb8MfEqbfGVZ1uzrWVWjmfq_gDyjqHP1m87-tlH7PJQSL7AUXHCHMC_hyOPs_wXTWqppP6FXLUYDph4VnJwK7HN5whOZP8V8ntrMgKVMtkhsAMdzcK7c5jYNIBV4/s1600/hover.gif); padding:0 0 0 15px; cursor:pointer; color:#2b3238; } .nav .select a b{     font-weight:bold;     } .nav .select a:hover b, .nav .select li:hover a b { display:block; float:left; padding:0 30px 0 15px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRspbY1P255FMXP8omb8MfEqbfGVZ1uzrWVWjmfq_gDyjqHP1m87-tlH7PJQSL7AUXHCHMC_hyOPs_wXTWqppP6FXLUYDph4VnJwK7HN5whOZP8V8ntrMgKVMtkhsAMdzcK7c5jYNIBV4/s1600/hover.gif) right top; cursor:pointer; } .nav .select_sub { display:none; } /* IE6 only */ .nav table { border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0; } .nav .sub { display:table; margin:0 auto; padding:0; list-style:none; } .nav .sub_active .current_sub a, .nav .sub_active a:hover { background:transparent; color:#2b3238; } .nav .select :hover .select_sub, .nav .current .show { display:block; position:absolute; width:100%; top:35px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqhzTDbVcUQ1FkkeTURUjUsjBp8EunIxD34pAfpMWiU1aHS0EAs2BB8oCmSL7KVbzgHeRIvHzICin0EPuTOPQuBQKjijyxUHwsIv5WGtKlA2tKeR4aVvjX4glgkKinn9wNzFph1ZhuF3c/s1600/back.gif); padding:0; z-index:100; left:0; text-align:center; } .nav .current .show { z-index:10; } .nav .select :hover .sub li a, .nav .current .show .sub li a { display:block; float:left; background:transparent; padding:0 10px 0 10px; margin:0; white-space:nowrap; border:0; color:#2b3238; } .nav .current .sub li.sub_show a { color:#2b3238; cursor:default; } .nav .select .sub li a {     font-weight:normal; } .nav .select :hover .sub li a:hover, .nav .current .sub li a:hover { visibility:visible; color:#73a0d2; }

Setelah itu simpan template anda.
Masuk ke bagian Rancangan>>Elemen Laman>>Tambah Gadget>>HTML/Java Script.

Kemudian copy dan pastekan kode dibawah ini kedalam HTML/Java Script tersebut
:

<div class="nav"> <div class="table"> <ul class="select"><li><a href="#"><b>Bosen Gaptek</b></a></li></ul> <ul class="select"><li><a href="#"><b>Bosen Gaptek</b></a> <div class="select_sub">     <ul class="sub">         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>     </ul> </div> </li> </ul> <ul class="select"><li><a href="#"><b>Bosen Gaptek</b></a> <div class="select_sub">     <ul class="sub">         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>     </ul> </div> </li> </ul> <ul class="select"><li><a href="#"><b>Bosen Gaptek</b></a> <div class="select_sub">     <ul class="sub">         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>     </ul> </div> </li> </ul> <ul class="select"><li><a href="#"><b>Sample Menu</b></a> <div class="select_sub">     <ul class="sub">         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>         <li><a href="#">Gaptek</a></li>         <li><a href="#">Bosen</a></li>     </ul> </div> </li> </ul> </div> </div>

Ganti kode " # "dengan alamat URL yang akan ditujukan
Ganti "Bosen Gaptek", "Bosen", "Gaptek", sesuai dengan kebutuhan anda...

Setelah itu simpan, dan lihat tampilan blog baru anda, dengan menu dropdown yang kereeen dan machaaaan.... hehehehe.. sangat mudah bukan ? okee saudaraa cukupp sekian informasi dari saya semoga bermanfaat... selamat mencoba dan semoga sukses...!!

Jangan lupa juga tinggalkan komentar anda pada kotak di bawah yaa..... ^_^

« Baca Selengkapnya »

Membuat Link Banner Untuk Blog

Pada postingan kali ini saya akan menjawab pertanyaan dari salah satu teman yang bertanya kepada saya tentang bagaimana sih Membuat Link Banner Di Blog ?? Oke ! tanpa banyak basa basi langsung saja akan saya beritahu caranya, dan sebagai contoh nya anda bisa melihat pada gambar di bawah ini :

<a href="http://bosengaptek.blogspot.com/" target="_blank"><img border="0" alt="Get it your IT" src="http://i1185.photobucket.com/albums/z353/Ivanka_Rezma/untitled.png"/></a> <br> Sudah lihat kan ? sudah...! hehehe... oke next! berikut adalah langkah-langkah nya : 1. Seperti biasa, Login ke blog anda terlebih dahulu. 2. Pilih Rancangan->Elemen Halaman->Tambah Gadget, Kemudian Pilih Html/JavaScript seperti gambar berikut : 3. Kemudian copy dan paste script dibawah ini di halaman kosong Html/JavaScript. <div style="color: black;"> <table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: left;"><tbody> <tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGKi7gfsumeEoDokw3-OMToorFwtoouYr6H6sLnyG9AdCC6ezcxkn6vn5JR7gff31RTbJkqqbh06lpn64jFiOc2N5cyklhVfwfNhITRTF_AASvq3BJ0WOx7C5yZK1Zm2DLPjMqTKE0zLM/s1600/untitled.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img border="0" height="30" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGKi7gfsumeEoDokw3-OMToorFwtoouYr6H6sLnyG9AdCC6ezcxkn6vn5JR7gff31RTbJkqqbh06lpn64jFiOc2N5cyklhVfwfNhITRTF_AASvq3BJ0WOx7C5yZK1Zm2DLPjMqTKE0zLM/s200/untitled.png" width="200" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;"> </td></tr> </tbody></table> <center><textarea cols="31" rows="3">&lt;a href="http://bosengaptek.blogspot.com/" target="_blank"&gt;&lt;img border="0" alt="Get it your IT" src="http://i1185.photobucket.com/albums/z353/Ivanka_Rezma/untitled.png"/&gt;&lt;/a&gt;</textarea></center></div> Keterangan : - Silahkan ganti tulisan yang bewarna merah dengan url/link gambar anda. untuk warna biru, silahkan ganti dengan alamat Blog anda. -  Anda juga bisa membuat gambar atau link banner secara online di www.cooltext.com -  Berikutnya, jika anda ingin membuat gambar sendiri melalui Coreldraw atau Photoshop, setelah gambar sudah jadi kemudian upload file gambar tersebut ke www.photobucket.com. setelah gambar di upload, sekarang anda sudah bisa mendapatkan url/link gambar dengan cara View Album->Pilih Gambar Anda, Kemudian copy kode Direct Link nya dan paste kan di dalam script html yang sudah saya jelaskan di atas tadi... Mungkin itu saja yang bisa saya sampaikan dan jangan lupa untuk bertukar link dengan blog ini... Selamat mencoba dan semoga sukses !!

« Baca Selengkapnya »