Cara Membuat Recent Post di Blogspot/Blogger

Cara Membuat Recent Post di Blogspot/Blogger

Cara Membuat Recent Post di Blogspot/Blogger - Hmm, d'Niell ingin menulis sedikit tentang tutorial blogging ah. Sebelumnya saya mau cerita dikit ya :-) saya ini terbiasa menggunakan CMS WordPress sebagai mesin blog yang mudah, simple namun ampuh untuk blogging. Karena di WordPress itu semuanya serba mudah, ditambah lagi dengan dukungan plugin-plugin yang powerfull menjadikan wordpress mesin blog yang hebat.

Namun tidak enaknya menggunakna wordpress kita mesti merogoh kocek yang terbilang cukup lumayan dengan kenyamanan yang ditawarkan blog wordpress. Nah maka dari itu dengan blog d'Niell ini saya mencoba memecahkan anggapan pribadi saya bahwa blogspot pun bisa seperti wordpress. Meski blog gratisan saya akan menjadikan blog d'Niell ini menjadi blog yang tak dianggap remeh oleh pengguna wordpress :-)

Maaf sekali lagi bukan karena apa saya menulis seperti ini, namun ini semua hanya buah pemikiran saya terhadap cara pandang saya terhadap blogspot. Udah ah curhatnya, kini kita masuk ke materi, yaitu Cara Membuat Recent Post di Blogspot atau Blogger

Ok, untuk membuat recent post di blogger ternyata tak terlalu sulit, kita bisa memanfaatkan fasilitas widget yang telah disediakan blogger.com

Berikut tutorialnya :
1. Masuk ke dashboard blog anda
2. Pilih ke menu Rancangan/Design
3. Kemudian pilih Tambah Gadget, kemudian pilih Feed

 

4. Pada kolom ini silahkan sobat masukan URL alamat situs sobat diakhiri dengan kata atom.xml ini bertujuan untuk membuat feed situs sobat dan akan menampilkan artikel terbaru yang sobat publish

 5. Untuk pengaturannya silahkan ikuti contoh dibawah ini

 Dan itulah artikel tutorial yang mengulas Cara Membuat Recent Post di Blogspot atau Blogger dengan mudah

Cara Memasang Recent post berjalan

Mungkin kita sering melihat Recent Post disetiap blog bentuknya sama yaitu berbentuk vertikal nah bagaimana jika kita ingin membuat beda misal dengan efek Marquee.

Disini saya akan memberikan cara bagaimana membuat recent post berjalan atau yang kita kenal dengan Marquee seperti yang ada di blog saya ini.

  

Cara membuatnya sangatlah mudah untuk jelasnya ikuti langkah dibawah ini :

·         1. Login dulu ke Akun Blogspot anda

·         2. Lalu pada halaman Dasbord Pilih dan Klik Rancangan

·         3. Setelah terbuka Laman rancangan Klik Tambah Gadget

 

 ·         4. Lalu pilih Widget HTML/JavaScript

·         5. Copy script berikut :

 
  <script type='text/javascript'>
//<![CDATA[
function RecentPostsScrollerv2(json)
{
var sHeadLines;
var sPostURL;
var objPost;
var sMoqueeHTMLStart;
var sMoqueeHTMLEnd;
var sPoweredBy;
var sHeadlineTerminator;
var sPostLinkLocation;
try
{
sMoqueeHTMLStart = "<MARQUEE onmouseover="this.stop();" onmouseout="this.start();" ";
if( nWidth)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = "" + nWidth + "%"";
}
else
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " width = "100%"";
}

if( nScrollDelay)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = "" + nScrollDelay + """;
}
if(sDirection)
{
sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = "" + sDirection + """;
if(sDirection == "left" || sDirection =="right")
{
//For left and right directions seperate the headilnes by two spaces.
sHeadlineTerminator = "&nbsp;&nbsp;";
}
else
{
//For down and up directions seperate headlines by new line
sHeadlineTerminator = "<br/>";
}
}
if(sOpenLinkLocation =="N")
{
sPostLinkLocation = " target= "_blank" ";
}
else
{
sPostLinkLocation = " ";
}
sMoqueeHTMLEnd = "</MARQUEE>"
sHeadLines = "";
for(var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++)
{
objPost = json.feed.entry[nFeedCounter];
for (var nCounter = 0; nCounter < objPost.link.length; nCounter++)
{
if (objPost.link[nCounter].rel == 'alternate')
{
sPostURL = objPost.link[nCounter].href;
break;
}
}

sHeadLines = sHeadLines + "<b>"+sBulletChar+"</b> <a " + sPostLinkLocation + " href="" + sPostURL + "">" + objPost.title.$t + "</a>" + sHeadlineTerminator;
}
document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )
}
catch(exception)
{
alert(exception);
}
}
//]]>
</script>

<script style="text/javascript"> var nMaxPosts = 10; var sBgColor; var nWidth; var nScrollDelay = 180; var sDirection="left"; var sOpenLinkLocation="Y"; var sBulletChar="â&#65533;¢"; </script> <script style="text/javascript" src="http://BLOGKAMU.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"></script>

·         6. Terakhir klik SAVE

Ca 

Catatan :

nMaxPosts = 10                   : merupakan banyaknya post yang akan ditampilkan.

nScrollDelay = 180              : merupakan kecepatan marquee semakain kecil semakin lambat.

;http://BLOGKAMU.com    : ganti dengan alamat blog mu.

Nah itu tadi caranya mudahkan selamat mencoba ^_^

     Cara Memasang Daftar Isi Blogger

Apa perlunya daftar isi blogger?

Atau apa manfaatnya memasang daftar isi pada blog? Mungkin anda punya pertanyaan seperti ini. Anda tidak sendiri. Memang blogger tidak menyediakan fasilitas ini secara langsung melalui dasbor anda. Mungkin nanti mereka harus menyiapkan widget daftar isi agar setiap pemilik blogger bisa menambahkan daftar isi pada blog blogger mereka dengan cepat.

Daftar isi pada blog blogger mempunyai banyak keuntungan, baik bagi anda sebagai pemilik blog maupun bagi orang yang mengunjungi blog anda. Tidak mengherankan banyak orang yang ingin memasang daftar isi pada blog mereka, tetapi belum tahu caranya bagaimana. Nah, pada lensa ini anda akan bisa melihat bagaimana caranya memasang daftar isi pada blog blogger anda. Silakan menyimak. Dan terima kasih telah berkunjung.

Contents at a Glance

1. Manfaat Daftar Isi pada Blog
2. Jadi Bagaimana Caranya Membuat Daftar Is...
3. Ada pertanyaan?

4. Sumber Template Blogger
5. Lihat Lensa-Lensa Lainnya

Manfaat Daftar Isi pada Blog

Jadi apa manfaat sebuah daftar isi pada blog blogger? Antara lain manfaat daftar isi pada blog blogger adalah sebagai berikut:

1. Meningkatkan kenyamanan pembaca
   Pertama, untuk meningkatkan kenyamanan pengunjung ketika berada di blog blogger anda. Dengan adanya sebuah daftar isi, mereka tinggal mengklik daftar isi tersebut untuk melihat apa saja yang ada dalam blog anda. Atau apa yang anda telah tulis dalam blog anda. Untuk tujuan ini, daftar ini sangat membantu karena bisa langsung melihat judul daftar isi tersebut alias judul postingan anda. Tidak masalah postingan tersebut berada di kategori atau label mana, pembaca bisa langsung melihat dengan jelas tanpa harus banyak mencari. Mereka akan merasa lebih nyaman bukan.
2. Meningkatkan lamanya 'stay' pembaca anda
   Ini sangat penting bagi anda sebagai pemilik blog. Lamanya waktu pengunjung berada di blog sangat baik bagi keberadaan blog tersebut. Tentu anda tidak ingin bahwa pembaca anda hanya membaca sebuah artikel atau postingan kemudian pergi begitu saja. Yang anda inginkan adalah setelah membaca sebuah artikel, mereka membaca lagi artikel-artikel lainnya. Nah, dengan adanya sebuah daftar isi maka mereka bisa melihat seketika bahwa anda punya banyak artikel-artikel menarik yang bisa mereka baca.
3. Blog anda terlihat lebih professional
   Coba anda lihat blog-blog yang ada. Seberapa banyak yang telah memberikan sebuah daftar isi untuk melihat semua postingan atau artikel yang ada di dalam blog tersebut? Tidak banyak bukan?! Nah, kalau anda punya sebua daftar isi, maka blog anda akan terkesan lebih professional dibandingkan dengan blog yang lain (yang tidak punya daftar isi). Anda pun kelihatan memperhatikan kenyamanan pengunjung sehingga mereka merasa terfasilitasi. Ini lah yang sangat penting! Anda harus punya hubungan batin dengan pembaca anda dan mereka merasa bahwa anda memperhatikan kebutuhan mereka.
4. Meningkatkan peluang adsense terklik
   Kalau anda memasang adsense, semisal Google adsense, maka tujuan anda memasangnya adalah agar pembaca mengkliknya, bukan? Nah, apakah kalau mereka hanya sebentar di blog anda terus mereka akan punya peluang yang lebih baik untuk mengklik dibandingkan jika mereka merasa betah? Jawabannya tentu tidak. Secara logika, lebih lama mereka berada di blog anda maka adsense anda akan terlihat dalam waktu yang lebih lama, apalagi pada halaman-halaman artikel yang berbeda-beda. Tadinya mungkin mereka tidak tertarik untuk mengklik di sebuah halaman, tetapi ketika membuka halaman postingan lainnya dengan tampilan adsense yang berbeda, siapa tahu mereka tertarik kan? Persoalan klik adsense adalah persoalan peluang. Makin lama pengunjung berada dalam sebuah blog, makin tinggi peluang adsense yang ada mendapat klik.

Jadi Bagaimana Caranya Membuat Daftar Isi Blog?

Ok, Inilah Caranya

Salah satu daftar isi blog yang terbaik untuk blogger adalah yang dibuat oleh Abu Farhan. Code yang dia buat beradasarkan kepada accordion dan punya tampilan sangat cantik. Anda bisa ke sana untuk melihat bagaimana fitur daftar isi yang sudah dibuatnya. Untuk melihat demonya, silakan klik di sini.

Cara membuatnya adalah buat laman statis baru

1. Klik Posting, Laman Baru, kemudian Edit Laman, lalu Edit HTML
2. Pada Judul Laman masukkan Daftar Isi
3. Masukkan kode berikut pada kotak untuk isinya:
   
   <link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
   <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>
   <script src="http://www.oblo.web.id/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>
   <script type="text/javascript">
   var accToc=true;
   </script>
   <script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>
   
   Kira-kira seperti di bawah ini
   
4. Ganti www.oblo.id dengan alamat blog anda
5. Terakhir, klik Tayangkan Laman.

Cara Memasang Widget Alexa di Blog 

Blog Kali ini Mengulas Cara Memasang Widget Alexa di Blog. tentunya di khususkan buat Para Blogger Pemula yang Mungkin Belum tau Cara Memasang Widget Alexa di Blog mereka, kegunaan nya untuk apa? yup, alexa di jadikan sebagai pengkur tingkat Rangkin dalam Sebuah Blog kira kira Widget alexa kayak ini Neh, yang Berada DI samping Blog ini

dan Berikut Cara Memasang Widget Alexa di Blog
1.Login Terlebih Dulu Ke Alexa
2.Kemudian Klik Menu Site Tool - alexa widget atau biar cepat Klik aja di SINI
3.Masukkan Alamat Blog Sobat Pada Kolom yang Tersedia Misal : http://m-wali.blogspot.com/
dan Klik Build Widget
4.Nah Copykan Kode HTML yang Tertera di Sana
5.mau di Jelaskan Juga cara pasang Ke Blog? yup  masuk dasbor-Rancangan-Edit HTML-dan tambah/Add Widget.
  Selamat mencoba..!!