Teknisi Blogger Form Newbe

Cara Membuat 3 Kolom Dibawah Header

Wah memang ternyata susah banget ya jari ini kalo udah sehati sama blog enggak mau di pisahin dah.... udah 3 hari lebih enggak posting karena lagi sibuk buat template tapi pada akhir nya sekarang saat nya untuk ngeluangin waktu berposting dan berbagi dengan para sahabat-sabahat blogger tercinta....

baiklah saya akan kasih sedikit ilmu yang tentunya bermanfaat bagi sahabat blogger semua hehehehehe kayak mbah dukun aja yeeee... Langsung TKP gannn tanpa harus banyk bosa basi...

Dan sebagai berikut cara-cara untuk membuat 3 kolom dibawah header...

1. Masuk ke akun Blogger sobat.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode ]]></b:skin> Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kodenya.

6. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>.

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

7. Cari kode <div id='main-wrapper'> bila tidak ada, silakan cari <div class='main-outer'>.

8. Copy kode di bawah ini dan paste di atas salah satu kode tersebut.

<div id='box-main-container'>
<div id='box1' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='box3' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

9. Klik tombol SIMPAN TEMPLATE.

Dan setelah itu saya ucapkan selamat mencoba untuk para sobat blogger tercinta....

Membuat Menu Breadcrumb Pada Blogger Part II

Baiklah setelah sekian lama saya tidak update alias posting di blog kini saya akan mencoba aktif kembali karena di waktu itu saya coba memodifikasi sedikit setuhan untuk template yang ini,, ya walaupun belum seutuh nya untuk seo dan super seo hehehe tapi saya sudah coba dari sekian template dan sebanyak template yang saya punya saat ini ternyata bagi saya template inilah yang sangatlah mudah untuk di modiikasi alias di bentuk kayak sesuka hati kita... dari pada saya harus panjang lebar ngomong mulu' enggak ada berhenti-berhentinya oke kali ini saya akan coba menerusakan sebuah postingan yang lalu yaitu cara memasang breadcrumb di blog... nah sobat kali ini saya punya yang lebih gampang lagi dan mudah.. hemb baiklah bila sobat udah enggak sabar langsung aja deh ikutin langkah-langkah saya berikut ini. monggo...

Sobat masuk ke Design - Edit HTML - lalu centang Expand Widget Templates.

Kemudian sobat cari sampe ketemu kode berikut, gunakan kode CTRL+F pada keyboard agar sobat lebih muda mencarinya. <b:if cond='data:post.title'>

Kalau sudah ketemu mencarinya, sobat copy code yang ada dibawah ini lalu paste / letakan tepat dibawah code. <b:if cond='data:post.title'>

<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablogsobat.blogspot.com/'>Home</a> »
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/></b:if>

Kemudian sobat ganti link yang berwarna merah tebal itu dengan nama blog sobat...

dan langkah terakhir sobat silahkan baca alhamdullilah ternyata selesai juga yaaa hehehehehe

selamat mencoba sobat semoga sukses.

Google Akan Mengganti Nama Picasa dan Blogger

Dari beberapa hari udah enggak posting rasanya kangen sama blog sendiri hihihi (lebay) oya ngomong-ngomong ni kemarin malam saya di kejutkan dengan peristiwa yang mungkin itu kebanggan tersendiri untuk saya... enggak di sangka dan enggak di duga setelah sekian lama saya menunggu dan terus menunggu untuk dapatkan itu semua ternyata di kemarin malam, bisa saya dapatkan juga. heheheh jadi kemarin malam saya coba untuk browsing di internet untuk cari artikel komputer yang belum saya punya eh egk di sangka kok alamat blog saya muncul di halaman pertama google wahhhh seneng bin bahagia hahahah tetapi ada kesediahan tersendiri dan mungkin ini enggak cuma saya sendiri tapi buat semua para pecinta blogger pastinya dengan datangnya kabar dari google yang akan mengganti nama blogspot menjadi google blogs dan picasa menjadi google photos dan inilah ulasan alias info yang saya dapatkan.... saat ini.

Tak lama setelah meluncurkan jejaring sosial Google Plus, Google dikabarkan bakal melakukan konsolidasi layanan-layanannya demi mempurkuat daya saing. Dua nama layanan dari Google yang selama ini sudah dikenal publik yakni Picasa dan Blogger bakal diganti namanya dengan embel-embel Google sebagai bagian strategi integrasi ke jejaring sosial tersebut.

Seperti dilaporkan situs Mashable.com,Picasa akan diganti menjadi Google Photos, sedangkan Blogger akan diganti Google Blogs. Perubahan tersebut akan dilakukan dalam enam minggu ke depan sebelum Google+ akan diluncurkan secara umum untuk publik. Picasa merupakan penydia album foto online sementara Blogger merupakan penyedia layanan blog gratis.

Langkah rebranding semacam ini bukan yang pertam kali dilakukan Google. Sebagai contoh seteah mengakui sisi layanan VoIP GrandCentral pada 2007, Google kemudian mengganti namanya menjadi Google Voice pada tahun 2009 saat disediakan untuk publik.

Selain itu, rebranding akan memperkuat merek Google. Pengguna Picasa dan Blogger selama ini mungkin tidak tahu kalau menggunakan produk Google meski untuk masuk sudah dipaksa menggunakan satu alamat login tunggal.

Picasa merupakan produk hasil tahun 2004 namun tidak diubah namanya saat itu. Begitu juga Blogger yang dibeli Google dari Pyra Labs tahun 2003.

Mungkin cukup itu dulu ya sobat yang dapat saya kasih dan berikan kepada sobat sekalian oke meski ini sangat membuat banyak master-master blogger kecewa mungkin disini saya sebagai newbie alias pemula memberika sebuah dukungan semangat dan pantang menyerah untuk para master ataupun senio-senior blogger. dan tidak cukup hanya untuk para master maupun senior blogger tetapi untuk seluruh kerabat blogger tentu yang ada di tanah air ini... SALAM BLOGGER

Akhirnya Akun Google Yang Terkena Blokir Sudah Pulih

Sempat bingung juga karena tiba-tiba akun google milikku diblokir oleh google, padahal pagi harinya masih bisa dibuka seperti biasa. saya pun akhirnya memilih untuk membuat akun baru dan mulai membuat blog baru mulai dari nol. tetapi seminggu kemudian saya mencoba browsing di google dan menemukan satu tutorial dari blog inforiatif.com.Wah ternyata akun google yang terkena blokir bisa dipulihkan, senang sekali rasanya karena blog SEO.ku masih bisa diselamatkan walaupun pr yang sebelumnya 2 hilang menjadi n/a.

Lalu bagaimana cara memulihkannya? oke, saya akan memberikan tutorial tersebut, tetapi pada postingan berikutnya. salam - Akhirnya Akun Google Yang Terkena Blokir Sudah Pulih

Perbedaan Blogger Vs WordPress

Tahu kah Anda, bahwa di jaman teknologi yang serba canggih seperti sekarang ini untuk mempunyai sebuah Website / Blog itu tidaklah sulit. Banyak cara-cara instant untuk memulai membuat suatu website / Blog, salah satunya Anda bisa gunakan software-software gratisan yang bisa Anda download melalui internet ini, seperti Blogger, WordPress dan Joomla.

Bahkan untuk Anda yang ingin berbisnis E-Commerce atau membuka dagangan melalui World Wide Web sekalipun bisa Anda lakukan dengan mudah dan secara instant. Anda tidak perlu pusing-pusing untuk memikirakan bagaimana cara merancang database dan script pemogramannya. Software E-Commerce tersebut juga bisa Anda dapat kan melalui internet ini dengan gratis seperti software oCommerce dan CubeCart.

Dari beberapa software instant untuk membaut website / blog seperti di atas, tentunya ada kelebihan dan kekuranganya. Disini saya hanya ingin menjelaskan perbedaan antara Blogger dan WordPress saja menurut versi saya, yang jelas dari kedua web service tersebut sama-sama gratis yang bisa Anda coba untuk memluai membuat sebuah website / Blog.

Berikut perbedaan antara Blogger dan WordPress :

1. WordPress dapat mengimport postingan yang ada pada Blogger / Blogspot sebaliknya Blogger tidah bisa mengimport postingan yang ada pada WordPress.

2. WordPress menyediakan form komentar yang user friendly sedangkan Blogger agak ribet untuk memberikan sebuah komentar, tapi jika Anda bisa mensettingnya tentu saja bisa user friendly

3. Blogger menyediakan menu Drag Drop yang mudah untuk di gunakan, sedangkan WordPress sulit Drag Drop edit element halaman.

4. Blogger support Google Adsense yang mudah untuk kita gunakan pada Edit elemat halaman, sedangkan WordPress tidak mensupport Google Andsense, meskipun banyak yang menyediakan plugin google Adnsense

5. WordPress lebih unggul dalam kasus menanggulangi spam karena telah di lengkapi dengan plugin anti spam, Sedangkan Blogger dapat di lakukan dengan moderation order dari commenting systemnya.

6. Para pengguna WordPress tergolong banyak yang sombong di bandingkan dengan Blogger meskipun hanya beberapa saja, kenapa demikian? Silahkan Anda buktikan sendiri minta link Exchange ke blog Bayumukti.com. Jika Anda bukan celebrity blog sampai nangis darah pun ga bakalan di link back. Sedangkan para pengguna Blogger senantiasa bertukeran link telah terbukti di kolom-tutorial.

7. Apabila Anda telah mempunyai domain dan hosting sendiri software WordPress telah tersedia dan siap di install di cpanel Anda. Sedangkan Blogger tidak tersedia disana. Tetapi Anda juga bisa menggunakan domain Anda dan hosting pada Blogger.

Sumber : Ilmu TI.COM

Cara Memasang Navigasi Breadcrumb

Navigasi Breadcrumb

Mungkin sebelum saya menerangkan lebih jauh lagi tentang menu navigasi breadcrumb ini sobat-sobat blogger sekalian jelas sudah pada tau atau belum kalau belum saya akan jelaskan sedikit tetang navigasi breadcrumb ini tanpa banyak bosa basi sobat liat gi di bagian atas judul di blog ini nah seperti itulah yang namanya navigasi breadcrumb,,,Sekarang saat nya saya akan kasih tips tentang cara memasang navigasi breadcumb di blogger agar tampak seo buat para pemula blogger yang lagi pada belajar ya meskipun sama seperti saya yang lagi belajar juga hehehehe.... oke dari pada saya harus kebayankan nyerocos enggak karuan lebih baik sobat-sobat sekalian ikutin langkah-langkah yang akan saya kasih dibawah ini.. upss sebelum itu baca do'a dulu sobat biar enggak ada kendala dalam kita belajar.. :D oke mari kita lanjut ke TKP >>>

Langkah Pertama yang harus sobat lakukan adalah login ke akun sobat, kemudian Pilih Pada Dashbord Blogger sobat Pilih Rancangan Pilih>> Menu Tata Letak Pilih>> Edit HTML, setelah sobat blogger berada di halaman Edit Html silahkan Centang bagian yang ada tulisan Expand Widget Templates.

Sekarang Cari Code dibawah ini :

<b:includable id='post' var='post'>

Kemudian letakkan kode dibawah ini tepat di bawah code >> <b:includable id='post' var='post'>

<em>Browse: <a expr:href='data:blog.homepageUrl'>Home</a> / <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> / </b:if>
</b:loop>
</b:if> / <a expr:href='data:post.link'><data:post.title/></a></em>

Setelah itu silahkan simpan pengaturan template sobat.

Warning !!! : Navigasi Breadcrumb tersebut hanya akan terlihat di halaman artikel saja.

Mungkin cukup segitu dulu ya sobat blogger untuk hari ini nanti lain kali saya coba akan tambahkan ramuan biar tambah mantappp lagi...dari Cara Memasang Navigasi Breadcrumb Di blogger. Selamat Mencoba Sobat Blogger.

Blog Banyak Diminati Pengunjung

Persaingan blog yang begitu ketat akhir-akhir ini menuntut para blogger yang tadinya bisa jadi hanya sekedar hobi, sekarang harus lebih cerdas dan kreatif.

Banyak sekali blogger yang berfokus pada SEO ( Search Engine Optimization ) untuk meningkatkan traffic blog. Saling berlomba mendapatkan peringkat atas search engine memang diakui dapat meningkatkan pengunjung. Akibatnya justru kita harus membuka beberapa halaman dulu untuk menemukan konten yang dicari.Tetapi apakah para pengunjung yang telah datang akan kembali lagi ke blog itu lagi? Jawabnya belum tentu pengunjung akan kembali mampir.

Banyak blog sekarang ini juga menduplikat search engine yang menyesatkan para pengunjung. Jadi ketika kita memasukkan sebuah kata kunci pada search engine, kita diarahkan untuk masuk sebuah blog. Setelah kita buka blog tersebut ternyata sama fungsinya dengan search engine. Jelas kita kecewa karena kita tidak menemukan apa yang kita cari alias muter-muter.

Selain itu juga banyak blog/web mengoptimalkan dalam penggunaan keyword atau kata kunci yang sering dicari oleh pengunjung. Meningkatkan pengunjung menggunakan keyword tidaklah tahan lama. Toh tetap saja banyak pengunjung yang datang dan juga pergi.

Layanan bookmark dan berlangganan secara gratis juga banyak disajikan.Hal ini agar pengunjung bisa konsisten kembali mengunjungi blog itu. Tetapi bila materi yang disajikan mudah ditemukan, hasil copy paste dan banyak bertebaran / pasaran? Pengunjung mau mampir kembali saja belum tentu, apalagi mau memborkmark atau berlangganan walaupun secara gratis. Toh pengunjung tinggal mencari di search engine telah mendapatkan apa yang dicari.

Ya..Bisa dikatakan para pengunjung adalah raja, dan konten anda lah yang menentukan. Karena sebuah blog harus punya ciri khas tersendiri.. Bila anda sebagai pemilik sebuah blog, mengoptimalkan blog yang SEO dan penggunaan keyword memang perlu. Setidaknya blog anda akan lebih dikenal dan banyak pengunjung. Daripada sepi seperti blog saya ini, hehehehe

So, jadilah diri anda sendiri dan jangan lupa untuk membuat konten yang unik dan menarik. Pahami apa yang diinginkan oleh para pengunjung. Buatlah mereka berkesan dengan blog anda agar pengunjung tidak sekedar permisi numpang lewat.....

Sumber : TOBEHAPPY

Membuat Page Number di Blog

Nah kebutulan banget nih sobat ada yang minta kasih tau saya tetang cara-cara buat page number atau nomor halaman di blog oke deh saya enggak banyak bosa-basi karena lagi enggak enak badan... hehehe ya sudah sekarang mari kite lanjut ke inti permasalah... yukkk mariii

Langkah-langkah membuat page Number / nomor halaman pada blog
1. Login Ke Account Blogger Anda
2. Masuk Ke "Tata Letak > Edit HTML
3. Dan Klik "Download Template Lengkap" untuk proses backup Template
4. klik pada "expand..."
5. Cari kode "]]></b:skin>" untuk memper cepat pencarian tekan pada Keybord sobat.
6. Jika Sudah Ketemu, tambahkan kode di bawah ini diatas kode "]]></b:skin>"

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

Lalu,cari lagi kode </body>
dan kemudian masukkan kode di bawah ini diatas kode </body>

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

Langkah Terakhir,carilah kode 'data:label.url'

Jika sudah ketemu,hapus kode tersebut dan gantilah dengan kode berikut ini:

'data:label.url + "?&max-results=5"'

Sekarang,simpan templates Sobat,dan lihat hasilnya
Selamat mencoba sobat blogger.

Blogger Indonesia Dituntut Rp2 Milliar

Hati-Hati Membuat / Menggunakan Template Untuk Blog : Blogger Indonesia Disomasi Facebook

JNC - Seorang blogger Indonesia yang bernama Ainun Nazieb tersandung masalah dengan raksasa penguasa jejaring sosial Facebook. Perusahaan tersebut melayangkan surat tuntutan terhadap Nazieb.

Apa masalahnya?

Surat tuntutan ini bermula ketika Nazieb membuat blog pribadi yang beralamat di nazieb.com dan membuat tema blog bernama 'Smells Like Facebook' yang mirip dengan tampilan Facebook versi pertama. Nazieb dituntut facebook sebesar 2 Milliar.

Berawal dari ke-iseng-an untuk membuat tema blog pribadi yang mirip tampilan Facebook, akhirnya ada beberapa teman yang meminta dia menyediakannya sebagai tema yang bisa dipakai oleh orang banyak karena dinilai menarik.

"Jujur saya tidak berniat mencari keuntungan, karena saat itu saya hanya berniat share saja," tutur Nazieb, ketika dihubungi okezone, Kamis (17/11/2011)"
.

Tema blog tersebut memang sudah distop untuk diunduh dari blog pribadinya, namun peredarannya belum tentu berhenti. Orang lain masih mungkin bisa melakukan share melalui blog mereka.

Upaya yang sedang dilakukan Nazeib saat ini ialah berkonsultasi dengan kuasa hukumnya yang disediakan oleh pimpinan perusahaan di mana dia bekerja sekarang. Bersama kuasa hukumnya dia akan memenuhi panggilan pihak Facebook Indonesia pada hari Senin, 21 November atau Rabu, 23 November 2011.

Saat ini dia masih mengkonsultasikan masalah ini dengan kuasa hukum yang disediakan oleh pimpinan perusahaan tempat dia bekerja, kemudian dia dan kuasa hukumnya akan mendatangi panggilan perwakilan Facebook pada hari Senin atau Rabu mendatang, untuk mengetahui apa yang sebenarnya dituntut pihak Facebook.

Apa yang dilakukan Ainun Nazieb memang lebih dari sebuah kreatifitas biasa. Memanfaatkan ilmu untuk sebuah karya memang sangat diharapkan ada di setiap individu generasi penerus bangsa, namun sebaiknya memperhatikan juga karya orang lain. Jangan sampai menimbulkan masalah yang lebih besar karena masalah hak cipta.

Kiranya kejadian ini menjadi pelajaran bagi kita yang bergelut di dunia digital, khususnya sebagai blogger atau web desainer / developer. Karya orang wajib untuk dihargai. Kebiasaan buruk yang sering dilakukan beberapa blogger adalah menghapus credit / copyrigth yang biasanya terletak di footer setiap template.

Sebagai sesama blogger, saya tetap memberikan dukungan kepada Ainun Nazieb, semoga masalah ini cepat selesai. Salam Blogger

Cara Memasang Tombol Like Diatas Postingan

Kira-kira sudah ada yang tau belum untuk memasang tombol Like/Suka di atas postingan kita di blog,,, emmmm mau tau cara nya enggak cara nya,,, emm kasih tau enggak yaaa hehehehe baiklah sobat mari kita praktekan untuk cara2 pembuatan nya

ambil gelas kasih kopi+gula dan air panas lalu di sajikan dan di minum dehhhh taraaaa jadi deh hehehehe becanda sobat ..adapun langkah nya sebagai berikut sobat :

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk membuat salinan template. Hal ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan kita dapat dengan mudah mengembalikan template ke seperti semula.

4. Cari kode <data:post.body/> Untuk mempercepat pencarian, silakan tekan Ctrl + F.

5. Copy kode berikut letakkan dibawah kode <data:post.body/>

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=dark"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:24px;'/><br/>

6. SIMPAN Template

Lihat hasilnya Sobat....emmmmm jadi ada tombol like nya deh....hehehehe

Menghilangkan Icon Obeng dan Tang Di Blog

Di Pagi ini saya akan coba berposting sedikit dengan tema "menghilangkan icon obeng dan tang di blog" sebenernya si itu enggak jadi permasalahan yang mungkin terlalu sulit untuk di hadapi, tapi mungkin memang ada sebagian sobat blogger yang risih kali ya liat obeng dan tang itu sendiri hehehehe jadi pingin nya di hilangin wahhh gampang kok sobat yukk kita lanjut ke TKP >>>

Ikuti Langkah-langkah berikut ini sobat untuk hilangkan obeng dan tang nya :

1. Login ke blogger dengan ID sobat tentunya.

2. Klik Tata Letak.

3. Klik tab Edit HTML.

4. Centang Expand Widget template nya cobat

5. Dan sebelumnya cari kode ini dulu sobat ]]></b:skin>

Kemudian Copy kode yang ada di bawah ini dan taruh persis di atas kode ]]></b:skin>

.quickedit{

display:none;

}

Klik tombol Simpan template.

Dan pada akhir nya selesai obeng dan tang nya juga sudah pergi jauh-jauh dari hadapan mata kita hahahahaha.

Selamat Mencoba Sobat blogger.....Ups jangan Lupa tinggalin komentar n followers nya ya...biar tambah kenceng lari nya kalo lagi posting gto huhuhuhuhuhu :D

Google AdSense Mengeluarkan Policy Terbaru

Akhirnya dari 2 hari yang lalu enggak bisa posting karena dibuat pusing kepala oleh template dan akhir nya di siang hari ini masalah itu terselesaikan juga, dan pada akhirnya bisa posting lagi asiiikkk pokok nya lega dan enggak ada masalah lagi hemmm hehehehehe oya ngomong-ngomong kayak mana nih kabar sobat blogger sekalian pada sehat dan baik-baik ajakah kau disana hohohoho... oke dehh kita langsung ke TKp aja yo

kali ini saya akan coba untuk kasih info terbaru,terhangat, dan sangat akurat... kabar-kabar nya nih sobat Google adsense keluarin Policy terbaru aduhhhhh pusing lagi ni kepala kayak nya, hehehe karena bagi sobat yang memakai Google Adsense untuk mendapatkan peluang penghasilan tambahan, mungkin harus lebih bekerja lebih keras lagi. Bisa jadi pendapatan sobat bisa hilang apabila sobat tidak mengikuti aturan-aturan baru ini. Akan tetapi apabila sobat mengikuti aturan-aturan ini, pendapatan sobat dari Google Adsense ada kemungkinan akan turun drastis.

Tanggal 28 April lalu, Google mengeluarkan aturan main baru tentang pemasangan iklan Google. Bagi sobat yang memasang iklan Google di blog atau website yang sobat miliki, mereka harus mentaati aturan ini atau akan kehilangan haknya untuk memakai service-service sobat. Dalam aturan yang dikeluarkan itu pertama disebutkan sebagai berikut,

Publishers participating in the AdSense program are required to adhere to the following policies, so please read them carefully. If you fail to comply with these policies, we reserve the right to disable ad serving to your site and/or disable your AdSense account at any time. If your account is disabled, you will not be eligible for further participation in the AdSense program.

Nah dari aturan-aturan yang ada, kurang lebih hal-hal berikut tidak boleh dilakukan lagi oleh publisher.

* Selling text links to casinos, gambling sites, prescription drug sites is now a violation of the AdSense terms, since publishers now cannot *link* to those sites (and many other types of sites).* Making your contents/ads blended enough that it is hard to tell them apart. *Very specific webmaster guidelines AdSense publishers must abide by, including no hidden text/links, that sites must be information-rich, and no doorways or cookie cutter affiliate sites. *. Changes if you receive traffic from paid search

Item nomor dua ini suatu item yang sering dilakukan oleh publisher untuk “menjebak” pengunjung websitenya agar mereka melakukan klik ke iklan Google. Sudah tentu dengan mengeklik ini, maka si publisher akan mendapatkan reward atau earning money. Dengan trik blended, maka iklan Google akan terlihat menyatu dengan artikel yang ada di website kita, sehingga pengunjung website seperti tidak tahu, apakah itu iklan atau bagian dari artikel itu sendiri. Seperti kita ketahui, bahwa iklan Google akan menampilkan iklan yang berhubungan dengan isi artikel kita.Lebih jelasnya adalah term-term yang ada di bagian bawah ini :

* Compensate users for viewing ads or performing searches, or promise compensation to a third party for such behavior।* Place ads in a floating box script.* Format ads so that they become indistinguishable from other content on that page.* Format site content so that it is difficult to distinguish it from ads.

Dalam aturan yang dikeluarkan oleh Google ini ada kalimat yang cukup menarik, dan mungkin akan membuat para publisher Google semakin sulit mendapatkan kesempatan klik dari pengunjung.Google ads, search boxes, or search results may not be:

* Placed on pages whose content or URL could confuse users into thinking it is associated with Google due to the misuse of logos, trademarks, or other brand features.* Placed on, within, or alongside other Google products or services in a manner that violates the policies of that product or service.

Bagi para developer tool bar or API search engine di browser pun akan kesulitan untuk mendapatkan income dari Google Adsense.

A maximum of two Google AdSense for search boxes may be placed per page. Also, a single link unit or a search box, but no other Google ads, may be placed on pages with AdSense for search results. Queries must originate from users inputting data directly into the search box and cannot be modified. This includes pre-populating the search box with terms or hard-coding direct links to search results pages. AdSense for search code may not be integrated into any software application such as a toolbar.

Lebih detailnya, sebelum betul-betul bertempur dengan kondisi yang semakin sulit ini, silakan baca-baca terlebih dahulu aturan baru yang diterapkan oleh Google di URL berikut,

https://www.google.com/adsense/support/bin/answer.py?answer=48182&hl=en

Ingat bisnis internet bukan berarti Adsense, masih banyak kesempatan yang dapat kita lakukan selain dengan Adsense. Banyak sekali affiliate-affiliate yang ada di dunia internet. Atau mungkin bisnis yang lebih terfokus kepada transaksi secara langsung dengan barang yang kita jual di internet. Berikut adalah salah satu contoh bisnis internet dengan menggunakan blogspot.com dikombinasikan dengan shoponline dan ebay.com

http://americagoods.blogspot.com/

Bisnis ini cukup berhasil dan mendapatkan respon yang cukup lumayan. Kuncinya bukan di design atau konten, akan tetapi dari sisi marketing. Dengan bermodal website gratisan dan marketing yang bagus di multiply.com dan facebook.com dapat memulai bisnis sedikit demi sedikit. Karena itu semua bisnis internet, harus dimulai dengan strategi yang harus kita lakukan. Apa yang ingin kita capai dan bagaimana kita harus melakukannya. Terkadang dengan hal-hal yang terdekat, justru kesuksesan itu dapat kita raih.semoga info ini sangat bermanfaat untuk kita sebagai pengembang bisnis lokal maupun di internet.

sekian terima kasih

Salam Blogger
Sumber :http://infokomtek.com/blog-komunitas/google-adsense-mengeluarkan-policy-terbaru

Tempat Bermain Catur Online Gratis Playchess

Tempat Bermain Catur Online Gratis Playchess - Catur merupakan permainan yang sangat mengasah otak kita, setiap langkah harus benar-benar diperhitungkan, bahkan kita dituntut untuk memikirkan 2 sampai 7 langkah ke depan (sampai 20 langkah ke depan juga boleh :p). Kali ini saya akan berbagi sebuah software catur yang bisa digunakan untuk bermain catur secara online. Anda bisa bermain melawan pecatur-pecatur dari luar negeri, sangat berguna sekali untuk menambah pengalaman bermain catur. Anda bisa mendownload Playchess di Chessbase.com.
Setelah anda mendownload program catur Playchess, silahkan install dan buka program catur tersebut, anda bisa memilih masuk dengan mendaftarkan diri terlebih dahulu atau bisa langsung masuk tanpa mendaftar dengan nama guest. Setelah masuk, anda pilih room 'cafe' di sebelah kanan dan buka tab player di kolom besar di bagian kiri. Lihat gambar di bawah untuk mempermudah penjelasan.

untuk menantang orang, silahkan klik pada bagian blitz, bullet, atau slow di atas di sebelah 'repeat las seek', itu berfungsi untuk menantang semua player yang sedang tidak bermain. untuk menerima tantangan, silahkan lihat box kiri bawah, jika ada nama player yang muncul, klik pada nama pemain tersebut, lalu klik 'accept'. Oke sekian dulu artikel dari saya tentang Tempat Bermain Catur Online Gratis Playchess, semoga membantu.

Increase Alexa Traffic Rank For Blogger

Quick and easy steps to improve you blogger blog traffic ranking, as we all know alexa.com is a company on the internet

that gives every single site on the internet it’s own rank.

there is web sites ranked 24.000.000 and another ranked under the 100.000

and the second is all what we need.

when i started publishing this site. my alexa rank was 6.300.000.

but now, thank god it is just 993.778, and it’s increasing day by day.

alexa updates the rankings every 4 or 5 days. and you can monitor the changes that happen to your traffic rank and try to improve it always.

and here i gonna tell you some easy, cheap, fast steps that will make your rank increase quickly. and it works for me.

1. The first one here should be the most famous advice when it comes to alexa traffic rank increasing. installing alexa toolbar.and when you browse your blog every day. Ask your friends to do the same. Every time you browse your blog, Alexa Toolbar will communicate your visits to the Alexa Ranking Engine, which will update your ranking.

actually alexa depending on the toolbar to arrange the rankings.

2. Set you blog as the home page for your browser.

and try to do it with all your friends and every computer you can control.i mean if you work at big company and there is big number of computers there. if you can set all browsers home page to you blog url, that’s going to be great.

3. Try to add webmasters category to your blog, because all webmasters already installed alexa toolbar, and that’s must affect your rank when they visit your blog with alexa toolbar installed.

4.Increase traffic to your blog. That is what alexa is all about. and when you visit any blog or forum with related content, leave your link there as comment or reply.

5. Add alexa rank widget to your blog. alot of people did it and it works for them.

6.Right article about alexa and encourage people to download the alexa toolbar.

i hope you all good luck and higher traffic rank.

max.

Keep the spirit and creativity continue with your lifestyle

Cara Menghilangkan Noda Jerawat pada Foto Menggunakan Photoshop

Cara Menghilangkan Noda Jerawat, bekas luka pada Foto Menggunakan Photoshop - noda di wajah memang seringkali membuat foto kita tampak kurang bagus, noda-noda seperti bekas luka, jerawat dll. memang sangat mengganggu hasil jepretan kita. Kali ini, saya akan berbagai mengenai Cara Menghilangkan Noda Jerawat pada Foto Menggunakan Photoshop. btw, foto di atas hasil editanku sendiri looh, gimana? bagus tidak?

pertama-tama buka photoshop versi berapapun di komputer anda
lalu masukkan foto yang akan diedit
pilih menu Healing Brush Tool, lalu tekan alt sambil meng-klik pada bagian wajah yang masih bersih
setelah itu klik pada bagian wajah yang mengandung noda tanpa menekan tombol alt, jika ukuran brush kurang besar, anda bisa mengatur ukurannya dengan cara melakukan klik kanan pada mouse.
bersihkan semua noda dan simpan foto anda dalam bentuk jpeg atau format lainnya (sesuaikan kebutuhan).

Nah bagaimana? apakah foto anda sudah terlihat lebih bagus? sekian dulu artikel dari saya, terima kasih kujungannya - Cara Menghilangkan Noda Jerawat, bekas luka pada Foto Menggunakan Photoshop

Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog

Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog - Pada postingan kli ini saya akan berbagi mengenai Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog, sebenarnya saya sudah pernah mempublish artikel ini di blog sebelumnya, teteapi berhubung blog tersebut sudah wafat (baca : kena blokir) entah apa penyebabnya, jadi saya tulis ulang artikel tersebut di blog ini. semoga bapak-bapak dan ibu-ibu berkenan dengan artikel saya (lho?)

Oke langsung saja anda buka akun blogger, lalu buka menu rancangan => Edit HTML => centang Template Expand Widget => lalu anda tekan f3 dan cari kode <div class='post-footer'>
setelah itu anda masukkan kode berikut di bawah kode <div class='post-footer'>

<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ebf44dc7528ea48' type='text/javascript'/>

setelah itu pilih simpan Template dan lihat perubahannya, di bawah postingan anda akan muncul Tombol FB Like Tweet This G+ di Bog dan tombol share yang sangat berguna untuk populartias blog anda - Cara Menambahkan Tombol FB Like Tweet This dan G+ di Bog

Pasang Widget Translate Google Di Blog

Salamat Malam Sobat blogger,,, hemmm maaf ya sobat blogger adit harus ganti2 template terus karena template nya yang adit pake ini kurang menarik trus juga adit gampang banget bosen,, gimana ya sobat blogger biar gak bosen dan kalo liatain blog sendiri itu biar agak menarik kasih solusi nya donk sobat blogger,,, oya adit mohon dengan sobat blogger semua dukung adit dan selalu semangatin adit ya dalam mengelola blog biar tamabah semangat kasih koment nya ya, saran,kritik, dan juga ide-ide yang menarik oke kita langsung aja dalam inti perampokan ehhh salah maksud nya permasalahan hehehehehe malam ini adit mau kasih sedikit tambahan untuk mempercantik blog kita dengan translate google yang itu tu yang mana si yang ini ni hehehehe

Langkah awal
Masuk Dasbord Blog Sobat
Pilih Rancangan
Lalu Pilih >> Tamabah Widget >> HTML/Java Script
Copy dan paste code di bawah ini.
Tempatkan sesuka sobat dimanapun itu tempat nya hehehehehe

Versi 01

<div style="border: 1px solid rgb(214, 235, 173); padding: 10px 4px 3px; text-align: center; background-color: rgb(214, 235, 173);">
<div align="center"><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;" title="Chinese (Simplified) BETA"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Chinese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke4C8za2I/AAAAAAAAAkU/Mpfn_ntCweU/China.png" title="Chinese"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;" title="French "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="French" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkfGSkRgfI/AAAAAAAAAkc/X4E87SASLtA/France.png" title="French"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;" title="German"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="German" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke3rFjMUI/AAAAAAAAAkE/o0kR0MfngXA/Germany.png" title="German"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;" title="Italian"><img alt="Italian" style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke2xCmrPI/AAAAAAAAAj0/Jv14yyDo1i4/Italy.png" title="Italian"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;" title="Japanese BETA"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Japanese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke3f2KbNI/AAAAAAAAAj8/xyGLFdUZbVY/Japan.png" title="Japanese"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;" title="English "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="English" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United%20States%20of%20America%20%28USA%29.png" title="English"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;" title="Russian BETA "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Russian" src="http://lh5.ggpht.com/_mcq01yDJ2uY/SdkfGVESWsI/AAAAAAAAAkk/-ruu99vFElQ/Russian%20Federation.png" title="Russian"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;" title="Spanish "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Spanish" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke312ethI/AAAAAAAAAkM/KeACgltRc38/Spain.png" title="Spanish"/>
</a><center style="color: rgb(0, 0, 0); font-weight: bold;"></center></div></div>

Versi 02

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

Versi 03 Dari yahoo babel fish

<script type="text/javascript" charset="UTF-8" language="JavaScript1.2" src="http://uk.babelfish.yahoo.com/free_trans_service/babelfish2.js?from_lang=en&region=uk"></script>

Setelah itu selesai dehh Dan Liat hasil nya... taraaaaaaaa

Cara Membuat Anti Clik Kanan Di Blog

Akhir nya bisa posting dehhh uhhhhh bahagia rasa nya adit malam ini karena laptop adit sudah kembali seperti semula alias sudah dapat obat nya hehehehehehe oke deh mungkin kali ini adit akan mempersingkat waktu demi ke nyamanan dan ke amanan diri masing-masing di karenakan juga hari sudahlah malam mata juga sudah ngantuk... yukk mariii kite simak sama-sama :

ikuti langkah-langkah berikut ini :
1. Masuk ke Blog sobat
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Pastekan script di bawah ini ke halaman conten HTML/JavaScript tersebut
<script>
var message="Maaf, Klik Kanan Saat Ini Di Larang";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")
</script>
6. Silahkan ganti script yang berwarna hijau dengan kalimat pilihan sobat
7. Klik Simpan
8. Selesai
Selamat mencoba, semoga bermanfaat

Rezky Nabil Anwari

Rezky Nabil Anwari - Nama saya Rezky Nabil Anwari, akrab dipanggil Nabil. Tinggal di Malang,, Indonesia. saya juga bekerja sebagai Internet Marketer di amazon.com. Sekarang saya duduk di sekolah menengah atas (SMA) kelas XI dan mengambil jurusan IPA. untuk hobi, saya sangat menyukai olahraga catur (raga bagian mana coba yang diolah?)

Saya memiliki beberapa Hobi seperti main catur, main game online, blogging, coding, tidur, makan, belajar, solat (kalau ini mah kewajiban hehehe) Ingin kenal lebih jauh? sayangnya saya tidak ingin mengenal anda lebih jauh (hahaha just kidding) add my facebook => http://www.facebook.com/rezkynabil.sangwebmaster - Rezky Nabil Anwari

Rating Artikel : 5
Jumlah Voting : 1 Orang

Cara Membuat Menu Drop Down

Malam sahabat blogger sebelum adit mulai membahas tenteng "cara-cara membuat menu drop down" kira-kira ada yang bisa kasih solusi untuk adit enggak ya... karena masalah ini bagi adit sangat menghambat dalam kerja adit. hemm ini sebenarnya sahabat blogger masalahnya, aditkan lagi cari tugas kuliah tu di internet ehh tiba-tiba laptop adit mati kemudian enggak mau tampil bios dan juga gak mau login ke windows nya udah adit coba tekan F10,F12,Ins,Esc,F2,Esc+Ctrl dll tapi tetep aja gk mau tampil adit jadi bingung apa adit harus update bios nya atau adit harus otak-atik di jumper mainbord laptop adit tapi adit harap sahabat-sahabat adit ada yang bisa kasih solusi selain itu mungkin ada yang kasih software khusus untuk update bios oya laptop adit Toshiba Sattelite L645, oke deh untuk mempersingkat waktu adit langsung aja bahas tetang cara membuat menu drop down.

Untuk membuat menu dropdown,selain membuat situs lebih rapi,dan juga sambil belajar bersama ya hehehehe
Untuk kodenya copy paste kode di bawah ini :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>Kata Pertama Yang Muncul/Judul</option>
<option value="Alamat Link tujuan">Isi Text Yang Di Tampilkan</option>
</select></form>

Contoh :

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option>Link</option>
<option value="http://www.youtube.com">Youtube</option>
<option value="http://www.yahoo.com">Yahoo</option>
<option value="http://www.google.co.id">Google</option>
</select></form>

Dan hasilnya seperti di bawah ini sahabat :

Hemmm Mudah ya sahabat blogger hehehehe
selamat berkarya & mencoba sahabat blogger

Membuat Read More Part 02

Selamat siang sahabat blogger

hemmm badan rasa nya masih pegel-pegel dan capek banget, karena habis kerja seharian hehehe mumpung ada luang waktu jadi adit pergunakan sejenak untuk memposting sebuah artikel tentang membuat readmore wahhh belum selasai agaknya hehehehe wah ini yang ke dua sahabat untuk yang auto read more.. oke langsung untuk masalah pembahasan ini kita lanjut ke TKP....

Langkah-langkahnya:

1. Masuk ke dahboard >> Design/Rancangan >> Edit HTML. Jangan lupa centang 'Expand Widget Templates'. Download/back up file XML template terlebih dahulu agar nanti bisa mengembalikan seperti semula jika ada kesalahan.

2. Copy-paste script berikut tepat DI BAWAH </head> (gunakan Ctrl+F)Untuk pencarian cepat:

<script type='text/javascript'>
var thumbnail_mode = "yes"; //yes-dengan gambar,no-tanpa gambar
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(thumbnail_mode == "yes") {
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Yang berwarna merah adalah jumlah dan ukuran tampilan, summary_noimg=jumlah karakter tanpa gambar, summary_img=jumlah karakter dengan gambar, sedangkan img_thumb_height dan img_thumb_width adalah ukuran gambar (dalam pixel). Ubahlah sesuai dengan keinginan.

3. Kemudian cari <data:post.body/> (gunakan Ctrl+F untuk pencarian cepatnya), dan GANTI dengan:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>");
</script>
<a class='more' expr:href='data:post.url'>Read More...</a>
</b:if>
</b:if>

Ganti Read More... dengan kata-kata yang diinginkan. Atau jika ingin menggantinya dengan gambar, ganti tulisan Read More tersebut dengan code dibawah ini:

Ganti url (direct link) gambar readmore dengan alamat url dimana anda mengupload dan menghosting gambar.

Baiklah sahabat blogger tercinta kiranya cukup segitu dulu deh yang adit kasih hari ini karena adit akan melanjutkan sebuah pekerjaan yang harus di selesaikan hari ini juga hemmm karena belum kelar merakit komputer nya mana lagi banyak yang pesan serta service jadi pusing deh kepala nya harus membagi waktu sana dan sini hehhehe

Selamat berjuang dan berkarya untuk seluruh sahabat blogger sejati di tanah air indonesia ini.

Membuat Widget Daftar Isi Di Blog

Kemarin adit udah posting tentang cara membuat read more / baca selengkapnya di blog dan untuk sekarang adit akan melanjutkan postingan adit tentang membuat widget daftar isi di blog sobat blogger pasti nya udah tau yaa untuk cara-cara membuat widget daftar isi di blog... hehehehe maaf ya sobat adit hanya pemula yang lagi belajar blogger, kasih semangat nya dong sobat blogger buat adit biar semakin kenceng untuk lari nya hehehehe maksud nya biar tambah pengalaman, dan tata letak kata dalam berposting sobat blogger.... hembb oke deh tanpa banyak kata adit akan langsung bahas tentang "Cara membuat Widget Di Blog" :

Langkah 1
Login ke Blogger

Langkah 2
Masuk ke "Tata Letak - Elemen Halaman"

Langkah 3
"Tambah Gadget" baru dengan type "HTML/JavaScript"

Langkah 4
Tambahkan kode dibawah ini:

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://hensblog.googlecode.com/files/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>
</div>

Langkah 5
Simpan Gadget

Keterangan:

border: 1px solid #000 : Ubahlah border sesuai dengan keinginan anda

height: 220px : Ubah nilai 220px untuk mengatur tinggi widget daftar isi

Jika ingin menampilkan daftar isi sesuai dengan label/kategori tertentu silahkan tambahkan kode /-/Label sehingga menjadi seperti kode dibawah ini (ganti Label dengan kategori yang ingin ditampilkan):

<script src="/feeds/posts/default/-/Label?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script>

Selamat mencoba semoga berhasil Sobat Blogger Dan Jangan Lupa Tinggalin Komentarnya Sobat Blogger.

Membuat Read More atau Baca Selengkapnya Di Blog Part 01

Malem sobat blogger wahhh maaf ni agak lambat postingnya karena kemarin lagi sibuk dengan pekerjaan rumah yang harus cepat di selesaikan, hehehehe

oya kabar sobat blogger pada sehat semuakan.... heeemmmm oke langsung aja kali ini adit mau coba posting dan mengulas tetang "read more" atau yang biasa di bilang "baca Selengkapnya"/"selanjutnya" dan seterus nya hehehehe :D (becanda Sobat) kapan nue bang adit mulai bahas nya ngoceh mulu bang adit ni hehehehe oke kita langsung aja deh ke inti pembahasan yukksss mariii,.
Langkah awal yang sobat lakukan harus :

Login dengan ID blog sobat
Masuk Pada Menu Dashbord kemudian clik Rancangan
Pilih Edit HTML
Lalu centang di bagian expand widget
Download atau back-up template sobat untuk menghindari kerusakan pada kode-kode yang bikin pusing kepala itu. hahahahaha

Kalau sobta sudah menyesaikan tugas-tugas di atas sobat langsung bisa cari code berikut ini untuk mempercepat pencarian sobat bisa tekan atau

<p><data:post.body/></p>

gimana sobat sudah ketemu code nya.

kalau sudah ketemu code yang di atas bisa ganti kode yang di atas dengan code yang ada di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa sobat rubah, misalnya jadi "Baca Selengkapnya" "selanjutnya" "selebihnya" "Sekurangnya" ya apa aja deh yang sobat suka.hehehehe

Kemudian Coba sobat Simpan Template Terlebih dahulu sebelum kita melanjutkan pembahasan.

Kemudian Pilih menu Setelan Atau Setting Pilih Lagi menu Format
Perhatikan pada menu yang paling bawah banget ada kotak kosong yang nama menu nya kotak post templat atau bahasa lain nya Templat Entri. tetapi sebelum itu sobat copas alias copy-paste dulu deh code berikut.

<span class="fullpost">

</span>

Sudah di copy-paste belum sobat, kalau sudah mulai deh sobat taruh code yang sobat copy tadi pastekan di kotak Templat Entri atau Kotak post templat hemmm kemudian simpan dehhhhh....

Bim salabim aba kadabra.... wek..wek..wek dan liat hasil nya.....
Selamat mencoba dan berkreasi di blogger sobat....

akhir kata adit mengucapkan banyak biru maaf bila ada kesalahan dalam penempatan kata ataupun dalam berbicara serta tingkah laku mohon di maafkan.

#Salam Blogger
UPPSSSS Jangan lupa tinggalin komentar nya ya...

Elemen Halaman Mempunyai Fungsi Scroll

Aduh malam ini adit lagi bingung banget mau posting apa karena badan lagi sedikit enggak fit alias lagi enggak enak badan di tambah banyak tugas yang harus adit selesaikan, oke deh sebelum adit melanjutkan pembahasan yang akan kita ulas sampai tuntas ini, adit harap untuk para master bisa membantu peningkatan dalam blog ini ya kasih sedkit komentar,kritik ataupun saran, karena saran dan kritik para master bagi adit adalah masukan yang menginspirasikan blog ini agar bisa lebih baik lagi... kemudian adit harap bila ada kesalahan dalam cara adit berposting ini tolong di maaf kan yaaaa.....:D

oke kita langsung lanjut ke pembahasan tentang ELEMEN HALAMAN MEMPUNYAI FUNGSI SCROLL
mungkin sobat sekalian sudah mulai terbayang tentang judul di atas,,, hemmmm gimana udah belum bayangin nya hehehehehe Langsung deh kita ke TKP....

Untuk membuat ELEMEN HALAMAN MEMPUNYAI FUNGSI SCROLL sobat bisa copy-paste code berikut ini yang ada di balik tombol Tampilkan di bawah ini :

udah jelas belum klo belum saya akan jelaskan sedikit.

Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. dan di bawa inilah adalah perintah-perintah yang di pakai.

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.

width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.

padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;

border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.

Selain kode-kode tersebut, tentu saja anda bisa menambahkan berbagai variasi sesuai dengan keinginan, misalkan backgroundnya berbentuk gambar, fontnya yang berbeda atau apa saja sesuai dengan keinginan anda

Isi dari halaman tersebut tentu saja bukan hanya berisi link saja, tapi anda bisa mengisinya dengan yang anda inginkan. Misalkan tulisan biasa, gambar, iklan atau apa saja.

masih bingung di mana nyimpen kode di atas seperti biasanya, anda tinggal masuk ke halaman dashbord » Rancangan » Elemen Halaman » Tambah Gadget » Pilih untuk JavaScript/HTML » Masukan kodenya » Simpan » dan selesai dehhhhh. hehehe

Sumber : Blog Kang Rohman