Showing posts with label Tips Blogging. Show all posts
Showing posts with label Tips Blogging. Show all posts

21 Apr 2012

Cara Membuat Page Information Permalink Pada Blog


Cara Menghasilkan Page Information Permalink Di dalam Blog - Cara Menghasilkan Permalink Tag Blog Di Blogspot - Cara Menghasilkan Page Information di dalam blog, menghasilkan internal link otomatis di dalam blog - Salah satu trik SEO yang di percaya banyak orang2 yaitu Cara Menghasilkan Page Information Permalink Di dalam Blog. Banyak yang bilang dengan Cara Menghasilkan Page Information Permalink Di dalam Blog akan menokok seo friendly on page. & saya juga belum tau apakah tersebut benar atau tidak. tapi gak ada salahnya kan kalau di coba dulu.

Kegunaan Page Information atau permalink itu sendiri adalah selain sanggup menokok SEO onpage juga menghindari para plagiaters yang tidak memberikan sumber. Kiranya mereka akan sadar saat melihat tulisan tersebut. Page Information atau Permalink atau permanen link ialah alamat URL atau link yang permanen mengenai suatu postingan. Permalink di blogspot amat penting untuk menambah link internal di artikel postingan kita. Karena permalink yang satu tersebut SEO friendly sehingga mudah dibaca oleh google.

Berikut ini Contoh Gambar Permalink Blog

Cara Membuat Permalink


Yuk langsung aja ke Cara Membuat Page Information Permalink Pada Blog :

1. Masuk ke akun Blogger Sobat.
2. Klik Rancangan >> Edit HTML.
3. Klik Download Template Lengkap untuk berjaga-jaga kalau nanti terjadi kesalahan kita dapat dengan mudah mengembalikan template seperti semula.
4. Beri tanda centang di Expand Template Widget.

5. Cari kode ]]></b:skin>. Tekan Ctrl + F lalu isikan kode untuk mempercepat pencarian.

6. Copy kode di bawah ini lalu paste di atas kode tersebut

.permalink {border: 1px dotted #000000; padding: 5px; background: #ffffff;-moz-border-radius:5px;} .permalink a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

7. Cari kode <data:post.body/>. Untuk mempercepat pencarian, silakan tekan Ctrl + F lalu masukkan kode ini dibawah ini tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='permalink'> <center><small>Terima kasih sudah membaca artikel berjudul <strong><u><a expr:href='data:post.url'><data:blog.pageName/></a></u></strong> dan sobat bisa menemukan artikel <strong><data:blog.pageName/></strong> ini dengan url <strong><data:post.url/></strong>. Silahkan baca artikel &#169;<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> yang lainya. Jika ingin share artikel ini, tolong cantumkan link <strong>Sumbernya</strong></small></center></div></b:if>

biasanya kode <data:post.body/> ada dua pilih aja yang kedua untuk memasang permalinknya.

Terakhir simpan template anda dan lihat hasil  Page Information Permalink Pada Blog sobat.

Sumber :

IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Cara Membuat Page Information Permalink Pada Blog
READ MORE - Cara Membuat Page Information Permalink Pada Blog

Cara Edit Template Blog Agar SEO Friendly

Tips Edit Template Blog Supaya SEO Friendly - Merawat template blog supaya SEO friendly, Teknik edit template Blog agar makin SEO Friendly, Salin jirim template blogspot supaya SEO friendly >> Postingan Saat ini IPTEK-4U hendak mengantarkan sempit teknik and strategi dengan butuh diusahakan kepada temen temen blogger supaya Template dengan dipergunakan makin SEO friendly dengan tidak berbeda gunanya konkret untuk mengambil optimasi Blog dalam SERP. Nah, terbuka aja gimana Tips Edit Template Blog Supaya SEO Friendly.

Tersedia jumlah Tips Edit Template Blog Supaya SEO Friendly dengan bisa saya lakukan, & aku hendak urutkan seluruh sedari dengan tersohor lepas pikir ragam IPTEK-4U.

1. Dimensi Ruwet Blog
Buatlah template blog tuan seringan kiranya, sebab pikir survey, instrumen pencari makin sopan di dalam template dengan loadingnya giat. Sukat   Ukur seberapa berat blog  tuan pula.

2. Page Title Blog alias Tergila-gila Title Blog
selanjutnya dengan mesti saya lakukan ialah memodifikasi sempit di dalam script Page Title dengan tersedia dalam script template Blogspot, lazimnya wujud page title ataupun tergila-gila title dibanding blogspot serupa ini: TITEL BLOG: TITEL POSTING, nah supaya blog saya makin diminati sama om google & SEO friendly, saya mesti merubah wujud page title standart tersebut jadi serupa ini: TITEL POSTING | TITEL BLOG. Edit Tergila-gila title blog tuan di dalam tergila-gila title dengan bisa menyingkir palsu kontent. untuk tutorialnya tuan bisa lihat lihat  Cara Mengubah Meta Tag Title Blog agar SEO Friendly.


3. Tergila-gila keyword & makna Uni instrumen pencari menyerupai om google amat demen satu buah situs – situs alias blog dengan konkret teras [ki] & murad content-nya. Oleh sebab itu, taulan mesti nambahin uni tag dengan namanya tergila-gila tag. Putar tergila-gila tag di dalam template blog taulan, untuk caranya monggo lihat lihat khotbah aku mengenai  Mengungkap Semua Rahasia Tersembunyi Pada Meta Title, Description dan Keyword di Blogger


4. Mewujudkan Breadcrumbs
Breadcrumbs ialah menu navigasi dengan tersedia lebih dari satu buah posting ataupun khotbah. Tips pasangnya pula telah hampir aku teliti dalam blog Technology information center tersebut. Monggo pada khotbah " Cara Membuat Breadcrumb Pada Blog g".

4. Mewujudkan Related Post
Related post amat cerah untuk SEO atau kepada pengunjung. Oleh sebab itu sewajarnya putar related post dalam blog taulan. Caranya lihat lihat dalam khotbah aku berjudul " Cara Membuat Artikel Terkait / Related Post dengan scroll ”.

5. Menghancurkan setting archive ( jilid )
Om google amat mendendam secara dengan namanya duplicate content. Oleh sebab itu ketika saya menjalankan jilid, sepertinya serupa ini:
taulan menghasilkan satu buah blog lalu menghasilkan 3 cekaman posting, secara 1 cekaman posting tiap-tiap tarikh. Oleh sebab itu dalam taman unggul ataupun homepage taulan hendak tersedia 3 posting & satu buah link jilid serupa ini, http: //BLOGSOBAT. blogspot. com/2012_03_01_archive. html, di dalam taman jilid itu hendak menyatakan 3 posting dengan tetap secara dengan dalam munculkan sama homepage.
Intinya, dua cekaman link dengan menyambangi dua taman dengan berselisih akan tetapi mempunyai murad konten dengan tetap. Untuk mencari engine apa saja om google tersebut ialah penyakit silang selimpat. Oleh sebab itu sewajarnya me-non-aktifkan opsi jilid, caranya: sesudah login seksi tab setting >> Archiving >> di dalam komponen Archiving frequency ubah jadi no archive. >> tumpas tuntas setting.

Ataupun bila taulan gak mau membebastugaskan kegunaan jilid, monggo letakkan logat bersama-sama dibawah logat :



6. Mencatatkan logat ‘rel=canonical’
Tengah bersinggungan mengenai tips menyingkir palsu content ataupun konten tike oleh sebab itu tambahkan ‘rel=canonical’ untuk postinganmu. Gunanya saya mencatatkan ‘rel=canonical’ tersebut sendiri ialah untuk menyingkir konten tike, sebab menyerupai paruh sep of SEO jumlah kalau om google amat tak sanggup mentolerir satu buah duplicate content. oleh sebab itu kepada dengan kerjanya Sahaja bisa copas berhati-hati nih sebelum didepak dibanding kesultanan om google. Tips nya dalam edit html tambahkan logat bersama-sama sesudah logat



7. Putar Page Information Ataupun Permalink alias Intern link otomatis
Satu diantara tips dengan jumlah dipercaya sanggup menokok SEO OnPage ialah secara Mewujudkan Page Information ataupun makin sendat dikenal secara Permalink di dalam template blog tuan, untuk tips pasangnya monggo lihat  Cara Membuat Page Information Permalink Pada Blog .

8. Tag Heading
Mbah Om google amat demen satu buah vokal ataupun titel secara tag H1. Maka itu ga butuh basa terlalai saja ubahlah dimensi titel posting taulan secara tag H1. Caranya Monggo lihat lihat khotbah  Cara Edit Tag Heading Agar SEO Friendly

Sependirian Begitu saja lalu pembicaraan dibanding IPTEK-4U saat ini. Saya harap Berguna ^_^


Titik berat:
IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Cara Edit Template Blog Agar SEO Friendly
READ MORE - Cara Edit Template Blog Agar SEO Friendly

Mendapatkan Ratusan BackLink Berkualitas dengan Cepat


Tips Memperoleh Ratusan BackLink Bernilai secara Giat - Ratusan Backlink prodeo - Di dalam posting saat ini aku hendak meriset mengenai teknik Tips Memperoleh Ratusan BackLink Bernilai secara Giat & Prodeo.
Berasaskan kabar dengan aku dapat, katanya tersebut ialah tips menyeramkan untuk tukar link. Sebab 1 link dengan saya putar hendak dibantu dipromosikan 1 juta orang2 makin cuma secara menguliahi dua orang2 aja. Wow lagak kendi sob... Sistemnya sebenarnya mendalam mendekati secara MLM sedalam 20 Timbalan, gak terik [ki] untuk menguliahi orang2 untuk senarai, sebab semuanya cuma membutuhkan publisitas, & tiap-tiap orang2 mau linknya tersebar secara giat. Kecuali tersebut kemampuan yang lain link saya permulaan nempel langsung.

Umpamanya berkeinginan taulan komplit Mencatat. Sesudah tersebut monggo menginformasi password dengan dikirim pada email kamu, lalu terbuka login & putar titel khotbah kamu, realitas & URL link taulan dengan mau dipromosikan di dalam Situs – situs tersebut. nah kecuali tersebut saya pula hendak memperoleh web replikanya untuk saya promosikan. Promosinya pula gak terik [ki], taulan tinggal bikin satu buah postingan serupa ini ataupun monggo copy paste khotbah tersebut dalam blog taulan & rasakan manfaatnya.

Monggo seksi disini untuk mencatat pecah setelah seksi Sign Up Now Free
Sip [cak] menyerepi Tips Memperoleh Ratusan BackLink Bernilai secara Giat & Prodeo.

Titik berat:

IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Cara Mendapatkan Ratusan BackLink Berkualitas dengan cepat
READ MORE - Mendapatkan Ratusan BackLink Berkualitas dengan Cepat

Cara Memberi Scroll pada Label


Tips Mem(per)bolehkan Scroll di dalam Titel - Menghasilkan scroll di dalam titel >> Malem sob,, saya mendelik saja nih... saat ini IPTEK-4U hendak meriset mengenai Tips Mem(per)bolehkan Scroll di dalam Titel.




Scroll pada label
Temen - temen dengan pengen masang titel ataupun category dalam sidebar lazimnya dengan labelnya jumlah jelas permulaan tinggi pada (sisi) belakang, nah satu diantara solusinya walakin taulan bisa ngirit zona ialah secara Tips Mem(per)bolehkan Scroll di dalam Titel.

ok segera ke TKP saja setuju sob,, kepada taulan - taulan dengan berkeinginan mem(per)bolehkan scroll di dalam labelnya bersama-sama caranya:

(Wajib: Supaya codenya bisa melangkah Widget Titel mesti telah hampir terpasang di dalam blog taulan terlebih dahulu)

1. login pada blog kamu dua. 

2.lalu Rencana >> edit HTML >> berarakan 'Expand Template Widget' (Jangan lalai backup dulu)

3. Cari kode ]]></b:skin> 
4. Tekan Ctrl + F untuk memudahkan mencari 
5. kalau sudah ketemu tambahkan code di bawah ini tepat di atas code ]]></b:skin> 


#Label2 .widget-content{
height:200px;
width:auto;
overflow:auto;
background: #EBEBEB;



Timbangan 200px dengan warna marah ialah menjulung petak-petak scroll. bisa taulan tiru serasi minat taulan,,,
Walaupun dengan berupa biru ialah code untuk background dengan bisa taulan tiru serasi minat pula ataupun sesuaikan secara rona background di dalam sidebar taulan. kalo tengah melamun milih code warnanya bisa taulan sulit disini Code Rona HTML

Saya harap Berguna & Sip [cak] Menyerepi... ^_^

Sumber :

IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Cara Memberi Scroll pada Label
READ MORE - Cara Memberi Scroll pada Label

Pengertian SEO

Pernyataan SEO >> apa tersebut SEO, Pernyataan mengenai SEO, Menguasai SEO - Sesudah sebagian tali air aku menghasilkan postingan mengenai tips-tips SEO apalagi sebab banyaknya teknik dengan butuh dalam teliti eh ternyata aku sekiranya lalai untuk meriset mengenai apa tersebut Pernyataan SEO tersebut sendiri. Jelas jumlah pula kendi temen-temen khususnya dengan bau kencur menyimak mayapada Blogging & computer marketing di dalam bertanya bertanya apa sebenarnya Pernyataan SEO tersebut???

ok deh terbuka saja setuju aku jelasin Pernyataan SEO

SEO tersebut sendiri ialah sinopsis dibanding "Search Engine Optimization", Pikir titik berat dengan aku lihat lihat dalam Wikipedia, Pernyataan SEO tersebut ialah uni aplikasi ataupun tahapan tahapan dengan diusahakan secara wujud untuk menokok traffic ataupun volume instrumen pencari ( menyerupai Om google ) menyambangi domisili susunan web unik secara memeras sistem perbuatan natural algoritma dibanding instrumen pencari itu. Pecah apakah wujud dibanding SEO itu? Tujuannya tidak berbeda & tidak tidak ialah menjelmakan satu buah susunan web di dalam situasi termasyhur, ataupun setidaknya di dalam taman terkini pendapatan pencarian berasaskan keywords unik dengan ditargetkan. Secara demikian, kalau susunan web ataupun blog menghuni situasi termasyhur di dalam pendapatan pencarian, oleh sebab itu susunan itu hendak mempunyai tertancap makin gede untuk memperoleh pengunjung. Memang berdasar tidak, sebab aku sendiri umpamanya mengacaukan wujud dalam instrumen pencari menyerupai om google, ter- tersisih melihat-lihat sahaja turun pada taman 3.

Pecah, gimana aplikasi SEO tersebut sendiri. Dengan skema tersedia ganda sesuatu pada berbuat optimalisasi (SEO) dalam instrumen pencari, yakni

  1. SEO OnPage Teknik Optimasi Blog Saat Posting Artikel
  2. SEO Off Page Teknik Optimasi Dengan Membangun Backlink

Walaupun sistem dengan digunakanpun beraneka-ragam. Kalau sistem pengoptimalan template blog ataupun web, keywords, titel, makna, konten, dan tersedia tidaknya literatur dibanding web ataupun blog dengan menyambangi pada susunan saya dengan cerdik dikenal secara Backlink. Taulan amati foto dalam berhubungan itulah menampilkan beberapa gede aplikasi SEO ataupun strategi SEO dengan jumlah diusahakan sama paruh sep SEO.

Apakah SEO tersebut amat diperlukan?
pikir aku jawabannya setuju,, sebab waktu taulan pengen blog alias webnya dikunjungi orang2 jumlah oleh sebab itu kuncinya taulan mesti berbuat optimalisasi SEO di dalam web ataupun blog taulan.

Nah tersebut sempit tentang Pernyataan SEO. & jelas hendak aku share saja tentang teknik teknik SEO yang lain....

Sumber :IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Pengertian SEO
READ MORE - Pengertian SEO

Manipulasi Tag Heading agar SEO Friendly

Cara Edit Tag Heading Agar SEO Friendly - Edit Tag Heading Blogspot Supaya SEO Friendly, Merubah Tag Heading titel postingan jadi h1, Teknik SEO mengenai tips mentransfer tag Heading supaya makin SEO Friendly - Sip [cak] tunggang gunung temen-temen blogger seluruh, aku sanggup teliti mengenai SEO saja nih, memang gak tersedia habisnya kalo langsung teliti dengan namanya SEO. Subjek dengan aku teliti tunggang gunung tersebut ialah gimana supaya template dengan saya membubuhkan SEO friendly secara Tips Edit Tag Heading Supaya SEO Friendly. Kadang-kadang saya memilah template dibanding penyedia susunan template gratisan dalam computer cuma hanya merestui minat kecantikan, akan tetapi kadang-kadang saya lalai apakah template dengan saya membubuhkan telah hampir SEO friendly ataupun belum. Ok Di dalam Panduan saat ini aku hendak usut sempurna mengenai Tips Edit Tag Heading Supaya SEO Friendly, ataupun makin jelasnya secara mem(per)bolehkan tag h1 untuk titel postingan. Namun,, bila Kamu melakukannya dengan serabutan takah-takahnya sekiranya malahan terkabul multiple tag h1 di dalam taman Kamu.

Kiranya temen - temen udah di dalam tau, jumlah template blog dengan cerah pada sosok design diluar sana, & umum dibanding template itu menekankan penyakit design. Saya dengan hendak memakainya butuh sempit memodifikasi supaya makin utama. Ok, terbuka saja aku dobrak menjumpai temen-temen seluruh langkah-langkah pada optimasi template dengan saya membubuhkan supaya makin  SEO friendly


1. Terkini dengan tandas kamu lakukan pasti login lalu dalam Blogger
dua. Lalu seksi Rencana (Jangan Lalai backup template dulu)>> edit HTML
3. Non lalai Berarakan Expand Template Widget 


1. Pertama yang mesti anda lakukan tentu login dulu di Blogger 
2. Kemudian klik Rancangan (Jangan Lupa backup template dulu)>> edit HTML
3. Jangan lupa Centang Expand Template Widget

Manipulasi Tag Heading Judul Postingan

Cari kode berikut ini..

<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>

Setelah ketemu Ganti semua kode di atas dengan kode dibawah ini.

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<h1 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>
</h1>
</b:if>

Manipulasi Tag Heading Judul Blog

Cari lagi kode di bawah ini
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>

Selanjutnya Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>

Cari kode berikut ini

<h1 class='title'>
<b:include name='title'/>
</h1>

Ganti dengan kode berikut ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>

Terakhir, Set CSS Anda

Cari kode css judul postingan dan judul blog Anda. Misal kodenya seperti ini. Cari yang mirip.

.post h3 {
..................................
}

.post h3 a, .post h3 a:visited{
..................................................
}

.post h3 a:hover {
....................................
}

Ganti kodenya dengan kode di bawah ini

.post h1, .post h2 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong{
display:block;
text-decoration:none;
color:$titlecolor;
font-weight:normal;
}

.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:$textcolor;
}

Catatan: Kalau tidak berhasil, ganti hanya kode h3 nya..

kemudian, cari lagi kode css judul blog. Cari yang mirip dengan kode di bawah ini

#header h1 {
............................
}

Setelah itu Ganti dengan kode di bawah ini

#header h1, #header p {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Selanjutnya adalah mengubah tag heading pada widget di blog

cari kode di bawah ini:

<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>

Ganti h2 menjadi h3

Biasanya untuk perubahan pada Tutorial yang terakhir yaitu mengubah tag heading pada widget, jika diubah h2 menjadi h3 maka style/judul dari widget anda akan berubah. Agar sama seperti semula, lanjutkan mencari kode berikut:

.sidebar h2

dan rubah h2 menjadi h3

Kemudian Save/Simpan template anda, selesai....

Lalu Save/Simpan template kamu, tumpas....

Ikuti seluruh langkah-langkah lebih dari, kalau semuanya telah hampir kamu lakukan secara berdasar oleh karena itu hari ini dalam pekarangan index Kamu, ataupun pekarangan unggul blog, titel blog memiki tag h1 serta titel postingan tidak tag h1. Temporer begitu om google index pekarangan postingan Kamu, titel postingan otomatis merembet pada tag h1 serta titel blog tak saja memakai tag h1. Hasilnya, tiada saja tag h1 tike dengan hendak menyelundupkan keonaran untuk rangking Kamu. Oya.. tersedia dengan lalai, kalau tersedia diantara temen-temen dengan belum menyelidik menfaat SEO untuk transparansi blog, aku persaudaraan membahasnya dalam  10 Tips SEO Terbaru . Demikian tadinya Panduan step by step Tips Edit Tag Heading Supaya SEO Friendly, sip [cak] menyerepi serta saya harap berguna. pada . Demikian tadi Tutorial step by step  Cara Edit Tag Heading Agar SEO Friendly, selamat mencoba dan semoga bermanfaat.

Sumber : IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Cara Edit Tag Heading Agar SEO Friendly
READ MORE - Manipulasi Tag Heading agar SEO Friendly

20 Apr 2012

Membuat Widget Tab View Menu Tanpa Edit HTML

Membuat Widget Tab View Menu Tanpa Edit HTML >> Memproduksi Widget Tab View Menu Tanpa Edit HTML >> Memproduksi Menu dengan Tab - Sebenarnya udah banyak blog blog lain yang membahas akan halnya cara memproduksi tabview itu, namun dalam pembuatan tab view menu biasanya kita kudu mengedit HTML template yang pasti begitu merepotkan serta apabila gagal resikonya sanggup merusak template, meskipun tidak barangkali rusak kalau sebelum melakukan pengeditan sudah membackup template terlebih dahulu.



Membuat Widget Tab View Menu Tanpa Edit HTML


Gambar Di atas adalah contoh Memproduksi Widget Tab View Menu Tanpa Edit HTML
Setelah bereksperimen, akhirnya saya coba dengan meletakkan kode script-nya langsung di widget sidebar, ternyata berhasil. Dengan menyatukan semua kode yang ada, pembuatan menu tab view tidak perlu lagi susah payah mengedit HTML template.
Baiklah langsung saja kita praktekkan langkah langkahnya:

login dulu ke blogger
kemudian dalam Elemen Pekarangan klik Tambah Gadget
pilih yang HTML/Javascript.
Setelah itu tambahkan kode script menu tab view-nya diantaranya dibawah itu:

<style type="text/css">
div.TabView div.Tabs a
{
float: left;
display: block;
width: 80px; /* Lebar Kotak Tab */
height: 22px; /* Tinggi Menu Utama Atas */
text-align: center; /* Posisi Teks Menu Tab */
margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
background-color: #000; /* Warna background Kotak Tab */
padding-top: 2px; /* Spasi Atas */
border: 1px solid #ffffff; /* Warna border kotak Tab */
border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
font-weight: 900; /* Ketebalan Teks kotak tab */

}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #736F6E; /* Warna background utama kotak tab */ }
div.TabView div.Pages
{
clear: both;
border: 1px solid #cccccc; /* Warna border Kotak Konten */
overflow: hidden;
background-color: #ffffff; /* Warna background Kotak konten */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 5px; /* Jarak teks dalam kotak content */
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
</style>

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 200px;" class="Pages">

<div class="Page">
<div class="Pad">
konten 1
</div>
</div>


<div class="Page">
<div class="Pad">
konten 2
</div>
</div>

<div class="Page">
<div class="Pad">
konten 3
</div>
</div>
</div></div></form>

<script src="http://johnytemplate.googlecode.com/files/tab_view.js">
</script>
<script type="text/javascript">
tabview_initialize('TabView');
</script></div>

Keterangan:
Tulisan berwarna Orange adalah keterangan daripada masing-masing kode. Silahkan atur nilainya sesuai keinginan Tulisan berwarna Merah adalah warna judul Tab
Tulisan berwarna Biru adalah judul Tab
Angka 300 dalam 'Width' menunjukkan panjang kotak serta 200 dalam 'height' menunjukkan tinggi kotak. Silahkan ganti nilainya sesuai ukuran template anda.
Tulisan yang dicetak tebal berwarna orange tua adalah isi tab view. Silahkan ganti dengan teks, link, banner atau kode widget anda.
Kalau anda ingin menambah menu tab baru cukup tambahkan kode yang berwarna hijau dibawahnya. Demikian tadi tips Memproduksi Widget Tab View Menu Tanpa Edit HTML, contoh daripada tab view itu sanggup anda lihat di sidebar blog itu ^_^
Sumber : IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Membuat Widget Tab View Menu Tanpa Edit HTML
READ MORE - Membuat Widget Tab View Menu Tanpa Edit HTML

Membuat Recent Post Berdasarkan Kategori

Menghasilkan Recent Post Berasaskan Level - Recent Post Berasaskan Titel - Seorang Blogger Jelas udah gak elusif saja tetap dengan namanya Recent Post ataupun khotbah teranyar,, terlebih saja recent post tersebut udah disediakan untuk widget temperamen sama blogger. Susunan satu buah blog hendak tampak sedikit tamam waktu belum terpasang widget recent post di dalam sidebarnya. Widget recent post tersebut menyerupai dengan udah saya tahu berperan untuk menampakkan postingan Teranyar dalam blog saya.
Secara mewujudkan Recent posts dalam blog oleh sebab itu pengunjung hendak secara gampang menyelidik subjek apa dengan bau kencur dibahas sama blog saya. Akan tetapi Recent post dengan hendak aku teliti di dalam postingan saat ini hendak sempit berselisih yakni Menghasilkan Recent Post Berasaskan Level ataupun titel. Sebenernya tiada dengan spesial dalam widget tersebut. Tetap menyerupai Recent Post di dalam biasanya, namun, perbedaannya widget tersebut sanggup menampakkan sebagian post Teranyar dalam blog saya dengan bisa dalam sortir berasaskan level sama pengunjung.
untuk memperjelas monggo sulit foto dalam (sisi) belakang:



Gimana udah tau kan letak perbedaannya....

Baiklah kita langsung aja ke cara Membuat Recent Post Berdasarkan Kategori :

  1. Masuk ke blogger dengan akun anda.
  2. Kemudian pilih halaman tata letak (Layout)
  3. Pilih elemen laman >> pilih add a Gadget (tambah gadget)
  4. Kemudian pilih HTML/Javascript
  5. Copy paste code di bawah ini

<div style="overflow:auto;width:100%px;height:300px;padding:10px;border:1px solid #000000">
<span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 10;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://jamu-martin.googlecode.com/files/recent-post.js">
</script>
<script src="http://alamat.bloganda.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div>

Keterangan :
- Ganti huruf yang warna merah dengan alamat blog anda
var jumlah_maksimum_post = 10 adalah jumlah maksimum post yang ingin ditampilkan
var dengan_ringkasan = true ganti "true" dengan "false" jika tidak mau disertai ringkasan
var jumlah_karakter_ringkasan = 100 adalah jumlah karakter ringkasan post Anda
Terakhir yang mesti anda lakukan adalah simpan atau save
Sangat mudah bukan cara Membuat Recent Post Berdasarkan Kategori ? Anda tinggal menambahkan gadget, masukkan kodenya tanpa harus edit HTML. Demikian tadi Tutorial cara membuat recent post berdasarkan kategori, jika ada kesulitan jangan sungkan untuk mengisi kotak komentar yang ada dibawah. Selamat mencoba dan semoga bermanfaat.

Sumber :IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Membuat Recent Post Berdasarkan Kategori
READ MORE - Membuat Recent Post Berdasarkan Kategori

19 Apr 2012

Cara Mengubah Keyword Menjadi Link Secara Otomatis...

Tips Mentransfer Keyword Jadi Link Dengan Otomatis >> Mewujudkan SEO smart link - Mendelik saja nih sob,, kalo sebelumnya aku persaudaraan meriset mengenai SEO Strong Keyword (Memberi Pengaruh Strong Otomatis Di dalam Keyword Blog) nah tarikh tersebut blog IPTEK-4U hendak meriset mengenai Tips Mentransfer Keyword Jadi Link Dengan Otomatis ataupun cerdik dikenal secara SEO Smart Link.

Kiranya temen-temen salah hati "Apa sebenarnya maksudnya SEO Smart Link itu". SEO Smart Link ialah satu buah strategi SEO dengan bisa menyulut keyword di dalam postingan taulan jadi Link dengan otomatis.

Oleh sebab itu misalkan aku menentukan keyword "Tips SEO". oleh sebab itu waktu di dalam postingan aku tersedia sabda "Tips SEO" oleh sebab itu sabda itu hendak jadi satu buah link dengan otomatis.
ngerti kendi sob??

Ok Terbuka TKP saja deh langkah-langkah Tips Mentransfer Keyword Jadi Link Dengan Otomatis

1. login blog kamu dua. lalu rencana pecah edit HTML (Jangan lalai menyerupai cerdik Backup template kamu dulu)

3. Cari kode </body>
4. lalu letakkan kode dibawah ini Tepat dibawah kode </body>
<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'> function autoLink(){ this.keywdHref = new Object();
this.add = function(keyword, href){ if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;} this.keywdHref
[keyword] = href; } this.createAnchor = function(){ var objs = document.getElementsByTagName(&quot;div&quot;); for(var i=0; i&lt;objs.length; i++){ var obj = objs[i]; if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){ var content = obj.innerHTML; for(var
keyword in this.keywdHref){ var href = this.keywdHref[keyword]; var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot; +href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;); obj.innerHTML = newstr; content = newstr; } } } } this.startScript = function(){ var onLoad = window.onload; window.onload = function(){ if(onLoad){onLoad();} setTimeout (&quot;f.createAnchor()&quot;, 100); } } } </script> <script type='text/javascript'> var f = new autoLink(); f.add(&quot;Tips SEO&quot;,
&quot;http://iptek-4u.blogspot.com/&quot;); f.startScript(); </script></b:if>
NB :
ganti tulisan Tips SEO dengan keyword yang sobat inginkan...
ganti tulisan  http://iptek-4u.blogspot.com/  dengan url alamat tujuan yang sobat inginkan dari keyword tersebut

Selamat mencoba...
Sumber : IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Cara Mengubah Keyword Menjadi Link Secara Otomatis
READ MORE - Cara Mengubah Keyword Menjadi Link Secara Otomatis...

Optimalkan SEO dengan Merubah Bold Menjadi Strong

Optimalkan SEO secara Merubah Bold Jadi Strong >> Strategi optimasi SEO secara menutup bold jadi strong di dalam postingan, Merubah bold jadi strong di dalam posting - Taulan - taulan blogger udah tersedia yang tau gak kalo sebenernya tersedia siasah dibalik vokal dengan dalam bold (bercetak tebal)??? Kepada dengan belum tau ayo lihat lihat postinyan aku dibawah ini.

Vokal dengan dalam bold ataupun vokal dengan bercetak tebel kerap dimanfaatkan untuk memupuk Keyword di dalam mencari engine. Akan tetapi tahukah taulan bila vokal dengan dalam bold tersebut mempunyai strategi spesial supaya bertambah memupuk keyword saya & makin dalam sukai sama Mencari Engine jadi makin menghasilkan postingan saya makin SEO Friendly.

Apa saja Triknya??? Salah hati??
Triknya komplit gampang namun, lebih kurang sempit merugikan yakni secara merubah logat bold() jadi logat strong().
komplit standar kendi,, dua-duanya sama-sama mem(per)bolehkan pengaruh cap tebel di dalam vokal namun, yang beda pengaruh strong makin diminati sama Mencari Engine & sanggup memupuk keyword ketimbang Bold.


Biar sobat ga bingung coba lihat contoh tulisan di bawah

TRIK OPTIMASI BLOG AGAR SEO FRIENDLY


pada contoh diatas tulisan normalnya pasti seperti ini dalam format HTMLnya
<b>TRIK OPTIMASI BLOG AGAR SEO FRIENDLY</b>

nah untuk triknya agar lebih SEO Friendly silahkan sobat ganti kode boldnya menjadi seperti di bawah ini
<strong>TRIK OPTIMASI BLOG AGAR SEO FRIENDLY</strong>

Udah ngerti kendi sob,, umpamanya tengah belum konkret monggo modali suara miring di dalam lingkungan dalam (sisi) belakang.
intinya cuma komplit merubah logat bold jadi logat strong, secara kegunaan dengan tetap yakni untuk mempertebal vokal, akan tetapi yang beda yang bold cuma tebel cerdik akan tetapi dengan strong mampu memupuk keyword taulan. lebih kurang sulit memang mesti mentransfer bold jadi strong 1 persatu pada cara HTML, akan tetapi kalo sanggup Keywordnya SEO Friendly setuju memang mesti sempit perbuatan lentur setuju kendi sob...
Seleksi dengan mana??? monggo taulan tentukan sendiri ^_^

Baca juga : SEO Strong Keyword (Memberi Efek Strong Otomatis Pada Keyword Blog)

Sumber : IPTEK-4U | TECHNOLOGY INFORMATION CENTER: Optimalkan SEO dengan Merubah Bold Menjadi Strong
READ MORE - Optimalkan SEO dengan Merubah Bold Menjadi Strong

23 Feb 2010

Cara membuat daftar isi automatic


Cara membuat daftar isi automatic

Bagaimana caranya membuat daftar isi seperti yang terdapat dalam blognya internet marketing center ini, caranya :
Masuk dan login dulu ke blogger dashboard
Pilih tataletak
kemudian tambah gadget
selanjutnya pilih edit HTML dan copy paste kode di bawah ini :

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src="http://mizwar.blog.googlepages.com/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="http://infobinisonlinekita.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script></div>

Catatan tulisan yang berwarna merah ganti dengan alamat blog/web kamu.
kunjungi terus blog internet marketing center, happy blogging. 

READ MORE - Cara membuat daftar isi automatic

 
© Copyright 2012.Internet Marketing Center: Tips Blogging | Template by IPTEK-4U