Tampilkan postingan dengan label blog. Tampilkan semua postingan
Tampilkan postingan dengan label blog. Tampilkan semua postingan

Cara Membuat Posting dan Sidebar tukar tempat

Selasa, 05 Maret 2013 0 komentar
Sebelumnya saya sudah berbagi dengan kawan Cara Memilah untuk ditampilkan, :r; dan sekarangpun masih tetap tentang Tampilan Blog yaitu Tampilan pada Home Page dengan Single Page :z; berbeda maksudnya seumpama pada Home Page Sidebar disebelah kiri dari Postingan, sedangkan pada Sngle Page menjadi Sidebar berada di sebelah kanan Posting atau sebaliknya :q; untuk lebih jelasnya coba kawan perhatikan image / gambar berikut 


Tampilan pada Home Page

Tampilan pada Single Page

 Cara membuat :

  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML 
  • Cari tag ]]></b:skin> atau </head>
  • Copas script berikut dibawah ]]></b:skin> atau diatas </head> 


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#content{float:left}
#sidebar-wrapper{float:right}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#content{float:left}
#sidebar-wrapper{float:right}
</style>
</b:if>

Penjelasan :
  • Perhatikan tanda == yang berwarna merah menandakan posisi Single Page dengan tampilan Sidebar berada disebelah kanan Content {float:left} sedangkan pada posisi Home Page sudah pasti Sidebar berada disebelah kiri Content 
  • Kalau posisi Sidebar pada Home Page berada di kanan Content dan supaya pada Single Page menjadi posisi Sidebar berada di kiri Content, kawan cukup mengganti left menjadi right dan right menjadi left 
  • Selamat Berkreasi



Cara Memilah untuk ditampilkan

Sabtu, 02 Maret 2013 0 komentar
Postingan yang sekarang ini Judulnya saya rasa kurang pas dan sepertinya sedikit ribet, makanya sebelum berlanjut tak ada salahnya saya memberikan sedikit penjelasan apa yang saya maksud dengan :q; Cara Memilah untuk ditampilkan yang kurang lebihnya sebagai berikut mau kita tampilkan di Home Page saja atau sebaliknya pada Single Page saja :r; lebih jelasnya, seumpama kita ingin gadget / widget agar tampil di Home Page saja sedangkan pada Single Page tidak begitu juga sebaliknya di Home Page tidak tampil sedangkan paga Single Page baru kelihatan / tampil :w; 

Sebagai contoh kita pakai Profil Blogger
Caranya :
  • Masuk Account Blogger dengan ID kawan 
  • Pada Dasbor pilih Template - Edit HTML 
  • Cari ]]></b:skin>
  • Copas kode berikut dibawahnya

Cara Pertama :
Supaya hanya tampil pada Home Page saja [dan tidak tampil pada Single Page]

<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#Profil {display:none}
</b:if></style>

Sedangkan kalau ingin agar tampil pada Single Page saja

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#Profil {display:none}
</b:if></style>

Keterangan :
  • #Profil bisa kawan ganti sesuai keinginan kawan yang ingin ditampilkan atau tidak misalnya #Sidebar, #HTML? atau yang lainnya 
  • Tanda ? supaya kawan ganti dengan angka misalnya #HTML1, #HTML3, 

Cara Kedua :
Cara ini khusus untuk Posisi kawan tetap pada Edit HTML
Cari tag </body> silahkan kawan scroll keatas perlahan sampai pada dibawah Header 
Karena cara ini khusus untuk bagian-bagian tertentu misalnya untuk : <div id='sidebar-wrapper'>, <div id='under-post'>, <did id='footer'> dan lain sebagainya :w;
sebagai contoh saya pakai underpost posisinya dibawah posting yang ada pada Blog saya ini, perhatikan kodenya sebagai berikut :

<div id='under-post'>
<b:section class='under-post' id='under-post' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Template Gratis' type='HTML'/>
</b:section>
<b:section class='under-post' id='left-under-post' showaddelement='yes'>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'/>
</b:section>
<b:section class='under-post' id='right-under-post' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Paling Sering Dibaca' type='PopularPosts'/>
</b:section>
</div>

Supaya hanya tampil pada Home Page saja, maka kode scriptnya sebagai berikut :

<b:if cond='data:blog.pageType != &quot;item&quot;'> <div id='under-post'>
<b:section class='under-post' id='under-post' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Template Gratis' type='HTML'/>
</b:section>
<b:section class='under-post' id='left-under-post' showaddelement='yes'>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers' type='PlusFollowers'/>
</b:section>
<b:section class='under-post' id='right-under-post' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Paling Sering Dibaca' type='PopularPosts'/>
</b:section>
</div>
</b:if>


Kalau sebaliknya supaya hanya tampil pada Single Page saja kawan tinggal mengganti != menjadi == Gampang kan dan selamat mencoba  :z;

Cek Loading Blog di Berbagai Negara

Kamis, 21 Februari 2013 0 komentar
Setelah Blog tercipta apa yang kawan lakukan ?!  :w;
Jawabannya mungkin bermacam-macam misalnya agar cepat terkenal, supaya cepat mendapatkan PageRank [PR] besar yang kesemuanya itu bisa didapat dari ramainya pengunjung Blog, :y; begitu juga tidak terlepas dengan Artikel Unik [menarik] dan yang tak kalah penting adalah Loading serta Berat Blog kita :z; 

Sekarang saya berbagi informasi dengan kawan tempat Cek Loading Blog di beberapa Negara, silahkan cek disini »  http://loads.in/ 

Caranya :
  • Masukkan URL  lengkap Blog kawan ( contoh : http://blogbego-creation.blogspot.com) - Start - 

  • Selanjutnya kawan menentukan pilihan Negara dan Browse [Internet Explorer, Firefox, Chrome dan Safari] sebagai contoh Test Loading Blog saya untuk Jakarta dan New York dan Browse Chrome, hasilnya untuk Jakarta 21.92s sedangkan untuk USA 17.22s 



    • Walaupun software ini bersifat gratisan, tapi sangat bagus dan memberikan layanan yang maksimal seperti pelaporan lengkap masing-masing  elemen template Blog kawan misalnya ada kesalahan pada HTML atau JavaScript template maupun waktu yang diperlukan untuk loading, caranya dengan memilih-Waterfall chart yang letaknya di samping kanan dan dibawahnya ada tulisan Download HAR yang bisa kawan Download dengan format arsip http (HAR) 





    Contact Us

    Sabtu, 31 Desember 2011 0 komentar