Akses Blogspot | Teknik Blog SEO

Home » Blog

Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Hal-hal yang di lakukan blogger handal

1. Planning.

Seorang blogger harus mempunyai rencana dan persiapan yang siap tempur di dunia maya. Blogger harus mencari tema blog, kata kunci dan artikel yang bermanfaat.

2. Tetapkan Judul Blog.

Judul blog adalah identitas blog kita, maka rancang lah judul blog dengan yang berkaitan dengan tema dan artikel pada blog yang kita buat.

3. Tetpkan tittle dan deskripsi.
Blog harus mempunyai tittle atau deskripsi sebagai pengenal dan penjelasan dari identitas blog itu sendiri. Deskripsi tidah hanya pada judul blog namun juga pada artikel yang kita publikasikan.

4. Artikel memiliki satu kesatuan.
Rancang artikel anda dengan mengurutkan dari artikel yang paling mendasar hingga ke artikel yang lebih luas. Contoh seperti kita membuat sebuah makalah ada pendahuluan hingga kesimpulan. Hal ini bertujuan agar si pembaca akan tertarik untuk membaca dan penasaran terhadap artikel kita tulis karena artikel tahap tingkatan yang makin menarik.

5. Promosi
Promosikan blog anda ke media social,forum dan blog lain, apabila ingin cepat bisa lakukan promosi yang berbayar. Ingat semakin popular blog anda semakin bagus.

Baca selengkapnya »

Pengertian Blog, Blogspot dan Blogger

Definisi atau Pengertian Blog, Blogspot dan Blogger.

Pengertian atau Defenisi Blog.

Blog merupakan singkatan dari "Web Log" adalah sebuah aplikasi web yang berupa tulisan-tulisan ataupun gambar yang biasa disebut dengan sebuah posting atau postingan dalam sebuah halaman website umum seperti blog. Tulisan-tulisan ini seringkali dimuat dalam urut terbalik biasanya isi terbaru dahulu baru kemudian diikuti isi yang lebih lama, meskipun tidak selamanya seperti ini. Situs web seperti blog ini biasanya dapat diakses oleh semua pengguna Internet sesuai dengan topik atau tujuan yang sedang dicari oleh pengunjung atau visitor dari search engine.

Pengertian Blogspot.

Blogspot merupakan sebuah layanan gratis untuk membuat suatu blog yang merupakan salah satu produk dari Google.. Dengan menggunakan sebuah blogspot Anda dapat membuat sebuah blog untuk menuliskan atau menuangkan sebuah ide Anda untuk menjadikan blog Anda lebih populer, selain itu Anda dapat mendapatkan uang dari hasil blog Anda. Jadi mari kita manfaatkan layanan gratis dari Google. untuk mencari uang maupun berekspresi di dunia Internet.

Pengertian atau Definisi Blogger.

Blogger adalah suatu media Internet yang menyediakan sebuah catatan pribadi yang bisa dilihat oleh semua pengguna Internet dan menjadi sebuah media untuk berbagi informasi dengan mudah dan gratis. Selain itu blogger merupakan sebuah ikatan yang terbentuk dari para blogger berdasarkan dengan kesamaan tertentu, misal : kesamaan daerah, kesamaan sekolah, kesamaan hobi, dan kesamaan lainnya. Untuk bisa bergabung dengan sebuah komunitas blogger biasanya ada syarat tertentu misalnya berasal dari daerah tertentu. Dan blogger ini bisa diartikan orang yang suka menulis artikel pada blog.

Cara Membuat Widget Fan Page Like Facebook 2015 Terbaru

Pembuatan Fan Page 2015 Lengkap dengan Widget Melayang.

Apa Itu Fan Page ?

Fan Page facebook adalah sebuah halaman khusus layaknya blog yang menyediakan berbagai informasi yang beragam sesuai dengan keinginan pemiliknya, Fun Page banyak digunakan mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lainnya

Manfaat Fan Page Bagi Bisnis Online.

Manfaat Fan Page untuk bisnis online? Manfaat Fan Page Facebook adalah untuk mengumpulkan prospek (fans) sebanyak-banyaknya dan kemudian kirimi pesan-pesan marketing untuk menghasilkan penjualan. Dengan semakin banyaknya jumlah Fans / penggemar halaman / page facebook anda, maka akan semakin besar pula peluang anda mendapatkan uang.

Manfaat Fan Page Perorangan.

Manfaat Fan Page yang tidak berbisnis online? Apabila anda seorang aktivis kampus atau anda adalah seorang yang senang berjejaring sosial, maka fan page facebook akan menjadi solusi bagi anda untuk berbagi, memberikan informasi dsb. Jika anda seorang guru, dosen, motivator, jurnalis atau bahkan anda seorang psikiater mungkin halaman fan page facebook akan sangat bermanfaat bagi anda untuk menjalankan berbagai kegiatan anda

Cara Memasang Fan Page Facebbook 2015 Terbaru dengan mudah,sederhana dan lengkap dengan widget melayang di blog hanya ada disini dan ikuti langkah-langkah dibawah ini :

1. Login Facebook.

2. Buka Halaman Fan Page Anda.

3. Salin alamat Fan Page anda.

4. Buka Blogger.com

5. Masuk ke Blog yang ingin dipasang widget Fan Page.

6. Pilih Tata Letak.

7. Pilih Tambahkan Getgat.

8. Pilih Html/JavaScript.

9. Masukkan Kode berikut :

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/pages/Pasar-Sepak-Bola/1591422667771173" data-width="300px" data-height="600px" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

<!-- FB melayang tombol close --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like-box" data-href="https://www.facebook.com/pages/Pasar-Sepak-Bola/1591422667771173" data-width="292" data-show-faces="true" data-stream="false" data-show-border="true" data-header="true"></div>

<!-- Selesai --!><a class='close' href='#'>×</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://pasarsepakbola.blogspot.com/">Blogger Widget</a></p>
</div>

Peringatan!! : Tulisan warna MERAH rubah dengan alamat Fun Page anda.

10. Klik Simpan.
11. Lihat Hasilnya.

Cara Membuat atau Merubah FAVICON atau Icon Tittle Blog

FAVICON berada pada bagian atas pada sebuah blog yang berlogo blog, kenapa saya membahas artikel ini? dikarenakan banyak dari pada blogger yang mengininkan tampilan yang unik dan menarik terhadap blog yang mereka kelolah, namun dengan adanya favicon mereka dapat memberikan dan menimbulkan ciri khas dari blog tersebut.

Syarat Utama adalah : Persiapkan Sebuah Gambar atau Logo Yang berbentuk KOTAK Persegi (Bujung Sangkar) Misalnya 100px x 100px, 200px x 200px, 300px x 300px dst dengan ukuran file tidak lebih dari 100KB. Selanjutnya ikut langkah-langkah berikut.

1. Login / Masuk ke dalam Blog anda.
2. Pilih Blog yang akan dirubah Icon Blog anda.
3. Masuk ke halaman Tata Letak.
4. Pilih Widget / Gadget FAVICON.

5. Klik Simpan / Save.
6. Lihat Blog anda dan lihat hasilnya.

Demikian artikel Cara membuat atau Merubah FAVICON atau Icon Tittle Blog, semoga berhasil dan jangan lupa bagikan ke lain karna berbagi itu tidak akan mengurangi ilmu anda.

Halaman Artikel Terkait lainnya : TIPS dan Trik Mempercantik BLOG.

Cara Membuat Daftar Isi Unik dan Responsive

Daftar Isi adalah halaman yang menjadi petunjuk isi pokok dalam sebuah blog yang sangat bermanfaat bagi pengunjung dalam melihat isi dari blog anda. Daftar isi yang unik dan responsive sangat disukai oleh banyak pengunjung karena sangat memudahkan pengunjung untuk berinteraksi dengan blog anda, maka dengan begitu membuat pengunjung tidak akan merasa bosan berkunjung ke halaman blog anda.

http://aksesblogspot.blogspot.com/p/blog-page.html

Berikut ini adalah langkah-langkah pembuatan daftar isi :

1. Pastikan anda telah login ke dalam blog anda.

2. Pilih blog yang akan anda tambahkan daftar isi.

3. Pilih Laman.

4. Pilih Laman Baru.

5. Pilih HTML.

6. Isi nama Laman dengan Daftar isi.

7. Isi kode berikut di kolom HTML.

-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);overflow:hidden;position:relative;color:#333}
#tabbed-toc .loading{display:block;padding:5px 10px;font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;color:white}
#tabbed-toc ul,#tabbed-toc ol,#tabbed-toc li{margin:0 0;padding:0 0;list-style:none}
#tabbed-toc .toc-tabs{width:20%;float:left}
#tabbed-toc .toc-tabs li a{display:block;font:normal bold 10px/28px Helmet,Freesans,Sans-Serif;height:28px;overflow:hidden;text-overflow:ellipsis;color:#ccc;text-transform:uppercase;text-decoration:none;padding:0 12px;cursor:pointer}
#tabbed-toc .toc-tabs li a:hover{background-color:#153615;color:white}
#tabbed-toc .toc-tabs li a.active-tab{background-color:#275827;color:white;-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);box-shadow:-2px 2px 2px rgba(0,0,0,.5);position:relative;z-index:5;margin:0 -1px 0 0;/* cursor:text;*/}
#tabbed-toc .toc-content,#tabbed-toc .divider-layer{width:80%;float:right;background-color:white;border-left:5px solid #275827;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#tabbed-toc .divider-layer{float:none;display:block;position:absolute;top:0;right:0;bottom:0;-webkit-box-shadow:0 0 7px rgba(0,0,0,.7);-moz-box-shadow:0 0 7px rgba(0,0,0,.7);box-shadow:0 0 7px rgba(0,0,0,.7)}
#tabbed-toc .panel{position:relative;z-index:5;font:normal normal 10px/normal Helmet,Freesans,Sans-Serif}
#tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:11px;color:#892412;line-height:20px;height:20px;padding:0 12px;text-decoration:none;outline:none;overflow:hidden}
#tabbed-toc .panel li time{display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right}
#tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-style:italic;border-bottom:4px solid #275827;overflow:hidden}
#tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:0 8px 0 0;padding:4px 4px;width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa}
#tabbed-toc .panel li:nth-child(even){background-color:#FFE8E3}
#tabbed-toc .panel li a:hover,#tabbed-toc .panel li a:focus,#tabbed-toc .panel li a:hover time,#tabbed-toc .panel li.bold a{background-color:#333;color:white;outline:none}
#tabbed-toc .panel li.bold a:hover,#tabbed-toc .panel li.bold a:hover time{background-color:#222}
@media (max-width:700px){#tabbed-toc{border:2px solid #333}#tabbed-toc .toc-tabs,#tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}#tabbed-toc .toc-tabs li{display:inline;float:left}#tabbed-toc .toc-tabs li a,#tabbed-toc .toc-tabs li a.active-tab{background-color:#224C19;-webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);-moz-box-shadow:2px 0 7px rgba(0,0,0,.4);box-shadow:2px 0 7px rgba(0,0,0,.4)}#tabbed-toc .toc-tabs li a.active-tab{background-color:white;color:#333}#tabbed-toc .toc-content{border:none}#tabbed-toc .divider-layer,#tabbed-toc .panel li time{display:none}}
</style>

<br />
<div id="tabbed-toc">
<span class="loading">Memuat...</span></div>
<script>
var tabbedTOC = {
    blogUrl: "http://www.aksesblogspot.blogspot.com/", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: false, // `true` to show the post date
    showSummaries: false, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
    monthNames: [ // Array of month names
        "Januari",
        "Februari",
        "Maret",
        "April",
        "Mei",
        "Juni",
        "Juli",
        "Agustus",
        "September",
        "Oktober",
        "November",
        "Desember"
    ],
    newTabLink: true, // Open link in new window?
    maxResults: 99999, // Maximum post results
    preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
    sortAlphabetically: true, // `false` to sort posts by published date
    showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
    newText: " - <i style='color:red;'>New!</i>" // HTML for the "New!" text
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

Penting : Ganti isi baris blogUrl: "http://www.aksesblogspot.blogspot.com/", // Blog URL dengan alamat blog anda

8. Klik Simpan.

9. Selesai.

Cara Membuat Widget Recent Post Animasi Berjalan

Recent Post adalah Widget yang berisi tentang postingan atau artikel yang terakhir penulis publikasikan di suatu blog atau website, apabila pengunjung melihat widget ini pengunjung akan langsung dapat mengetahui informasi terbaru dari sebuah blog. Widget Recent Post yang memiliki animasi gerak terkadang memiliki daya tarik tersendiri untuk sebuah blog meski blog tersebut hanya blog biasa.

Berikut ini adalah cara-cara atau langkah langkah dalam pembuatan Recent Post Bergerak.

1. Login ke Blog anda.
2. Pilih Blog mana yang akan ditambahkan Wiidget Recent Post.
3. Pilih Tata Letak.
4. Pilih Tambahkan Gatget.
5. Pilih Tambahkan HTML/JavaScript.
6. Salin kode dibawah ini :

<div style="margin-bottom: 15px;">
<style type="text/css">
#rp_plus_img{height:287px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:70px;padding:1px;list-style:none;}
#rp_plus_img a{color:#3366ff;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:12px;}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://slide-down-recent.googlecode.com/files/Slide%20Down%20Recent%20Post.js"></script>
<script type="text/javascript">
var speed = 400;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
</div>

7.Isi Kode diatas pada kolom HTML/JavaScript.
8. Simpan.

Demikianlah langkah-langkah membuat Recent Post bergerak dan semoga berhasil dalam melakukannya. Terima Kasih telah berkunjung dan jangan lupa berkunjung lagi.

Lihat juga Postingan Mempercantik Blog yang lain :
Cara Membuat Populer Post Lebih Menarik dan Unik.
Cara Membuat Widget Label Blog Unik.

Cara Membuat Populer Post Blog Menjadi Unik

Populer Post adalah tempat dimana pengunjung blog dan kita dapat melihat postingan-postingan yang sering dilihat oleh pengunjung lain. Pada kesempatan ini saya akan mencoba melakukan perubahan terhadap widget Populer Post menjadi lebih unik dan berwarna dengan memanfaatkan CSSPseudo Element dan nth-child. Tampilan yang akan dihasilkan kurang lebih akan menjadi seperti gambar di bawah ini.

Langkah-langkah yang harus dilakukan adalah sebagai berikut :

1. Login Blog Anda.

2. Pilih Tata Letak.

3. Tambahkan Gatget dan Pilih Entri Populer.

4. Atur agar hanya menampilkan Judul saja.

5. Klik Simpan.

6. Pergi ke Template, lalu pilih Edit Html.

7. Cari kode ]]></b:skin>.

8. Tulis kode berikut di atas kode ]]></b:skin>.

]]></b:skin></style>

/*Custom Popular Post*/
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}
.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}
.PopularPosts ul li a{color:#fff!important}
.PopularPosts ul li a:hover{color:#2c3e50!important}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}
.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}
/* Pengaturan Warna */
.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}
.PopularPosts ul li:nth-child(2){background-color:#f39c12;}
.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}
.PopularPosts ul li:nth-child(4){background-color:#27ae60;}
.PopularPosts ul li:nth-child(5){background-color:#e67e22;}
.PopularPosts ul li:nth-child(6){background-color:#d35400;}
.PopularPosts ul li:nth-child(7){background-color:#3498db;}
.PopularPosts ul li:nth-child(8){background-color:#2980b9;}
.PopularPosts ul li:nth-child(9){background-color:#ea6153;}
.PopularPosts ul li:nth-child(10){background-color:#c0392b;}
.PopularPosts .item-thumbnail{margin:0 0 0 0}
.PopularPosts .item-snippet{font-size:11px}

9. Klik Simpan.

10. Selamat anda memiliki tampilan Populer Post yang unik dan berwarna.

Terima kasih telah berkunjung dan menyempatkan membaca. Semoga berhasil dan jangan lupa rajin berkunjung.

Cara Membuat Widget Label Blog Unik

Membuat widget untuk blog tentulah sangat bermanfaat untuk memper indah tampilan blog dan menyejukkan mata yang mengunjunginya, namun widget yang unik tentunya sangat diminati dan banyak yang ingin membuatnya, membuat tampilan widget dengan CSS3 sangat lah menjadi pilihan tepat buat anda yang suka dengan tampilan unik.

Berikut adalah langkah-langkah untuk membuat tampilan widget label dengan CSS3 :

1. Login ke Blog anda.

2. Pilih Blog yang ingin dilakukan pengeditan.

3. Pergi ke Template.

4. Klik Edit HTML.
5. Centang Expand Template Widget.

6. Cari tulisan ]]></b:skin>. ( cara cepat : Ctrl+F dan tulis ]]></b:skin> ).

7. Tulis kode berikut di atas tulisan ]]></b:skin>.

/*--- KxMadagascar Custom Label With CSS3 --- */
.Label a{ padding-left:20px;
background:#FFA500;
padding:0 20px;
color:#000!important;
border-radius:100px;
-moz-border-radius:100px;
height:17px;
line-height:17px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px;
}
.Label a:hover{ color:#000 !important;
background:#fff;
}

8. Klik Simpan.
9. Pergi ke Tata Letak.
10. Tambah Widget Label, kemudian klik edit.
11. Samakan settingan dengan Gambar Berikut :

12. Simpan.

Semoga pengunjung dapat manfaat danberhasil dalam mencoba membuat widget label unik dengan CSS3. Terima Kasih.

Akses Blogspot | Teknik Blog SEO

Mengenai Saya

Kategori

Tayang Hari Ini

Archive

Labels

Advertising Network

Subscribe Via Email