Cara Ganti Theme Google+ dan Facebook

Update 26 September 2018

Jejaring Sosial seperti Google+  dan Facebook memang ladang pengunjung blog kita yang terbesar. Maka dari itu untuk menampilkan tampilan Facebook dan Google+ lebih menarik yaitu dengan cara mengganti theme atau backgroundnya.

Google+  dan Facebook memang tidak memiliki fasilitas seperti blogger dan twitter. Yang bisa kita ganti-ganti theme atau backgorundnya. Nah untuk mengatasi masalah ini berikut ini Sejuta Trik Blogger mempunyai Cara Ganti Theme Google+ dan Facebook.

1. Beralihlah ke Google Chrome bagi anda yang masih setia dengan Firefox

2. Jika Firefox telah berhasil menginstal Google Chrome, masukkan plugin dengan menuju ke alamat Color And Theme Changer

3. Klik Add to Chrome 

4. Akan muncul notifikasi atau pesan Instal. Klik Instal.

5. Mohon tunggu beberapa saat! Minum-minum dulu he he

6. Muncul pesan Lounch App. Klik dan tunggu lagi.

7. Buka Google+ sahabat.

Taraaaaaa! Profil Google+ dan Facebook anda sudah berganti dengan yang baru. Berarti cara mengganti theme google+ dan facebook berhasil.  Untuk mengganti warna profil, pilih foto dengan warna yang mewakili warna backgroundnya. Cara tersebut berdampak di Google+  dan Facebook. 

Untuk Uninstal, klik Tools di pojok kanan atas Google Chrome sahabat. Dan ikuti 2 langkah berikut : 

1. Tekan tombol Cuztomize and Control Chrome pada pojok kanan browser anda.

2. Pilih Tools , kemudian Extension. Pilih disable/uninstal plugin auto-colorizer.

Tapi sayangnya tidak semua orang bisa melihat profil Google+ kita. Ada 3 yang dapat melihat profil Google+ kita. Yaitu pemilik akun, pihak Google+ dan Tuhan. he he he.

Anda belum punya akun Google+? Ayo daftar karena Google+ sudah mengudara!

Happy Blogging!
by. Sejuta Trik Blogger

Membuat Random Header

Dalam edit Header, adakalanya kita jenuh dengan tampilan itu-itu saja. Belum lagi kita akan merasa bingung untuk memilih dari beberapa gambar untuk dijadikan gambar header. Pilihan yang tepat untuk mengatasi kedua masalah tersebut adalah Membuat Random Header di Blogspot.

Tanpa basa basi yuk kita buat! Sahabat sejuta trik blogger hanya perlu menambahkan kode di Widget sahabat dengan kode berikut ini :

<br /> <script type=”text/javascript”><br /> var banner= new Array()<br /> banner[0]=”Alamat Image01URL”<br /> banner[1]=”Alamat Image02URL”<br /> banner[2]=”Alamat Image03URL”<br /> banner[3]=”Alamat Image04URL”<br /> banner[4]=”Alamat Image05URL”<br /> banner[5]=”Alamat Image06URL”<br /> banner[6]=”Alamat Image07URL”<br /> banner[7]=”Alamat Image08URL”<br /> banner[8]=”Alamat Image09URL”<br /> banner[9]=”Alamat Image10URL”<br /> var random=Math.floor(10*Math.random());<br /> document.write(“<style>”);<br /> document.write(“#header {“);<br /> document.write(‘ background:url(“‘ + banner[random] + ‘”) no-repeat top left;’);<br /> document.write(” }”);<br /> document.write(“</style>”);<br /> </script>

Ganti "alamat image URL dengan alamat url gambar sobat. Ukurannya menyesuaikan header sobat.

Untuk mengatur gambar header blog, Sahabat harus mengetahui Lebar Blog. Dalam kasus ini adalah mengetahui lebar blog. Untuk mengetahuinya silakan klik menu pada Tool Blog di samping kanan posting ini!. Begitulah membuat random header di blogspot. Semoga bermanfaat!

DEMO : http://moelangbotjahesdhe.blogspot.com/
(Dengan klik salah satu jugul posting, maka gambar header akan berubah)

Happy Blogging! by. Sejuta Trik Blogger

Mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger

Dalam edit template sobat, perlu kita ketahui berapa ukuran atau lebar elemen-elemen yang ada di blog. Untuk mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger sejuta trik blogger ingin sharing ke teman-teman. Sharing dalam posting ini mudah-mudahan bisa membantu mengedit blog sahabat semua. Yuk mulai saja.
Landscaping company
1. Mengetahui Ukuran / Lebar header

#header-wrapper{
background: #ffffff;
width: 900px;
height: 160px;
font-size: 12px;
margin: 0px auto 0px;
padding: 0px;
overflow: hidden;
}

2. Mengetahui Ukuran / Lebar halaman Posting

#main-wrapper{
float:left;
width:590px;
margin:0px 0px 5px 0px;
padding:13px 10px 0px 10px;
overflow: hidden;
}

3. Mengetahui Ukuran / Lebar sidebar

#sidebar-wrapper{
float:left;
width:320px;
margin:13px 0px 5px 0px;
padding:0px;
line-height:19px;
display: inline;
}

Update : Banyak sekali kode sidebar yang bisa dipakai misal #rsidebar-wrapper{ atau #right-sidebar-wrapper{ dll, jadi disesuaikan saja.
4. Mengethui Ukuran / Lebar Footer
/* Footer
----------------------------------------------- */
#footer {
  width:950px;
  clear:both;
  margin:0 auto;
  padding-top:15px;
  line-height: 1.6em;
  text-transform:uppercase;
  letter-spacing:.1em;
  text-align: center;
}



a. Untuk mengedit ukuran/lebar Halaman Blog
Cari kode di bawah ini:

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

b. Untuk mengedit ukuran/lebar Halaman Posting
Cari kode di bawah ini:

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

c. Untuk mengedit ukuran/lebar Sidebar Blog
Cari Code di bawah ini:

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


d. Untuk mengedit ukuran Header Blog,
Cari Code di bawah ini:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}


e. Untuk mengedit ukuran Footer Blog
Cari Code di bawah ini:

#footer {
width:660px;
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}

Jika sahabat tidak menemukan kode seperti di atas, untuk mengetahui element seperti header, posting, sidebar dan lebar blogger, cukup mencari kode yang mirip dan ditunjukkan dengan width: (LEBAR) dan height:(TINGGI)

Dengan Mengetahui Ukuran Header, Posting, Sidebar, Footer & Lebar Blogger tentunya akan memudahkan sahabat mengganti dan mengedit blog dengan menyenangkan seperti slogan blog ini.

Happy Blogging! by. Sejuta Trik Blogger

Kotak Komentar Berada Di Atas Komentar Pengunjung

Ada Sejuta Trik membuat komentar blogspot yang unik.  Kemarin saya juga posting membuat background avatar pengunjung (Klik untuk membacanya). Trik lain yang membuat komentar blog kita unik salah satunya membuat kotak komentar berada di atas komentar pengunjung. Apa maksud Kotak Komentar Berada di Atas Komentar Pengunjung? Berikut ini penjelasannya. Secara default kotak komentar berada di bawah komentar pengunjung. Sebagai urutannya adalah 

Judul Posting > Komentar Pengunjung > Kotak Komentar 

maka kita ganti dengan urutan

Judul Posting > Kotak Komentar > Komentar Pengunjung

Sebagai contoh lihat posting saya yang sudah ada komentarnya di cara menggunakan fitur facebook timeline.

Dari posting saya tersebut terlihat kotak komentar yang lain dari yang lain yaitu kotak komentarnya berada di atas pengunjung. Lantas bagaimana membuatnya? Caranya cukup mudah kok. Ikuti langkah-langkahnya dengan cermat. he2.

1. Loging Blogger

2. Klik Design

3. Klik Edit HTML

4. Centang    Expand Widget Templates nya.

5. Jangan lupa Download full Template agar bisa di kembalikan jika terjadi kesalahan.

6. Siapkan air putih agar tidak pusing melihat kodenya.

7. Jika sudah semua silakan cari kode yang mirip seperti milik saya berikut ini :

<p class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

8. Jika sudah COPY dan CUT semuanya seperti kode di atas mulai dari <p class='comment-footer'> sampai </b:if>. 

Cara ini dimaksudkan untuk memindah form kotak komentar agar berada di atas komentar pengunjung.

9. Buka NOTE PAD dan PASTE semua kode no 7 tadi.

10. Sekarang penempatan kode yang sudah di pindah ke notepad tadi di pindah ke atas. Caranya:

Cari lagi code yang seperti ini: <dl expr:class='data:post.avatarIndentClass' id='comments-block'> jika tidak ketemu coba yang ini <dl id='comments-block'> atau yang ini <div id='comments-block'>.

11. Pastekan semua kode yang sudah kita pindah di notepad tadi di atas salah satu kode no. 10.

12. Klik untuk menyimpan pekerjaan sobat.

Dengan cara tersebut kita dapat memindah posisi form kotak komentar blogspot akan berada di atas komentar pengunjung seperti Sejuta Trik Blogger blog punya saya ini. Sekian sharing pengalaman saya membuat kotak komentar berada di atas komentar pengunjung. Semoga membantu.

Happy Blogging!
by. Sejuta Trik Blogger

Special Thanks To : Hantu Facebook on Post