Cara Ganti Template Baru atau Instal Template di Blogger

Cara Ganti Template Baru atau Instal Template di Blogger

tutorial Blog Manado   8:15:00 AM

Banyak yang bilang mengganti blog di blogspot dengan di wordpress, jomla, itu lebih mudah di blogspot sama halnya buat blog di blogger dengan di wordpress itu lebih mudah dan cepat di blogger. namun bagi pemula saya yakin semua sulit.. he..he.. Membuat blog yang cantik, keren dan unik memang membutuhkan sedikit usaha karena template yang keren biasanya banyak yang memakainya atau paling tidak sobat bisa mengedit kode-kode HTML untuk membuat tampilan blog sesuai dengan keinginan.

Blog Manado yakin bukan cuma Blog Manado saja yang suka menggonta ganti template sampai tampilan nya sesuai dengan selera namun banyak juga blogger yang senang mengotak-atik bentuk template atau berburu template sampai menemukan template yang sesuai dengan apa yang di bayangkan. kadang Alasan mengganti blog memang beragam namun banyak dari mereka para blogger mengeluhkan tampilan yang kurang bagus ataupun berat loading yang mungkin sangat lamban sehingga akan mengganggu pengunjung dalam mengakses blog milik sobat. disini ada dua cara yang bisa sobat pilih menurut yang sobat anggap mudah.

Cara Merubah template Blogger Yang Pertama

Cara yang pertama adalah cara yang bisa di bilang lebih mudah dan cepat karena sobat tinggal upload template yang biasanya berextensi dengan xml. misal saya mengupload template distorsense.xml bagi sobat yang ingin melihat beberapa koleksi template bisa lihat template keren-keren disini.

2. Jika sudah mendapatkan template nya Langsung menuju ke blogger.com lalu pilih TEMPLATE. klik di bagian sebelah kanan Backup / restore.

3. Pilih template yang ada di komputer sobat  lalu OPEN

4. Klik Upload

5. Selesai, atau jika ingin mengetahui cara lain silahkan ikuti langkah di bawah ini.

Cara Mengganti Template di Blogger Yang kedua

1. Seperti biasanya silahkan masuk saha ke blogger milik sobat
2. Persiapkan dahulu template yang akan sobat jadikan untuk mengganti. silahkan download di cara pertama jika ingin mendownload template.
3. Sebelum menuju ke template silahkan backup dahulu template sobat mungkin saja sobat butuh lagi template yang akan sibat ganti, caranya klik Template - Back up and store - Download full template 

4. Masih Di Template setelah di backup templatenya silahkan pilih edit template

5. Hapus html Templatenya bisa dengan tekan pada keyboard CTRL+A lalu DELETE
6. Cari template yang sudah sobat download di komputer milik sobat lalu Buka template tersebut  sobat dengan Notepad caranya    klik kanan pada template - Open with - Notepad

7. Copy semua Copy templatenya caranya CTRL + A lalu klik kanan pilih Copy

8. Pastekan ke dalam template blogger

9.  Edit - edit dahulu di dalam template jika sobat ingin mengganti kode -kode yang dirasa perlu di  ganti
10. langkah terakhir adalah SIMPAN TEMPLATE
11. Selesai

Kadang membutuhkan banyak waktu untuk menjadikan tampilan blog sesuai dengan harapan karena sobat harus mengutak atik kode HTML yang ada disana. dengan sabar dan teliti karena salah sedikit saja meletakkan kode akan bisa merubah tampilan blog, namun saya yakin sobat bisa melakukannya dengan mudah jika mau belajar. merubah template di atas sebenarnya masih belum sempurna masih ada lagi yang bisa sobat lakukan seperti berupa merubah ukuran header, mengganti backgound blog, menambah kolom, menambah widget,  atau lain sebagainya. ok sobat semoga sukses....

Cara Membuat Slideshow Otomatis Blogger dengan S3Slider

Cara Membuat Slideshow Otomatis Blogger dengan S3Slider

tutorial Unknown   10:39:00 AM

Cara Membuat Slideshow Otomatis Blogger dengan S3Slider Posting Terbaru plus gambar di halaman depan (homepage) untuk Blogger. Demonya seperti gambar berikut ini:

Mengedit Templat

Untuk membuatnya, pertama-tama masuklah ke menu Template kemudian klik Edit HTML dan klik Lanjutkan:

Temukan kode ini:

]]></b:skin>
Salin kode di bawah ini, kemudian letakkan di atasnya:

/*! s3Slider for Blogger by Taufik Nurrohman => http://gplus.to/tovic */

.s3slider {
  margin:0 auto 10px;
  border:2px solid white;
  background:white none no-repeat 50% 50%;
  -webkit-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  -moz-box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  box-shadow:0 1px 3px rgba(0,0,0,.4),0 7px 10px -3px rgba(0,0,0,.4);
  position:relative;
  overflow:hidden;
}
.s3slider.loading {
  background-image:url('data:image/gif;base64,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');
  text-indent:-9999px;
}
.s3slider-content,
.s3slider-content li {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
}
.s3slider-content li {
  position:static;
  display:none;
}
.s3slider-content img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  border:none;
  outline:none;
  padding:0;
  margin:0;
}
.s3slider-caption {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:auto;
  font:normal normal 11px/normal Helmet,Freesans,Sans-Serif;
  color:white;
  background-color:black;
  opacity:.8;
  filter:alpha(opacity=80);
  padding:7px 10px 10px;
  display:none;
}
.s3slider-title,
.s3slider-meta {display:block}
.s3slider-title a {
  font-size:110%;
  font-weight:bold;
  color:white;
  text-decoration:none;
}
.s3slider-title a:focus,
.s3slider-title a:hover {text-decoration:underline}
.s3slider-meta-comment:before {content:" - "}

Klik Simpan Template.

Meletakkan Slideshow

Masuklah ke menu Tata Letak kemudian tambahkan sebuah elemen halaman HTML/JavaScript yang terletak di bagian atas posting. Karena di situlah letak ideal untuk menampilkan slideshow:

Salin kode di bawah ini kemudian letakkan di dalam formulirnya:

<div id="s3slider-container">
  <div class="s3slider loading" style="width:420px;height:270px;">
    Memuat...
  </div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
var s3slider_config = {
    url: 'http://nama_blog.blogspot.com',
    numPost: 7,
    labelName: null,
    monthArray: [
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    noImage: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8B5yReMBpIpgB_d7KHyMw2CqnoCX1mZZNE3eQlQI23gb7aJieNCnTSm4DR518ZvmU81FmxQEVkSBQqvYjngU9yBSZFDm23qgFYtFtB9FNqnf936YzYjoNH6L6nrc9mPefJSgmihsuHJYU/s1600/no-image.jpg',
    newTabLink: false,
    containerId: 's3slider-container',
    slider: {
        width: 420,
        height: 270,
        timeOut: 4000
    }
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/blogger-s3slider.js"></script>

Ganti URL http://nama_blog.blogspot.com/ dengan alamat blog Anda lalu simpan.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Kode yang Saya beri garis bawah adalah JQuery. Jika templat Anda sudah dilengkapi dengan JQuery, singkirkan kode tersebut!

Konfigurasi Widget

Berikut ini adalah tabel pengaturan variabel widget beserta penjelasannya:

Opsi	Keterangan
url	Ganti nilainya dengan URL blog Anda.
numPost	Tentukan jumlah posting yang ingin ditampilkan pada widget ini.
labelName	Ubah nilainya menjadi nama label untuk menampilkan posting dengan label tertentu (Sebagai contoh, menentukan nilai labelName menjadi "Widget" akan membuat widget ini menampilkan posting yang memiliki label Widget saja.
monthArray	Daftar nama bulan sesuai dengan sistem penanggalan di negaramu.
noImage	Gambar cadangan untuk posting yang tidak memiliki gambar.
newTabLink	Ganti nilainya menjadi true untuk membuat tautan slideshow membuka ke tab/jendela baru secara otomatis ketika diklik.
containerId	ID kontainer penampung slideshow.
slider => width	Digunakan untuk menentukan lebar slideshow.
slider => height	Digunakan untuk menentukan tinggi slideshow.
slider => timeOut	Jalan pintas untuk opsi timeOut pada plugin S3Slider (untuk mengatur kecepatan animasi).

Konfigurasi Lain

Elemen <div class="s3slider loading"></div> ditambahkan sebagai elemen slideshow palsu yang nantinya akan menghilang ketika slideshow termuat. Ini diperlukan untuk mencegah tampilan templat Anda menjadi berantakan sebelum slideshow termuat. Di situ terdapat CSS ukuran lebar dan tinggi yang ukurannya disarankan untuk disamakan dengan opsi s3slider_config.slider.width dans3slider_config.slider.height. Atau bisa juga diterapkan ke dalam CSS secara terpisah seperti ini untuk menjaga kebersihan markup HTML:

.s3slider {
  width:420px;
  height:270px;
}

Menghilangkan Tanggal Terbit

Bisa dilakukan dengan menambahkan CSS ini:

.s3slider-meta-date {display:none}

Menghilangkan Jumlah Komentar

Bisa dilakukan dengan menambahkan CSS ini:

.s3slider-meta-comment {display:none}

Tampilkan Kode Berbeda Dalam Mobil Atau Desktop Template di Blogspot

Tampilkan Kode Berbeda Dalam Mobil Atau Desktop Template di Blogspot

tutorial Unknown   10:50:00 AM

Ada beberapa berita baik dari Tim Blogger di Blogger Kode Blog. Jika Anda telah mengaktifkan Template Mobile, Anda akan dapat menyesuaikan Blogger Mobile Template dengan menggunakan definisi CSS. Anda juga akan dapat mengontrol widget yang akan ditampilkan dan yang tidak seharusnya. Anda juga dapat mengkonfigurasi widget untuk menampilkan konten alternatif dalam tampilan mobile. Meskipun ini terlihat begitu menjanjikan, saya tidak dapat menguji semua fitur ini.

Aktifkan Template Seluler: Cara Buka Blog Ponsel Template Untuk Blogspot / Blogger?

Menyesuaikan Widget / Gadget Of Template Untuk Mobile / Desktop: Cara Add / Remove Gadget / Widget Untuk Ponsel Anda Blogspot Template?

Jika saya menggunakan tag ini, gadget atribusi akan hilang dari tampilan desktop saya, dan hanya akan muncul pada tampilan mobile. Perubahan kode ini akan membuat atribusi widget menghilang dari Anda Mobile View.

Persiapan Untuk Menyesuaikan Blogger Template Untuk Mobile:

Jadi jika Anda ingin mengaktifkan kode yang berbeda Anda pada template blogger mobile dan kode yang berbeda pada template blogger desktop Anda maka pertama Anda harus memeriksa Anda <head> yang kode ini tersedia di sana atau tidak ...

<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='IE=IE7; IE=IE8; IE=IE9; IE=IE10; IE=edge; chrome=1' http-equiv='X-UA-Compatible'/>

Jika tersedia kemudian ok dan jika tidak maka menambahkannya di sana. Sekarang Anda dapat sepenuhnya menyesuaikan penampilan template ponsel Anda, tetapi untuk menulis CSS yang berbeda untuk mobile dan desktop Template, Anda harus memeriksa <body> unsur template seluler juga. Pastikan bahwa template Anda <body> tag adalah seperti di bawah ini ...

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Jika itu adalah seperti di atas maka baik dan jika tidak maka membuatnya seperti itu sekarang.

Sekarang Tambahkan Kode Berbeda Untuk Ponsel Dan Berbeda Untuk Desktop:

Setelah beralih ke Custom Ponsel Template, Anda mungkin menemukan bahwa template yang terlalu besar untuk masuk ke dalam Browser Mobile. Jika Anda ingin, maka Anda dapat menyediakan konten alternatif di dalam widget.

<div class="different-content">
<b:if cond="data:blog.isMobile">
<!-- Show Codes On Mobile Template -->
<b:else/>
<!-- Show Codes On Desktop Template-->
</b:if>
</div>

Untuk DEMO singkat, hanya melihat kode di bawah ini ...

<div class="different-content">
<b:if cond="data:blog.isMobile">
<!-- Show a text link in mobile view -->
<a href="http://www.blogger.com">Powered By Blogger</a>
<b:else/>
<!-- Show an image link in desktop view -->
<a href="http://www.blogger.com"> <img expr:src="data:fullButton" alt="Powered By Blogger"/></a>
</b:if>
</div>

Ini akan menampilkan Didukung oleh Blogger link teks dari Mobil View, dan Didukung oleh citra Blogger pada tampilan desktop normal.

Kondisi <b: if cond = "Data: blog.isMobile" /> dapat digunakan untuk memeriksa apakah penampil yang melihat blog Anda dalam mobile browser atau tidak. Anda dapat menggunakan cek bersyarat ini kreatif dan memberikan tampilan yang sama sekali berbeda dengan versi mobile dari blog. Untuk mengetahui lebih lanjut tentang Blogger tag kondisional, Anda dapat melihat posting sebelumnya di Cara Tampilan Kode Pada Anda Diinginkan Halaman / Posting Di Blogger ?.

Sekarang Tambah CSS Berbeda Untuk Ponsel Dan Berbeda CSS Untuk Desktop:

Kemudian, Anda dapat menentukan properti CSS yang berbeda untuk desktop dan tampilan mobile.

/* For Desktop Template */ .your_class_id {color:#FF0000;}
/* For Mobile Template */ .mobile .your_class_id {color:#0000FF;}

Berarti jika Anda ingin menambahkan CSS yang berbeda dari attr HTML yang sama di desktop yang kemudian menambahkan CSS itu attr normal, tetapi jika Anda ingin menambahkan CSS yang berbeda untuk mobile pada attr yang kemudian menambahkan .mobile sebelum attr CSS Anda sebagai bersama dalam kode di atas.

Cara Tampilan Kode Pada Anda Diinginkan Halaman / Posting Di Blogger?

Cara Tampilan Kode Pada Anda Diinginkan Halaman / Posting Di Blogger?

tutorial Unknown   10:47:00 AM

Hari ini adalah masalah umum adalah "Cara Tampilan Gadget Atau Widget Atau Kode HTML yang ditambahkan ke Blogspot Template Anda Pada Desire Anda Page / Pasang Di Blog Anda dengan sedikit CSS Kode?", Ther hanya memberikan kode dan Anda tidak ingin bahwa pada setiap halaman atau posting, Jadi waktu yang lebih dari sekarang Anda hanya mendapatkan kode html dan menampilkannya ada di mana Anda ingin menunjukkannya.

Bila Anda menambahkan html untuk gadget untuk blog Anda dan ingin menunjukkan hanya pada halaman yang diinginkan Anda, pos atau tempat, kemudian tambahkan potongan dari yang diinginkan Anda dari yang diberikan di bawah ini untuk kode Anda di atasnya dan tag penutup di bawahnya. Ingat untuk beberapa gadget dan kode yang juga memiliki CSS, JavaScript dan JQuery Kode. Mereka umumnya mengarahkan Anda untuk menambahkan ada kode Css Anda menambahkan atas]]> </ b: skin> dan ada kode Script di atas </ head>. Tapi mengapa Anda harus melakukan ini karena Anda harus membiarkan widget atau kode untuk ditampilkan di atas halaman yang Anda inginkan tetapi ada CSS-JavaScript pada setiap halaman yang akan membuat waktu buka berat dan yang akan mengganggu pengunjung Anda? Kemudian Anda juga menambahkan bahwa kode kode CSS-Script Anda juga di dalamnya.

Apakah Code ini?

Blogger tag kondisional biasanya memiliki <b: if cond = ..> awal dan akhir dari </ b: if> .Ini kode sebenarnya kondisi yang kita keep.We menggunakan blogger tag kondisional untuk menunjukkan hal-hal tertentu saja di homepage. atau beberapa hal lain hanya dalam posting pages.We dapat ada dengan kontrol dimana widget atau item harus visible.Lets masuk ke rincian lebih lanjut Sekarang Anda mengerti itu, di sini kita datang langsung ke kode yang juga dikenal sebagai "Blogger Conditional Tag" . Di sini kita telah paling dicari kode.

Blogger tag kondisional sangat penting dalam blogger, karena fonction ini dapat membuat setiap halaman blogger yang berbeda gaya, tidak hanya gaya CSS tetapi Anda dapat menempatkan sesuatu. Di internet memiliki sudah banyak tutorial tentang ini, tapi itu hanya tutorial dasar, tutorial ini bukan dasar tetapi canggih, tidak hanya halaman tetapi dapat digunakan untuk kondisi apapun. Ok sekarang ke artikel ....

Fitur:

1.) 15 Blogger Conditional Tags Collection.
2.) Cepat Untuk Load Dan Mudah Untuk Install.
3.) Bekerja Dengan Setiap Codes.
4.) Kode Resmi Tags.
5.) Hanya Bisa Digunakan Dalam Blogger Template.

Cara Tambah Di Blogspot?

1.) Pergi Untuk Anda www.blogger.com
2.) Buka Desire Blog Anda.
3.) Pergi Untuk "Template".
4.) Klik "Edit HTML".
5.) Sekarang Klik Dalam Kode Box.
6.) Sekarang Salin bawah Kode Dan Paste Ini Antara "<head> </ head>" Atau "<body> </ body>".
7.) Klik "Save Template" Dan Selesai.

Kode Akan Hanya Pada Halaman Posting: -

Tag kami tambahkan ke html sehingga hanya muncul di halaman posting adalah ini:

<b:if cond='data:blog.pageType == "item"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Hanya Pada Homepage Saja:

Kode akan ditampilkan hanya pada homepage Anda.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Di Semuanya Kecuali Halaman Posting: -

Kode akan ditampilkan hanya pada (Homepage, Label halaman, halaman Arsip dll).

<b:if cond='data:blog.pageType == "index"'>

THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Satu Pasang Atau Di Halaman: -

Kode akan ditampilkan hanya pada satu posting atau halaman.

*) Mengubah bawah Teks Dengan URL Desire Anda.

<b:if cond='data:blog.url == "URL-Of-Post/Page"'>

THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Semua Static Pages: -

Kode akan ditampilkan hanya pada halaman statis.

<b:if cond='data:blog.pageType == "static_page"'>

THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Dipilih Penulis Posts: -

Kode akan ditampilkan hanya pada Dipilih Penulis Posts.

*) Mengubah bawah Teks Dengan Penulis Diinginkan Anda Nama Sebagai Dalam Blogger Profil.

<b:if cond='data:post.author == "Author-Name"'>

THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada 404 Kesalahan Halaman: -

Kode akan ditampilkan hanya pada 404 Posts.

<b:if cond='data:blog.pageType == "error_page";'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Arsip Halaman: -

Kode akan ditampilkan hanya pada halaman arsip seperti http://blogsmanado.blogspot.com/2013_01_01_archive.html

<b:if cond='data:blog.pageType == "archive"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Posting Dan Statis Halaman: -

Kode akan ditampilkan hanya pada hanya pada posting dan halaman statis.

<b:if cond='data:blog.pageType == "data:post.url"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya On First Post: -

Kode akan ditampilkan hanya pada posting pertama.

<b:if cond='data:blog.pageType == "data:post.isFirstPost"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Label Halaman: -

Kode akan ditampilkan hanya pada halaman label serach atau halaman label seperti http://blogsmanado.blogspot.com/search/label/Template.

<b:if cond='data:blog.pageType == "data:blog.searchLabel"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Query Search Halaman: -

Kode akan ditampilkan hanya pada halaman serach pertanyaan seperti http://blogsmanado.blogspot.com/search?q=anything

<b:if cond='data:blog.pageType == "data:blog.searchQuery"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Dipilih Query Search Halaman: -

Kode akan ditampilkan hanya pada halaman serach permintaan yang dipilih seperti http://blogsmanado.blogspot.com/search?q=css

*) Mengubah bawah Teks Dengan Anda Query Keyword yang diinginkan.

<b:if cond='data:blog.searchQuery == "The-Query-Keyword"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Dipilih Label Halaman: -

Kode akan ditampilkan hanya pada halaman label yang dipilih seperti http://blogsmanado.blogspot.com/search/label/Widget

*) Mengubah bawah Teks Dengan Label Diinginkan Anda Nama.

<b:if cond='data:blog.searchLabel == "Name-Of-Label"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Kode Akan Hanya Pada Template Seluler: -

Kode akan ditampilkan hanya pada Ponsel template seperti http:? /blogsmanado.blogspot.com m = 1

<b:if cond='data:blog.pageType == "data:blog.isMobile"'>
THE-HTML-CODE-GOES-HERE-BETWEEN-THE-TAGS
</b:if>

Reversing Setiap Kondisi:

Sebuah kondisi dapat dibalik hanya dengan mengganti operator perbandingan dari == (sama dengan) untuk != (tidak sama dengan), seperti:

<B: if cond = "Data: blog.pageType !=" item "">

THE-HTML-KODE-GOES-SINI-ANTARA-THE-TAGS

</ B: if>

Dalam contoh di atas, konten hanya akan muncul pada halaman selain halaman posting (yaitu dihapus / disembunyikan dari halaman posting). Metode ini tidak berlaku untuk Label Cari dan Pertama Pasca conditional.

kustomisasi:

1.) Hanya Tambah Kode HTML Anda Dengan Memasang "THE-HTML-KODE-GOES-SINI-ANTARA-THE-TAGS" Dengan Kode Diinginkan Anda.

2.) Simpan Dan Selesai.

Cara Add / Remove Gadget / Widget Untuk Ponsel Anda Blogspot Template

Cara Add / Remove Gadget / Widget Untuk Ponsel Anda Blogspot Template

tutorial Unknown   10:10:00 AM

Artikel ini menunjukkan bagaimana untuk menambahkan gadget ke versi seluler template blogger Anda. Jika Anda belum mengaktifkan template mobile untuk blog Anda, maka pengunjung yang melihatnya menggunakan perangkat mobile (smartphone, tablet dll) akan melihat semua konten Anda dan gadget.

Tapi mereka mungkin harus gulir ke kiri dan kanan banyak, karena blog Anda akan menjadi jauh lebih lebar dari layar mereka. Mungkin ada beberapa masalah jika Anda memiliki gadget yang memerlukan JavaScript atau pemutar media tertentu, yang perangkat mereka tidak telah diinstal. Tapi ini persis sama dengan masalah bagi pengunjung yang menggunakan komputer desktop.

Tetapi jika Anda telah mengaktifkan template mobile, maka pembaca yang menggunakan perangkat mobile melihat desain yang berbeda yang disesuaikan dengan layar lebar mereka, meskipun masih menggunakan warna / tema yang Anda pilih.

Blogger menghadapi beberapa tantangan ketika mereka membangun ini template seluler: banyak blogger menempatkan banyak usaha dalam desain dan menyediakan gadget itu. Tapi layar 300 pixel hanya tidak memiliki ruang untuk sidebar dan blog konten, dan mungkin tidak memiliki ruang untuk beberapa hal yang gadget lakukan, baik.

Standar Gadget Handphone:

Apa Blogger telah dilakukan adalah untuk mengatakan bahwa hanya beberapa gadget biasanya ditampilkan pada versi mobile template blog Anda:
1.) header
2.) Posting Blog
3.) Profil
4.) Pages
5.) AdSense
6.) Atribusi

Namun sangat mudah untuk menambahkan gadget lainnya ke template seluler disesuaikan Anda sendiri, dan untuk mengatur gadget yang hanya bisa dilihat oleh pembaca menggunakan ponsel-perangkat - asalkan Anda bersedia untuk mengambil risiko mengedit template Anda.

Cara Tambah Sebuah Ekstra Gadget Untuk Mobile Template?

1.) Pertama Buka Template Ponsel Anda Dan Pilih Kustom Sebagai Jelaskan Dalam Posting Dari Cara Lihat Template Mobile Di Handheld Devices?
2.) Tambahkan Gadget Desire Anda Itu Anda Ingin Vie Itu Pada Template Mobile.
3.) Dapatkan Widget / Gadget ID Dari Blogger Tata Letak Tab.
4.) Sekarang Pergi Untuk Blogger "Template" Tab dan klik "Edit HTML".
5.) Jangan Expand Widget Kode HTML.
6.) Tekan "CTRL + F" Dan Cari ID Widget / Gadget Anda.
7.) Cari Dan Cari Hal yang Akan Muncul Seperti bawah.
<B: widget id = 'PlusBadge1' = terkunci 'palsu' title = 'YOUR-GADGET-TITLE' type = 'PlusBadge' />
8.) Untuk Tampilkan Gadget ini Pada Ponsel Template Anda Dan Desktop Template, Hanya Tambah = mobile 'yes' Untuk Kode Line Anda suka bawah.
<B: Judul widget id = 'PlusBadge1' = terkunci 'palsu' = mobile 'yes' = 'Badge Google +' type = 'PlusBadge' />
9.) Untuk Tampilkan Gadget ini Hanya Di Handphone Anda Template Dan Desktop Template, Hanya Tambah = mobile 'yes' Untuk Kode Line Anda suka bawah.
<B: widget id = 'PlusBadge1' = terkunci 'palsu' mobile = 'hanya' title = 'Badge Google +' type = 'PlusBadge' />
10.) Simpan The Perubahan.

Catatan: Jika Anda Ingin Sembunyikan Dan Gadget / Widget Pada Mobile Template Dari default One (Header, Blog Posts, Profil, Pages, AdSense, Atribusi), Hanya Tambah seluler = "no" Sebagai Jelaskan pada contoh di atas.

Beberapa FAQ Umum?

Q1 :) Gadget Yang Harus Anda Tambahkan Untuk Template Mobile Anda?

Ans :) Ada aturan yang keras-dan-cepat di sini: itu semua tentang apa yang Anda inginkan pengunjung seluler untuk dapat mengakses. Saya telah melihat orang menambahkan blog-gulung, terkait-daftar, jajak pendapat, profil, dan berbagai widget sederhana lainnya.
Gadget yang saya pikir bisa lebih merepotkan adalah slideshow, posting populer (jika Anda mencoba untuk menunjukkan thumbnail), newsreel, langganan, gadget dari Amazon.com dan pihak ke-3 lainnya.
Anda hanya perlu mengingat jumlah ruang layar yang pengunjung Anda miliki, dan seberapa besar gambar yang mungkin bagi mereka. Dan juga bahwa gadget kemungkinan akan ditampilkan sebagai bagian bawah daftar-of-posting (yang adalah bagaimana blog-posting gadget menunjukkan halaman rumah dari blog mobile Anda), sehingga tidak akan hampir begitu jelas karena mereka berada di sidebar.

Q2 :) Mengapa Masukan Gadget Hanya Dalam Mobile Template?

Ans :) Anda mungkin bertanya-tanya mengapa gadget hanya harus pergi pada versi mobile. Salah satu alasannya adalah untuk memberikan alternatif sederhana untuk gadget dengan fitur lengkap yang ditampilkan pada versi non-mobile blog. Sebagai contoh, saya memiliki dua menu bar di dua Gadget HTML, satu adalah untuk Desktop dan lainnya adalah untuk Ponsel karena ukuran layar.

Q3 :) Apa Posisi Terbaik Untuk Gadget Pada Mobile Template?

Sejauh yang saya bisa melihat, kita tidak mudah memiliki kontrol atas posisi gadget di versi mobile template blog kita namun beberapa eksperimen membuat saya berpikir bahwa:
Sebuah Gadget :) dari header dalam tata letak yang biasa diletakkan di atas daftar posting dalam tampilan mobile.
B :) Gadget dari footer dalam tata letak yang biasa diletakkan di bawah daftar postingan dalam tampilan mobile.
C :) Gadget dari sidebar dalam tata letak yang biasa diletakkan di bawah daftar postingan dalam tampilan mobile.

Q4 :) Cara Lihat Template Mobile Di Desktop Untuk DEMO?

Ans :) Hanya Tambah? M = 1 Di Depan URL Blog Anda Dan Paste Di Browser Address Bar Untuk Lihat DEMO.

Tapi ada bisa lebih terjadi di sini - silakan beritahu saya jika Anda telah bekerja keluar lagi aturan yang diterapkan. Apa masalah lain yang harus Anda miliki dengan ponsel-template? Jangan ragu untuk bertanya.

Cara Buka Blog Template Mobile Untuk Blogspot / Blogger?

Cara Buka Blog Template Mobile Untuk Blogspot / Blogger?

tutorial Unknown   10:01:00 AM

Blogger telah meluncurkan fitur baru untuk blog blogger dengan mana Anda dapat memberikan pandangan yang berbeda dari blog Anda ke pengguna web mobile. Sekarang Anda dapat mengaktifkan template mobile blog Anda yang menunjukkan blog Anda dalam cara yang lebih sederhana tanpa gambar besar, animasi dan iklan di perangkat mobile.

Anda tidak harus membuat perubahan ke template blogger Anda saat ini, semua yang perlu Anda lakukan adalah mengaktifkan pengaturan di blogger Anda dashboard.As Anda tahu, jutaan orang menggunakan ponsel mereka untuk mengakses internet. Kecepatan internet mobile juga sangat cepat hari ini dengan 3G, aplikasi mobile, dll.

Dari ini, kita dapat mengatakan banyak pembaca Anda datang ke blog Anda melalui phones..But ponsel, jika Anda tidak membuat blog mobile Anda ramah, .you mungkin kehilangan semua pembaca mobile Anda karena di ponsel, sebuah blog yang normal Dibutuhkan banyak waktu untuk memuat dan ada isu lain bahwa situs Anda tidak cocok dengan baik di layar ponsel.

Karena begitu banyak pembaca di ponsel di dunia modern sekarang ini, itu sama pentingnya untuk webmaster dan blogger untuk membuat / blognya seluler sehingga pembaca dan pengikut dengan ponsel harus mendapatkan lebih kecil dan lebih ringan versi situs tanpa memperlambat waktu buka pada kabar baik ponsel phones.There untuk blogger bagaimana menggunakan blogspot / blogger.com Platform untuk mengelola blog mereka. Tim Blogger.com baru-baru ini mengumumkan Template Mobile Untuk Blogger Blogs.

Fitur:

1.) Cepat Untuk Load Dalam Mobile.
2.) SEO Optimized By Blogger Sendiri.
3.) Keren Template Prebuilt.

Cara Tambah Di Blogspot?

1.) Pergi Untuk Anda www.blogger.com
2.) Buka Desire Blog Anda.
3.) Pergi Untuk Template.
4.) Klik "Aksesoris Icon".
5.) Sekarang Klik On "Ya ... .."
6.) Lalu Pilih Setiap Gaya Template, Preview It Dan Simpan.

A Step By Step Bantuan Via Images:

Itu dia! Sekarang, pengunjung dapat mengakses blog blogger Anda melalui ponsel dengan kecepatan super ...

Apa Yang Beda Antara Blogger Vs Wordpress

Apa Yang Beda Antara Blogger Vs Wordpress

pilihan Unknown   9:50:00 AM

Blogging adalah sebuah platform di mana Anda dapat memposting artikel Anda tanpa mengedit apa-apa lagi seperti di situs. Blog adalah CMS yang akan menghasilkan semua yang diperlukan coding belakang otomatis untuk membuat halaman baru di blog Anda dan melakukan apa pun blog Anda ingin lakukan dengan halaman baru.

Sekarang ada dua platform yang Blogging di dunia yang tertua dan paling populer. Blogger dan WordPress. Keduanya untuk blogging tujuannya dan banyak digunakan oleh pengguna dunia.

Info singkat Of Blogger:

Blogger diluncurkan oleh "Pyra Labs" pada 23 Agustus 1999 dan dibeli oleh Google Inc pada tahun 2003. Secara umum, blog yang di-host oleh Google pada subdomain dari "blogspot.com". Seorang pengguna dapat memiliki hingga 100 blog per akun. Baca Selengkapnya Tentang WikiPedia ..

Info singkat Of WordPress:

WordPress dirilis oleh beberapa orang pada 27 Mei 2003. kekuatan WordPress lebih dari 17% dari web - sebuah angka yang terbit setiap hari. Semuanya dari website sederhana, untuk blog, portal kompleks dan website perusahaan, dan bahkan aplikasi, website, eCommerce dan apa pun yang Anda inginkan dibangun dengan WordPress. Baca Selengkapnya Tentang WikiPedia ...

Perbandingan:

Kami berada di Blogger sejak 2007 jadi di sini kita akan berbagi alasan mengapa kita masih seperti Blogger. Kami akan menjalankan perbandingan fakta di bawah ini maka Anda dapat melihat sendiri mengapa Blogger itu lebih baik daripada WordPress.

1.) Keamanan:

Blogger dimiliki oleh Google dan memiliki login dari akun Google Anda yang dijamin banyak maka setiap perusahaan hosting lain yang Anda tahu lebih baik. keamanan dijamin oleh Google dan WordPress Anda akan menjadi tuan rumah blog Anda pada perusahaan hosting yang mengenakan biaya banyak $$$ masih tidak dijamin Google dan tidak akan Jaminan keamanan blog Anda.

2.) Ruang Untuk Data:

Blogger tidak memiliki batasan ruang dalam menyelamatkan teks. Beristirahat yang terhubung dengan banyak akun Google lain yang memiliki GBS ruang untuk bebas dan dapat digunakan di Blogger seperti Picassa, Google Drive, Google Proyek. Ini semua dapat digunakan untuk menyimpan data Blogger Anda. Singkatnya f Anda log setiap hari untuk GMail Anda maka Anda akan mendapatkan terus meningkat di ruang data dan di WordPress, setiap GB adalah senilai $$$.

3.) Data Bandwidth:

Blogger memiliki bandwidth terbatas di mana di WordPress, itu tergantung pada Anda $$$ bahwa berapa banyak Anda akan membayar Anda akan mendapatkan bandwidth. Anda dapat menjalankan off kapan saja dari bandwidth Anda maka Anda harus membeli lebih banyak dengan lebih $$$.

4.) Beban Server:

Blogger tidak memiliki batas beban seperti yang telah kita lihat lebih dari 3000 + pengunjung online secara realtime dan di WordPress, sebuah shared hosting normal hanya dapat menyimpan beban 100 + hanya di hosting yang baik. Jika Anda mendapatkan bijih maka mereka akan meminta lebih banyak $$$ dan memberitahu Anda untuk pergi ke sana Dedicated Server yang akan tersedia di $$$$$$.

5.) Server Up / Down:

Blogger turun pada 2013 untuk 0.X detik saja, tetapi WordPress tergantung pada hosting Anda dan hosting yang tergantung pada Anda $$$ dan masih akan turun jika Anda akan mendapatkan beban tambahan masih membayar tambahan $$$.

6.) Respon Server:

Blogger memiliki waktu respon di detik mille dimana setiap hosting WordPress min harus di sec bahwa Anda tahu lebih baik jika Anda seorang webmaster dan jika Anda punya beban pada server Anda kemudian dapat berada di dua digit sec juga.

7.) Update SEO:

Semua pilihan dasar dan penting SEO yang resmi tersedia di Blogger dan jika Anda akan memeriksa WordPress normal maka tidak ada SEO didukung pilihan. Anda harus menggunakan Plugin yang dapat membuat berat blog Anda juga dan kurang aman juga.

8.) Template Editing:

Jika Anda ingin ot belajar mendesain web yang Anda dapat mempelajari semua dasar di Blogger semudah dan hanya satu halaman di mana Anda harus mengedit template dan yang akan mempengaruhi Anda secara keseluruhan blog seperti di WordPress ada dan terlalu banyak file yang bahkan sulit untuk menemukan kode hanya tidak untuk menggantikan.

9.) Coding Mudah:

Blogger dasar pada HTML, CSS, JavaScript, XML, GML saja dan di WordPress, ada PHP yang sulit untuk pemula dan juga kompleks dan perlu $$$ untuk berjalan di server juga. Blogger dapat berisi semua coding manual juga dan di WordPress Anda harus melihat coding yang lain terlebih dahulu sebelum menambahkan Anda.

10.) Gratis Resources:

Blogger semua sumber daya yang 100% gratis dan resmi tidak ada sumber daya yang disebutkan untuk menggunakan dan di WordPress, dari keamanan untuk SEO semua oleh Plugins dan di Wordpress nyata hanya nama beristirahat berjalan Plugins bu yang adalah mahal juga.

11.) Serangan SEO:

Seperti yang Anda tahu bahwa Google merilis update SEO teratur seperti Panda, Pigeon, Penguin dll dan semua hanya menghapus situs dari mesin pencari Google, tetapi jika Anda akan pergi jauh maka Anda akan menemukan bahwa 75% + dari update ini hanya menyerang pada blog WordPress hanya sebagai Blogger sendiri oleh Google sendiri, itu sebabnya setiap blog baru tanpa posting di halaman Google Pertama.

12.) Gratis Atau $$$:

Akhirnya perbedaan utama adalah bahwa Blogger adalah 100% gratis dengan semua fitur dan WordPress perlu $$$ bahkan memiliki fitur min dan masih tidak bisa berdiri di depan blogger sampai Google sendiri merilis platform blogging WordPress.