Senin, 26 Agustus 2013

Bisnis Online Terbaru dan Tanpa Ribet

By antoe santoso | At 08.40 | Label : | 0 Comments
BO Tanpa Ribet
Bisnis Online Terbaru dan Tanpa Ribet. Seperti di ketahui jika perkembangan bisnis online semakin beraneka macam dengan segala penawaran yang di berikan kepada calon anggota. Nah bisnis online yang ingin saya share kepada sobat adalah Global4asia yang merupan situs  E-commerce terbaru dan yang pasti merupakan bisnis yang menjanjikan di masa depan. Perusahaan ini tidak hanya skala nasional bahkan internasional.
PT - Oke sobat bisnis dalam edisi postingan ini saya akan berbagi tentang

Banyak  kelebihan jika sobat mengikuti program bisnis di global4asia diantaranya:
1. Pertama bisnis online yang terintegrasi dengan sistem offline dan online.
2. Pertama bisnis online yang memiliki kantor resmi dan legalitas lengkap.
3. Pertama bisnis online yang melayani aktivasi setiap hari 24 Jam.
4. Pertama bisnis online yang dapat mengecek bonus secara real time setiap hari 24 Jam.
5. Pertama bisnis online yang melakukan roadshow dan pertemuan langsung secara offline.
6. Pertama bisnis online yang mencetak Milyarder dalam waktu kurang dari 6 bulan.
7. Pertama bisnis online yang memiliki auto sponsor random, auto downline dan auto follow up.
8. Pertama bisnis online yang mempunyai bonus profit tidak terbatas.
9. Pertama bisnis online dengan keanggotaan seumur hidup.
10. Pertama bisnis online yang menggunakan sistem unik terbaru dan revolusioner.
11. Pertama bisnis online dengan manajemen perusahaan teknologi yang muktahir.
12. Pertama bisnis online dengan modal awal sangat terjangkau dan hasil tidak terbatas

Sedangkan untuk keuntungannya adalah sebagai berikut:
1. Tidak Ada Pihak Yang Dirugikan Dengan Program Ini
Semua pembayaran bonus profit akan langsung masuk ke rekening Anda. Kami menerima Bank BCA, Mandiri, BNI, Bukopin, CIMB Niaga, Danamon, Panin, Permata, BRI dan Kartu kredit Visa & Master Card.

2. Aktivasi Member Dengan Cepat
Setelah Anda mentransfer biaya keanggotaan Anda, kemudian melakukan konfirmasi pembayaran, Aktivasi keanggotaan Anda langsung diaktifkan.

3. Solusi Keuangan Bersama
Kami menerapkan sistem-sistem yang telah terbukti memberikan penghasilan kepada seluruh member. Tidak hanya menguntungkan member yang mendaftar terlebih dahulu, namun menguntungkan seluruh member.

4. Anti SCAM Program, Bukan Bisnis Investasi, Money Game dan HYIP
Bukan program Investasi, Money Game dan HYIP. Hati-hati terhadap bisnis seperti itu karena pasti SCAM setelah adminnya mengumpulkan banyak uang dari membernya, Kami mengutamakan aturan legalitas bisnis oline di Indonesia dengan sistem E-Commerce. Kami memiliki kantor resmi dan memberikan produk berkualitas untuk Anda dari latar belakang apapun karena bisa digunakan untuk kesehatan Anda.

Manfaatkan peluang atau kesempatan emas ini untuk mewujudkan impian sobat selama ini jadi segera bergabung di sini atau http://global4asia.com/?ref=miracle2

Kamis, 22 Agustus 2013

Kaya Raya dari Toko Online

By antoe santoso | At 11.05 | Label : | 0 Comments
Kaya dari Bisnis
PT - Hallo sobat, apa kabar? Dalam postingan kali ini saya ingin share tentang sebuah kaya raya dari toko online. Sobat bisnis mungkin sudah mengenal atau mendengar tentang toko online dan terlebih jika sobat seorang pebisnis terutama dunia bisnis online atau ada di antara sobat yang sudah memiliki Toko Online. Sobat harus tau, memang betul memilki toko online adalah salah satu cara menjual produk di internet dan cara ini harus sobat tiru tetapi ternyata masih banyak

toko online yang tidak berjalan optimal atau hanya sekedar numpang di mbah Mbah Google artinya toko tersebut tidak berfungsi sama sekali dan akhirnya produk yang di jual tidak sesuai yang di harapkan.
Sebagai pebisnis sudah selayaknya harus mengikuti trend dimana semua serba cepat dan canggih serta punya market seluruh dunia. Seperti inilah seharusnya toko online jadi sobat tinggal pergi kemanapun suka dan sementara toko online sobat akan bekerja selama 24 jam non stop untuk mengalirkan uang ke dompet sobat.

Timbul pertanyaan, memang ada toko online seperti itu? Saya jawab ADA dan saya akan share tentang kaya raya dari toko online seperti punya saya di http://trendage.jeunesseglobal.com dimana saya menjual produk paling di cari. Jika sobat ingin sukses dan cepat meraih impian maka sudah saatnya meninggalkan konsep toko online lama.

Saya ingin mengajak kepada sobat agar turut menikmati indahnya kesuksesan luar biasa ini dan konsep tokon online saya ini secara otomatis akan bekerja tanpa henti untuk saya, hebatnya lagi mampu menjangkau seluruh dunia.

Berikut kelebihan konsep toko milik saya tersebut:
1. Tidak merepotkan
2. Tidak perlu stock barang
3. Tidak perlu krim barang
4. Sistem ecommerce sudah canggih dan siap pakai
5. Pasarnya menjangkau seluruh dunia
6. Belum banyak saingan
7. Produk cepat laku
8. Tidak perlu membuat website
9. Tidak perlu jualan door to door
10. Pasive income tanpa henti
11. Lengkap dengan sistem online support
12. Dan banyak lagi

Lebih baik sobat langsung kunjungi saja contoh toko online tercanggih dan terbaru seperti milik saya Trendage  dan  segera ikuti cara saya dan sobat akan segera memiliki online store sendiri dengan sistem tercanggih saat ini.

Bagaimana sobat, apa sudah siap untuk sukses dalam bisnis?

Selasa, 06 Agustus 2013

Cara Cepat Membuat Readmore Otomatis

By antoe santoso | At 15.30 | Label : | 0 Comments
Cara Membuat Read More Otomatis di Blog, Blogspot, BloggerPT - Cara Cepat Membuat Readmore Otomatis - Blogger template umumnya tidak semua disertai ‘read more’, tergantung penyesuaian gaya dari sang desainernya. Tanpa ‘read more’ sering ditemui pada template default yang telah  disediakan oleh Blogger. Permasalahannya ketika berada di halaman utama muncul tulisan artikel secara vertikal memanjang sehingga cukup memberatkan loading blog.

Membuat read more pada blog solusi jitu meringankan proses, blog tertata rapi dan terlihat modis. Menu entri Blogger sebenarnya telah menyediakan aplikasi read more yang dapat dilakukan secara manual, yaitu menambahkan kode <!--more--> dibagian editor HTML.

Ada cara otomatis ‘gak ribet’ membuat read more di blog. Demi memudahkan sobat dalam ngeblog, langsung saja ikuti langkah-langkah cara memasang read more otomatis pada blog di bawah ini:
1. Silahkan login ke akun Blogger,
2. Setelah berada di halaman Dashboard, beralih ke Template,
3. Klik tombol Edit HTML,
4. Sembarang klik di kotak editor, tekan Ctrl + F cari kode </head>,
5. Copykan kode berikut di atasnya,

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 350; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
    Sobat dapat mengatur panjang dan lebar readmore dengan mengubah angka berwarna biru,
    berikut keterangannya:
    - summary_noimg = 440: tinggi potongan artikel tanpa gambar. 
    - summary_img = 350: tinggi potongan artikel dengan gambar.
    - img_thumb_height = 100: ukuran tinggi thumbnail.
    - img_thumb_width = 120: ukuran lebar thumbnail.

6. Langkah selanjutnya cari kode <data:post.body/> lalu ganti tag <data:post.body/> dengan kode script
    di bawah ini :
<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'>&#187;&#187;&#160;&#160;Read more...</a></span> </b:if><b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
    Untuk mengubah kata ‘read more’, silahkan ganti tulisan yang berwarna merah.

7. Selesai, klik Simpan Template. Jika langkah-langkah di atas sudah benar, sobat sudah bisa
    melihat hasilnya.

Demikian tutorial cara membuat read more pada blog, blogspot, blogger otomatis. Jika ada kendala mengenai ukuran read more, lakukan setelan sampai ukurannya terlihat bagus. Terima kasih atas kunjungannya, happy bloging

Cara Praktis Membuat Sitemap atau Daftar Isi Blog

By antoe santoso | At 15.26 | Label : | 0 Comments
PT - Cara Praktis Membuat Sitemap atau Daftar Isi Blog - Fungsi sitemap adalah untuk memudahkan pengunjung menelusuri keseluruhan konten yang ada dalam blog Anda secara muda. Selain itu, sitemap juga akan terbaca oleh spider search engine sehingga peluang untuk mendapatkan pengunjung yang lebih banyak akan semakin terbuka. Membuat sitemap merupakan salah satu syarat wajib untuk mengoptimasi blog. Setiap blog diharuskan untuk memiliki sitemap sebagai upaya untuk memaksimalkan hasil SEO on-page.

Cara membuat sitemap sebenarnya cukup beragam. Jika Anda menggunakan blog platfotm Blogger/Blogspot, sebagian besar sitemap dibuat dengan menggunakan kode Javascript. Membuat sitemap menggunakan Javascript memang lebih mudah dan cepat. Dan jika Anda pengguna platform Wordpress (self hosted), maka Anda cukup menggunakan plugin untuk membuat sebuah daftar isi/sitemap.

Berikut ini adalah cara membuat sitemap untuk blog Blogger/Blogspot menggunakan kode Javascript.


Silakan copy kode berikut 
<div align="center"> <b><u>DAFTAR ISI</u></b></div> <div dir="ltr" style="text-align: left;" trbidi="on"> <div style="border: 1px dashed #none; height: 700px; overflow: scroll; width: 455px;"> <script src="http://yourjavascript.com/76501835112/sitemap.js"> </script> <script src="AlamatBlogAnda/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></div> </div>
Kemudian, silakan masuk ke Dashboard Blogger.
cara membuat sitemap blog - exnim.com
Perhatikan gambar diatas. Klik tab/menu Pages atau Laman jika Anda menggunakan bahasa Indonesia.

cara membuat daftar isi blog - exnim.com
Perhatikan gambar diatas. Silakan klik menu New page lalu pilih Blank page sehingga akan muncul jendela editor seperti gambar dibawah.

cara membuat sitemap blogspot - exnim.com
Paste kode Javascript yang sudah Anda copy tadi kedalam kolom editor. Ingat, Anda harus memilih mode HTML (bukan Compose). Silakan preview terlebih dulu untuk memastikan sitemap tersebut sudah terlihat secara sempurna. Dan jika sudah tidak ada lagi yang perlu dirubah, silakan klik tombol Publish/Terbitkan.
Note :
  • Ganti teks AlamatBlogAnda dengan alamat/URL blog Anda. Contoh : http://www.exnim.com
  • width: 455px; adalah lebar dari laman sitemap, jika Anda ingin berukuran lebih lebar silakan ganti.
  • height: 700px; adalah tinggi laman sitemap

Contoh tampilan sitemap diatas adalah seperti gambar dibawah ini

cara membuat sitemap blog dengan Javascript - exnim.com

Sitemap

By antoe santoso | At 15.14 | Label : | 0 Comments
DAFTAR ISI

Cara Membuat Kotak Admin di Bawah Posting Blog

By antoe santoso | At 13.16 | Label : | 0 Comments
PT - Cara Membuat Kotak Admin di Bawah Posting Blog - Banyak cara yang bisa kita lakukan untuk membuat blog kita indah, namun pada posting kali ini kita akan membuat blog kita lebih komunikatif dengan pengunjung, agar pengunjung merasa dekat dengan kita karna blog kita lebih komunikatif dan lebih terlihat profesional,  nah maka dari itu saya ingin berbagi ilmu kepada sobat semua agar blog sobat terlihat profesional dan komunikatif, dengan cara memasang "KOTAK ADMIN" ,  dan agar lebih komunikatif lagi anda juga harus memasang kotak dialog atau sambutan saat pengunjung masuk ke blog kita, ya seperti blog saya ini nah bila anda ingin memasang kotak dialog silahkan kunjungi Cara Membuat Kotak Admin di Bawah Posting Blog.


oke langsung sajah kita bahas cara membuat Kotak Admin, oh ya untuk Demonya bisa anda lihat pada gambar di atas atau di bawah posting ini,   oke nih tutorialnya.



Cara Membuat Kotak Admin Di Blogspot :
1.       Login ke dashboard blogger anda.
2.       Pilih Rancangan >> Edit HTML, centang Expand template widget.
3.       Cari kode <div class='post-footer'> pada template.
4.   Copy  script kotak admin dibawah ini dan paste tepat di atas kode <div class='post-footer'>.
 
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpsogBkhmk_lp4oGhzs64rD7H1h_Oh8s9KbqeqL_jLK-evybOQALzqaosLw4P-sKUj2kthqZBP4dTHJmCit2GIQ-tuTzRKVRKccPJr65_lx06ACk0olDHyrvbpZwekCqzNaV2eF2Q907k/s220/AVATAR+KU-128.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://ahmadbjblogs.blogspot.com/2012/08/cara-membuat-kotak-admin-di-bawah_24.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin --> 

keterangan,by-Ahmad Bj:

*code di atas akan membuat kotak Admin yang akan tercantum link posting anda secara otomatis , dan     tanggal posting anda secara otomatis,dengan syarat anda tidak boleh merubah code di atas, kecuali yang saya perintahkan di bawah ini
  •      ganti tulisan "Deskripsi Blog Anda" dengan kata kata lain sesuai keinginan anda  dan tulisan tersebut akan muncul di atas kotak admin seperti contoh pada kotak Admin saya yaitu tulisan " Share With Ahmad Bj"

  •      ganti tulisan yang berwarna biru dengan link foto profil blog anda, jika bingung cara mencari link foto profilnya anda tinggal, masuk Dasboard-> arahkan cursor pada foto-> klik kanan-> copy link location-> kemudian blok url di atas-> tekan ctrl+V, maka secara otomatis link berwarna biru tersebut sudah terganti menjadi link foto profil anda
  •      ganti tulisan yang berwarna ungu dengan kata kata sesuai keinginan anda, karna kata kata tersebut akan menjadi isi dari kotak admin

5.       Kemudian cari lagi kode ]]></b:skin> pada template sobat.
6.      Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin>. Jika gagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.
   jika <data:post.body/> ada 2 maka pilihlah yang paling atas, kalau untuk diri saya pribadi sih saya memasang nya di atas kode ]]></b:skin>

klik tombol show untuk melihat script 
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

Cara Mudah Membuat Form Login Pada Blogger

By antoe santoso | At 13.06 | Label : | 0 Comments
PT - Cara Mudah Membuat Form Login Pada Blogger - Pada kesempatan kali ini saya akan mencoba share bagaimana Cara Mudah Membuat Form Login Pada Blogger, Form Login pada Blogger ini dimaksudkan untuk memudahkan kita maupun pengunjung melakukan login ke area Blogger, karena secara default blogger tidak menyediakan Form Login pada template, tetapi blogger hanya menyediakan Form Login pada pojok atas halaman Blogger, itupun kalau templater pada bloggger belum dirubah.
Nah sekarang saya akan share bagaimana Cara Membuat Form Login Pada Blogger, supaya Form Login ini dapat muncul pada sidebar blogger milik sahabat, Dengan begitu maka akan memudahkan pengunjung masuk ke area Blogger dari Blog milik sahabat. Oke untuk lebih jelasnya silahkan lihat ontoh dibawah ini :
Nah sekarang apabila sahabat tertarik untuk Membuat Form Login Pada Blogger, silahkan lakukan langkah langkah dibawah ini :
1. Login ke Blogger
2. Pilih Tata Letak
3. Selanjutnya silahkan tambahkan widget baru dengan meng klick "Add Gadget"
4. Pilih HTML/Javascript
5. Copy kode dibawah ini dan masukan kedalam widget

6. Selanjutnya simpan dan lihatlah hasilnya

Nah itulah  Cara Membuat Form Login Pada Blogger yang bisa sundaboy share, semoga bermanfaat, sekian dan terimakasih.

Cara Mengganti Ukuran Dan Warna Font Judul Postingan

By antoe santoso | At 13.02 | Label : | 0 Comments
PT - Cara Mengganti Ukuran Dan Warna Font Judul Postingan - Tutorial jadul tapi mungkin sangat berarti, Bagi sahabat blogger yang masih kebingungan atau mungkin lupa bagaimana Cara Mengganti Ukuran Dan Warna Font Judul Postingan, berikut saya akan share kembali tentang Cara Mengganti Ukuran Dan Warna Font Judul Postingan.

Cara Merubah Ukuran Dan Warna Font Judul Postingan
Bagi sahabat yang suka mendownload template, mungkin ada sebagian yang merasa kurang suka dengan Ukuran ataupun warna pada judul postingan bawaan template secara default. Nah kalau sahabat kurang srek dengan tampilan ukuran font dan warna pada judul postingan, sahabat tinggal menutak atik kode css pada template bawaan tersebut, sehingga sahabat bisa menyesuaikannya sesuai dengan keinginan sahabat baik dari segi ukuran maupun warna pada judul postingan.
Baiklah tanpa banyak basa basi, langsung saja kita menuju pokok bahasan kali ini yaitu bagaimana Cara Merubah Ukuran Dan Warna Font Judul Postingan. Ikuti langkah langkah yang akan saya share berikut ini :

1. Login terlebih dahulu ke blogger
2. Selanjutnya pilih template
3. Lalu pilih Edit Html
4. Carilah kode yang mirip dengan kode dibawah ini : (mungkin tidak sama persis dengan yang ada pada template sahabat, tetapi cari saja yang mirip, secara default biasanya kode .post h3 akan selalu ada, jadi kalau tidak ketemu cari caja kode .post h3 {............... sampai tanda }.


.post h3 {text-shadow: 1px 1px 3px #fff;margin:.25em 0 15px;border-bottom:1px;padding:1px 0px 4px;font:normal normal 24px Oswald;font-weight:normal;line-height:1.4em;color:#333;font:$titlefont;}.post h3 a:visited, .post h3 strong {display:block;text-decoration:none;font:normal normal 24px Oswald;color:#333;}.post h3 strong, .post h3 a:hover {  color:#c22400;}

5. Kalau sudah ketemu silahkan sahabat ganti kode tersebut diatas dengan kode berikut ini :


.post h3 { margin: .25em 0 0; padding: 0 0 4px; color: $titlecolor; font: $posttitlefont; }.post h3 a, .post h3 a:visited, .post h3 strong { text-decoration: none; color: $titlecolor; }.post h3 strong, .post h3 a:hover { color: $titlehovercolor; }

6. Cari lagi kode /* Variable definitions dan letakan kode berikut tepat dibawah kode /* Variable definitions


<Variable name="titlecolor" description="Post Title Color"type="color" default="#c60" value="#cc6600"><Variable name="titlehovercolor" description="Post Title Hover Color"type="color" default="#c60" value="#cc6600"><Variable name="posttitlefont" description="Post Title Font"type="font" default="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 18px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">

7. Lalu Simpan template sahabat
8. Selanjutnya Pilih Template >> Costumize >> Advance
10. Silahkan atur sendiri Ukuran dan Warna Font sesuai dengan keingin sahabat
NB : Untuk menghindari eror sebaiknya download terlebih dahulu template sahabat, dan jika ada kesalahan maka template bisa dikembalikan seperti semula.
Nah itulah Cara Merubah Ukuran Dan Warna Font Judul Postingan yang dapat sundaboy share, bila ada kekurangan silahkan untuk diperbaiki. terimakasih

Cara Merubah Warna Sidebar Yang Berbeda

By antoe santoso | At 12.58 | Label : | 0 Comments
PT - Cara Merubah Warna Sidebar Yang Berbeda - Sekarang kita akan belajar memodifikasi Warna Pada Sidebar. Disini kita akan merubah warna sidebar berbeda dengan sidebar yang lainnya, misalnya pada halaman homepage ada beberapa sidebar : Katagori , Arsip, Follower, dan lain-lain.

 
Dalam satu sidebar terdiri dari tiga komponen yaitu : kotak widget, judul widget, dan isi widget. Nah sekarang kita akan memberi sedikit sentuhan warna pada ketiga Background diatas, perhatikan langkah berikut ini :
1. Login terlebih dahulu ke akun Blogger
2. Klick Rancangan
3. Lalu Pilih HTML
4. Setelah itu sahabat harus menentukan terlebih dahulu Widget apa yang ingin sahabat rubah warnanya, dengan cara klick pada ID Widget Contoh ( HTML1, HTML2, HTML3 dst )
5. Sebagai contoh sahabat akan merubah warna Widget Katagori dengan ID Widget HTML2, maka caranya :
6. Buatlah sebuah kode script pada notepad seperti dibawah ini :


#HTML2 {
Background : #ff8000 ;}
#HTML2 h2{
Background : #ffffff ; }
#HTML2 .widget-content {
Background : #000000 ; }


Keterangan :
HTML2 adalah kode widget yang akan dirubah warnanya
Warna Biru adalah Background kotak widget
Warna Merah adalah Judul Widget
Warna Hijau adalah Isi Widget
Warna Hitam, adalah Warna Background Widget
(sahabat bisa melihat kode warna DISINI)

7. Setelah selesai silahkan sahabat cari kode ]]></b:skin> dan letakan kode yang telah dibuat tadi tepat diatas kode ]]></b:skin>
8. Lakukan hal yang sama untuk Merubah Warna Widget yang lainnya.
9. Simpan Template dan lihatlah hasilnya
Nah itu pembahasan tentang Cara Merubah Sidebar Dengan Warna Yang Berbeda yang dapat saya share, semoga dapat membantu sahabat. untuk pertanyaan, saran dan kritiknya silahkan poskan pada kotak komentar dibawah ini

Cara Mengganti Warna Background Judul Sidebar

By antoe santoso | At 12.51 | Label : | 0 Comments
Cara mengganti warna background judul sidebar BlogPT - Cara Mengganti Warna Background Judul Sidebar - Cara mengganti warna Background judul sidebar blog, yang dimaksud dengan sidebar itu termasuk widget yang ada dikiri-kanan dan juga bagian bawah(footer)blog. Seperti Arsip Blog, Populer Posts, kategori, Artikel terbaru, Pengikut, dan lain-lain, sesuai dengan widget yang ada di blog kamu. Yang akan kita ganti warnanya itu adalah background judulnya.
Contohnya: Judul Arsip Blog, Background bawaan asli blogger, warnanya putih, akan kita ganti jadi biru atau warna lainnya. Silakan lihat gambar disamping kiri atas untuk melihat hasilnya.

Cara Mengganti Warna Background Judul Sidebar

Ikuti langkah-langkah dibawah ini.
  1. Login ke dasbor Blogger.
  2. Pilih pengaturan template dan klik edit html.
  3. Klik cadangkan/pulihkan dan unduh template blog, untuk jaga-jaga. klo terjadi eror kamu bisa mengembalikannya lagi kesemula.
  4. Selanjutnya Klik Edit Html dan Cari kode h2 { . Lengkapnya seperti dibawah ini.
  5. /* Headings
    ----------------------------------------------- */
    h2 {
      font: $(widget.title.font);
      color: $(widget.title.text.color);
    }
  6. Tambahkan kode background:#2288BB; padding:4px 15px 3px;text-transform:none;
  7. Jadi kode lengkapnya seperti ini.
  8. /* Headings
    ----------------------------------------------- */
    h2 {
      font: $(widget.title.font);
      color: $(widget.title.text.color);background:#2288BB;
      padding:4px 15px 3px;text-transform:none;
    }
  9. Ganti kode #2288BB; dengan kode warna yang kamu inginkan. 
  10. Setelah itu coba di Preview / pratinjau template kamu. Jika sudah berubah warna background judul sidebar kamu. Baru di Save.
  11. Jika Belum, Coba dilihat lagi kode warnanya, background:#2288BB; Pastikan Kode ini " ; " ada dibelakang kode warna(tanpa tanda ""), jika kode itu hilang maka warna tidak akan berubah. Selesai.
Jika sidebar kamu ingin diberi lengkungan di setiap sudutnya. Kalian bisa tambahkan kode border-radius: 11px 0px 11px 0px; keterangan kode: border-radius: atas kiri-atas kanan-bawah kiri-bawah kanan. Untuk lebih jelasnya kalian bisa edit di sini http://www.cssportal.com/css3-rounded-corner/.

Cara diatas akan merubah warna judul sidebar widget di bagian kiri-kanan blog, dan juga footer widget dibagian bawah. Jika ingin membuat warna background judul yang berbeda antara sidebar dan footer. Gunakan cara dibawah ini.

Hanya sidebar widget bagian kiri-kanan blog

  1. Cari kode .sidebar .widget h2 { dan tambahkan kode background:#2288BB; padding:4px 2px 2px; dibawahnya. Save Template selesai.
  2. Atau gunakan cara dibawah ini. Cari kode ]]></b:skin> dan tambahkan kode berikut di atas kode ]]></b:skin>
  3. .sidebar .widget h2 {
    background:#2288BB; padding:4px 2px 2px;

Hanya Footer widget bagian bawah blog.

  1. Cari kode .footer-inner .widget h2 { dan tambahkan kode background:#2288BB; padding:4px 2px 2px; dibawahnya. Save Template selesai. 
  2. Atau gunakan cara dibawah ini. Cari kode ]]></b:skin> dan tambahkan kode berikut di atas kode ]]></b:skin>
  3. .footer-inner .widget h2 {
    background:#2288BB; padding:4px 2px 2px;
    }
Setiap template mempunyai perbedaan. Jika tidak menemukan kode-kode diatas. Cobalah untuk mencari kode yang semirip mungkin dengan kode HTML diatas. Semoga Bermanfaat.

Cara Mudah Membuat Template Blog Responsive

By antoe santoso | At 12.44 | Label : | 0 Comments
Cara Membuat Template Blog Responsive dengan MudahPT - Cara Mudah Membuat Template Blog Responsive - Responsive template, apa itu arti dari template yang responsive...Responsive template merupakan sebuah template yang bisa menyesuaikan ukuran template tersebut di berbagai ukuran device. Bedanya responsive template dengan mobile version yaitu kalau mobile version biasanya template menyesuaikan ukurannya pada versi mobile, biasanya pada mobile version ini memiliki ciri penambahan ?m=1 pada url blogspot. Kalau responsive, bukan hanya untuk versi mobile tetapi juga menyesuaikan ukuran pada semua ukuran device dan tidak memiliki penambahan url ?m=1 pada blogspot.

Cara membuatnya pun berbeda, lebih mudah untuk membuat versi mobile seperti yang pernah saya share di blog ini. Kali ini saya akan memberikan sebuah tutorial cara untuk membuat template blog responsive dengan mudah dan dengan pengandaian agar lebih mudah dimengerti. Dalam situs untuk melihat hasil responsive ada 12 ukuran kondisi device. Namun, kali ini saya akan memberikan tutorial dengan untuk ukuran 320px. Untuk yang master silahkan tinggalkan sampai sini.

Pengenalan dan Pengandaian Template

Disini kita akan mulai mengenali dan memahami elemen-elemen pada template yang digunakan. Dalam hal ini saya akan mengandai-andai kan template yang digunakan. Andaikan anda menggunakan template yang memiliki spesifikasi sebagai berikut.

  • Elemen tempat dimana sidebar dan post diletakkan disebut #outer-wrapper dengan style='width:920px;', 
  • tempat diletakkan post disebut #main-wrapper dengan style='width:700px;float:left;'
  • dan sidebar berada di kanan main-wrapper dengan style='width:220px;float:right;'.

Jika dengan gambar seperti berikut
Cara Membuat Template Blog Responsive dengan Mudah
Klik Untuk Memperbesar Gambar

Pengenalan CSS Responsive

CSS biasa dengan CSS reponsive tidak lah berbeda, hanya saja pada CSS reponsive awalnya memiliki pengkondisian ukuran width dengan kode @media screen and (max-width:ukuranwidth){#CSS{}}. Pada ukuranwidth diisi dengan ukuran width device yang akan diatur dan #CSS diisi dengan CSS yang akan diatur jika pengkondisian benar terjadi. CSS Responsive ini bisa diletakkan di bawah kode penutup CSS biasa </b:skin> dengan diawali dengan <style> dan ditutup dengan </style> contoh.

</b:skin>
<style>
@media screen and (max-width:ukuranwidth){#CSS{}}
</style>

Buat Responsive


Seperti yang saya janjikan, tutorial ini akan dimulai dengan pengkondisian device dengan ukuran width 320px. Sebelumnya buat terlebih dahulu rumus umumnya di bawah kode </b:skin>. 

@media screen and (max-width:ukuranwidth){#CSS{}}

Setelah itu, kita buat kondisi pada maksimal width 320px
@media screen and (max-width:320px){#CSS{}}
Buatlah CSS #outer-wrapper jika pada ukuran device 320px, ukuran widthnya menjadi 318px. Masukkan ke rumus umum, wkwk 'rumus umum'
@media screen and (max-width:320px){#outer-wrapper{width:318px;}}
Tambahkan lagi kondisi #main-wrapper jika pada ukuran device 320px, ukuran widthnya menjadi 316px dan float value nya menjadi none. Value none pada float akan membuat elemen tersebut tidak akan berhimpit lagi dengan elemen lain.
@media screen and (max-width:320px){#outer-wrapper{width:318px;}#main-wrapper{width:316px;float:none;}}
Yang terakhir kemudian CSS #sidebar akan dibuat kebawah dengan Value float nya none dan ukuran width penuh di layar yaitu width:316px sama seperti #main-wrapper
@media screen and (max-width:320px){#outer-wrapper{width:318px;}#main-wrapper{width:316px;float:none;}#sidebar{width:316px;float:none;}}
Setelah itu bisa disave, dan dapat dicoba dengan melihat hasil di situs responsivetest.com
Hasilnya kurang lebih akan seperti ini
Responsive Template
Elemen yang lain bisa anda atur sendiri dan kondisi ukuran width yang berbeda bisa anda tambahkan. Kalau semua sudah siap, anda bisa menonaktifkan mobile version pada template blog anda. Kalau ada pertanyaan bisa ditanyakan lewat komentar, dan bagi master yang sedang membaca ini tolong diralat kalau ada yang salah dalam postingan tutorial saya ini. Hack4rt menerima kritikan dan saran yang mendukung hack4rt :)
Contoh Versi Width 320px Hack4rt:

9 Cara Membuat Template Blog 100% SEO Friendly

By antoe santoso | At 12.38 | Label : | 0 Comments
Setelah mencari kesana kemari ,akhirnya saya temuakan 9 cara untuk membuat template blog 100% seo friendly ,CIEE 100% seo friendly "Benarkah" Ya setidaknya setelah anda gunakan 9 cara ini anda tidak perlu lagi bersusah payah untuk mengedit template agar lebih seo friendly ,intinya pekerjaan anda untuk bikin template seo friendly  sudah selesai .Dan jelas anda tidak perlu repot lagi , tinggal lanjutin aja tuh isi blog anda dengan konten-konten terbaik.
Tapi sebelumnya apakah template anda yang sekarang sudah good looking ,maksudanya sudah cepatkah loadingnya atau sudah lengkapkah viturnya contoh title tag  readmore dll,tapi jika memang belum anda bisa coba template yang say rekomendasikan untuk melihat tempaltenya silahkan KLIK DISINI .
Oke sekarang langsung aja ke pokok pembahasan yaitu cara membuat template 100% SEO friendly,silahkan ikuti langkah-lanhkah berikut :
1.Edit page title
Biasanya format page title dari blogger adalah seperti ini, JUDUL BLOG : JUDUL POSTING. Nah, agar blog kita lebih disukai oleh Google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standar itu menjadi seperti ini, JUDUL POSTING | JUDUL BLOG.
Caranya cari kode berikut ini di Edit HTML, cukup dengan menekan tombol Ctrl+F pada keyboard!
<title><data:blog.pageTitle/></title>
Kalo udah dapet kodenya, silakan Anda hapus dan ganti dengan kode berikut ini!
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Atau Anda juga bisa tambahkan dengan beberapa kata kunci (keyword).
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> |
KATA KUNCI ANDA | KATA KUNCI ANDA </title>
</b:if>
Ganti kode "KATA KUNCI ANDA" dengan keyword yang Anda incar. Setelah semua selesai jangan lupa untuk save template.
2.Pasang meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Deskripsi Blog anda" />
<meta name="keywords" content="Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci" />
</b:if>

Lalu ? ya di save aja
3.pasang navigasi Breadcrumb
Bread crumb adalah sebuah menu navigasi yang ada diatas postinga atau artikel.Breadcrumb juga seringdipaakai oleh para master blog .karrena cara pasangnya breadcrumb cukup panjang ,saya pisahkan dalam sebuah postingan dan bisa anda lihat DISINI
4.Pasang Related post
Related post sangat bagus untuk seo maupun untuk pengunjung,jadi wajib pasang related post di blog anda.caranya cukup panjang jadi say juga pisahkan dalm sebuah postingan yang anda bisa lihat DISINI
5.Mematikan setting arshive

“Lho?”
“Buat apa?”
Begini, Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Anda ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Anda akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGANDA.blogspot.com/2007_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi Search Engine apa lagi Google, ini adalah masalah serius. Oleh karena itu kita harus me-nonaktifkan opsi arsip.
Caranya, cukup klik tab Setting, pilih Archiving. Nah, pada bagian Archiving Frequency ubah menjadi No Archive. Selesai sudah! :)
6.Mengganti tg heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting Anda dengan tag H1. Caranya cari kode berikut!
<b:if cond='data:post.title'>
<
h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</
h3>
</b:if>
Kode yang dicetak tebal dihapus dan diubah dengan tulisan h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>.
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
7.Menambah kode rel=canonical
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para Master of SEO bilang bahwa Google sangat tidak dapat mentolerir sebuah duplicate content. Caranya mudah, cukup klik Edit HTML, lalu Anda tambahkan kode berikut setelah kode <head>.
<link expr:href='data:blog.url' rel='canonical' />
Save template dan selesai.
8.Pasang meta keyword disetiap postingan
selain meta deskripsi keyword anda juga wajib pasang meta keyword di setiap postingan ,iniberguna untuk mengoptimalkan seo pada semua postingan yang teklah anda buat,dan juga dengan ini artikel akan lebih mudah di indeks search engine terutama om google,
caranya panjang juga bung,saya pisahkan juga dalam sebuah atrikel dan anda bisa lihat DISINI
9.Pasang plugim seo smart link
sebelumnya plugin seo smartt link hanya bisa dipasang di blog wordpress saja,tapi sekarang bisa dipassang di blogspot setelah sang master membuatnya ,cara pasangnya jelas panjang ,dan jelas saya pisahkan dalam sebuah artikel , dan jelas juga anda bisa lihat DISINI. 
 Bagaimana coba aja ya ,Jika ada tambahan kritik atau saran silahkan isi dikotak komentar.
- See more at: http://boytrik.blogspot.com/2011/03/9-cara-membuat-template-blog-100-seo.html#sthash.zUSdoKUZ.dpuf
◄ Posting Baru Posting Lama ►
 

Artikel Disarankan

Statistik

Ping your blog, website, or RSS feed for Free
Text Back Links Exchanges
Flag Counter

Copyright © 2012. Panduan Top - All Rights Reserved B-Seo Versi 3 by Bamz